본문 바로가기

Life

 (242)
20200918 T.I.L 오늘 한 일 첫 번째 과제가 통과되고 두 번째 계산기를 구현하는 과제 올렸던 것 리뷰를 확인했다. 그 부분과 내가 더 고치고 싶었던 부분까지 고치기 시작했다. 한 작업들을 크게 나눠보자면 return 부분의 html 코드를 작성하는 부분의 onClick함수들을 return문 밖으로 빼서 함수를 분리해서 따로 선언해주었다. 가독성을 위해 꼭 필요한 부분이었는데 나중에 해야지 하다가 미루다 미쳐 잊어버리고 고치지 못했던 부분이었다. 이런 것을 보면 나는 정말 간과하고 있는 것들이 많은 것 같아 더 꼼꼼해져야겠다. 재할당 방지를 위해 render함수에 파라미터를 직접 넣어주어 화면을 재구현하는 방법으로 갔다. 또 오류가 나는 상황들을 예외처리를 해주어 해결해주었다. 연산자를 연속으로 누를 경우와 처음 숫자가 ..
20200917 T.I.L 오늘 한 일 리뷰받은 부분들: 파라미터 명을 value 같은 모호한 것이 아닌 의미 있게 짓기. 예외처리가 없도록 기본값을 정해주기. 오전에는 이 두 부분들을 간단하게 해결했다. 사실 어려운 부분이 아닌데 쉽게 간과하게 되는 부분들 인 것 같다. 이럴 때마다 내가 더 꼼꼼해져야 한다는 걸 느낀다. 또 오전에 해야하는 코딩이 일찍 끝나서 지금 과제가 통과가 아니라서 아직 다음 과제로 넘어가지는 못하지만 혼자 다음 과제를 같이 진행하기로 결정했다. jsx만으로 계산기를 구현하는 것인데 정말... 후... 자바스크립트보다도 어렵고 리액트로 만드는 것 보다도 고민이 더 되는 작업이다. 오전 내내 eval함수를 이용해서 잘 구현해냈다. 테스트 코드도 통과했는데 문제는 eval함수를 사용했다는 것... eval함수..
20200916 T.I.L 오늘 한 일 어제 올렸던 과제의 코드 리뷰를 받았다. 과제 내용이 jsx를 이용하여 DOM을 조작하는 내용이었는데 주요 키포인트는 변수를 사용해서 데이터를 할당하는 것이 재할당을 일으키고 그렇다면 코드의 예측 가능성이 낮아지므로 좋지 않은 방법이기 때문에 다른 방법을 찾아야 한다는 점이었다. 이점은 함수 자체로 값을 변경하는 함수로 만들어 주어 해결했다. 그리고 그냥 적었던 버튼을 타입이 필요하다는 리뷰를 받았다. 이 이후에 제대로 왜 버튼에 타입을 적어줘야 하는지 찾아보기 시작했다. 그제야 button 기본 속성이 submit이라서 필요한 기능이 submit이 아니고 함수 내용을 구현해야 하는 기능이었으므로 button으로 속성을 지정해줘야 한다는 것을 알게 되었다. 또 no-use-before-def..
20200915 T.I.L 16일 오전에 적는 15일의 til.... 이 아니라 yil(yesterday i learned)이다. 어제는 진짜 하루 종일 git과의 고군분투를 마치고 til을 작성해야 한다는 생각조차 그냥 잊어버렸다... 어떻게 이럴 수 있지;;; 그리고 오늘 지금 이 순간까지 내가 글을 작성하지 않았다는 사실조차 몰랐다 ㅎㅎㅎ;;;; 갑자기 깨닫고 내가 어제 뭐했는지 잊어버리기 전에 얼른 올려버리기로 했다. 어제 한 일 git 관리에 대해 많은것을 배웠다. 아무리 문서를 보고 따라 하고 또 해보고 또! 해봐도 점점 미궁 속으로 빠지고 잘 작동되지는 않고 해서 결국 코드 숨 윤석 트레이너님께 도움을 요청했다. 하나부터 끝까지 차근히 설명해주셔서 감사합니다ㅜㅜㅜ 어제(오늘로부터는 그제) 하루 종일 했던 시도는 for..
20200914 T.I.L 오늘 한 일 오늘은 듣던 리액트 인강을 계속해서 듣고 코드 숨을 시작하는 날이라 깃 헙에도 초대되고 강의와 과제도 받았다. 리액트 인강은 간단한 유튜브 클론 페이지를 만드는 거였는데 진짜 리액트로 기능을 다 구현해내고 하는 게 신기해서 재밌었다. 이건 간단하게 만든 거지만 나중에는 완전한 유튜브 클론을 만드는 게 가능할 거 같은 느낌이 든다. 하지만 아직 이 강의에서는 최적화를 시키는 부분은 나오지 않아서 영상 정보 하나를 클릭하거나 검색어를 치는 그 순간에도 렌더링이 돌아가서 그 부분은 약간 거슬리는 부분이다. 간단한 동영상 플레이어 강의가 끝나고 다음은 hooks를 사용하는 법에 대한 강의가 시작되었는데 보통 한 파트가 짧으면 30분인데 이번 파트는 무려 4시간이 넘는다.... ㄷㄷㄷ 할수있다! 생각..
20200913 T.I.L 오늘 한 일 드디어 리액트를 이용해서 제대로 된(?) 미니 프로젝트를 하나 시작한 느낌이다. 단어를 검색하면 검색한 단어의 이미지들을 리스크 업해서 화면에 보여주는 페이지를 만들었다. Unsplash API를 이용해서 정보들을 얻어왔다. 마치 서버에서 정보를 얻어오듯 api를 이용해서 데이터를 얻어오는 게 정말 신기하다. 저번에 20개의 바닐라 자바스크립트 프로젝트에서는 fetch를 사용해서 데이터를 받아왔는데 여기서는 axios를 이용해서 뭔가 새로웠다. fetch를 사용하면 뭔가 더 복잡하고 간결해지지 않는다고 해서 axios를 쓴다고 했는데 내가 fetch를 깊게 공부하지 않아서 그런가;;; 사실 별로 차이점을 느끼지는 못하겠다. 그리고 내가 사실 css에서 flex는 정말 많이 써봐서 이제는 그냥..
20200912 T.I.L 오늘 한 일 리액트 인강을 계속해서 듣고 있다. 이 인강에서도 앞전에 들었던 인강과 같이 컴포넌트를 만들 때 class로 만드는 것과 함수를 선언해서 만드는 두 가지 방법을 모두 잘 알고 있어야 한다고 강조하고 있다. 실제로 예시를 들어주면서 class와 함수 컴포넌트 두 가지가 굉장히 많이 혼용이 되어 사용되고 있다는 것도 보여주었다. 또 리덕스를 배울 때 class컴포넌트를 모르는 상태로 배우게 되면 많은 어려움이 있기 때문에 두 가지를 모두 잘 알아야 한다. 그래서 class로 컴포넌트를 만드는 것에 대해 먼저 차근히 배우기 시작했다. 이미 아는 내용이라 진도가 조금 느린감은 없지 않지만 앞전 강의보다 하나하나 차근히 이게 어디에 쓰이고 왜 쓰이는지에 대해 짚고 넘어간다는 점이 좋았다. props의..
20200911 T.I.L 오늘 한 일 유데미에서 예전에 구매해 두었던 리액트 강의를 처음부터 듣기 시작했다. 아직까지 초반 내용을 듣고 있는데 초반 내용은 내가 이미 배웠던 내용이랑 거의 같아서 금방금방 쉽게 넘어갈 수 있는 부분이었는데 후반에 라우터나 리 덕트를 다루는 부분이 추가로 있기도 하고 이 강의는 영어강의라 영어로 강의를 들으면서 용어나 그런 것들에 있어서 익숙해지지 않을까 하는 생각에 듣기를 시작했다. 쉽게 쉽게 강의를 넘어가고는 있는데 신기했던 건 create-react-app을 사용하는 점이었다. 완전 신세계다. 따로 많이 깔아주지 않아도 되고 자동적으로. gitignore까지 만들어주어 정말 꿀 같달까 ㅎㅎㅎ(사실 웹팩을 스스로 빌드업할 때 이 부분을 어떻게 처리할지 몰라 커밋할 때마다 애먹었는데 보고. git..

티스토리툴바