Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - 상수는 보통 컴포넌트 밖에 선언하지만 함수는 비용이 꽤 많이 나가서 컴포넌트 내부에 선언하는 편이다. Feeling (느낀 점) - 리팩터링은 어렵다.. 하면 할수록 오히려 리팩터링할게 많아진다.. 그래도 나중에 코드를 확인해봤을때 상당히 뿌듯하다.. 과연 남이 보기에도 이쁜 코드일지.. 고슴도치도 자기 새끼는 좋아하는것처럼 사실 여전히 보기 좋지 않은 코드인데 나 혼자 뿌듯해하는건 아닐까 싶긴하다.. 코드리뷰 받고싶다. - 테스트코드 작성은 귀찮다.. 그래도 커버리지나 테스트가 통과하면서 약간.. 게임하는 듯한 느낌을 받기도 하고 오히려 함수를 퓨어하게 만드는데 도움이 많이 되는것같다. 실제로 테스트 코..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - Feeling (느낀 점) - 지인의 프로젝트를 도와주면서 느낀것이 있다.. 난무하는 var키워드와.. 함수형컴포넌트, 클래스컴포넌트의 구분없이 마구 사용하면서 리액트를 하고있었다.. 이게 무슨 해괴망측한 코드인지 정신이 아득해지며 어질어질 했다.. 아마 남이 내 코드를 봤을때 이런느낌이 아닐까 겁도 났다.. 해당 프로젝트 손을 봐주면서도 코드가 너무 읽히지가 않아서 괴로웠다.. 정말.. 가독성이 얼마나 중요한지 알게된 하루였다 Affirmation(자기 선언) - 남이 읽는다 생각하고 가독성 좋게 코드짜기
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) Feeling (느낀 점) - 상태관리 라이브러리를 직접 사용해보면서 작게나마 장단점을 알게 되었다. 그러나 어떤 상황에서 어떤 라이브러리를 사용해서 상태관리를 해야하는지는 아직 감이 오지 않는다.. 물론 각 라이브러리별 장점과 단점은 어느정도 알겠지만 아직 프로젝트 경험이 많지 않아서 어떤 경우에 사용해야할지는 잘 모르겠다.. Recoil같은 경우는 사실 구독하는 형태라서 Selector를 사용하면 프로젝트 단위가 커질때 불편할것같다는 생각을 했다.. 숙련도의 차이일까? 앞으로는 좀 다양하게 프로젝트를 진행해야겠다. Affirmation(자기 선언) - 적어도 화요일까지는 포스팅 꼭.. 하기.. ㅠㅠ
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - Scss 기초 사용법 - Recoil 기초 사용법 Feeling (느낀 점) - 어떤 라이브러리던 사용법이나 틀이 비슷하기 때문에 한가지 종류를 사용할 수 있다면 러닝커브가 그렇게 높지 않은것같았다. 처음 Redux를 배웠을 때는 엄청나게 어려웠지만 회사에서 사용하는 Justand나 Recoil은 redux를 사용했어서 그런지 비교적 쉽게 사용할 수 있었고 오늘 공부할때도 비교적 쉽게 공부할 수 있었다. 다만 프로젝트마다 성격이 다르기 때문에 어떤 기술이 있는지 다양하게 알고있어야 각 라이브러리 특징에 맞게 선택 할 수 있으니 뜨는기술 혹은 다양한 라이브러리를 알고있어야 한다고 느꼈다. Affirmatio..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) Feeling (느낀 점) Affirmation(자기 선언) - 일단.. 목표치는 끝내고.. 적어도 Todos에 적어놓은 것들은 끝내고 놀기..! - 내일은 오늘 못한것까지 전부 다 듣기..! ㅠㅠ
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - moment - 언어팩 지원, 타임존 - dayjs - date-fns Feeling (느낀 점) - 여태 Date 관련 라이브러리는 moment만 사용했다. 가장 유명하고 보편적으로 사용되니 아무 생각없이 moment를 사용하였는데 이제보니 moment는 아직 유용하기는 하지만 레거시 라이브러리가 된 것을 보니 내가 너무 매사에 안일하기도 하고 참 프론트엔드 개발자의 트렌드가 빠르게 바뀌긴 하다는것을 또 체감하게 되었다. 역시 개발자는 평생 공부해야되는구나.. 싶었다. Affirmation(자기 선언) - 앞으로 시작하는 프로젝트에서 moment 사용하지 않기. - 이미 알고있는 라이브러리가 있다고 해서..
Todos (할 것) HTML 삽입 미리보기할 수 없는 소스 Finding (새로 알게 된 것) - ISR (Incremental Static Regeneration) - 정적인 페이지를 일정 시간마다 다시 업데이트해준다. - fallback: 'blocking' - fallback이 true와 비슷하지만 props가 올때까지 까지 다른 처리없이 그저 기다린다. - getServerSideProps - getStaticProps 와 비슷하지만 req, res, query등 을 받을 수 있다. - router의 shallow - path는 변경하지 않으면서 쿼리만 변경할 수 있게 해준다. Feeling (느낀 점) - NextJS를 사실 전회사에서 한 번 사용해본적이 있어서 이미 잘 알고있다고 생각했는데 ..
Facts (한것) - 드림코딩 TDD 완강 Finding (새로 알게 된 것) - Jest의 유용한 내장함수 ex) mock Feeling (느낀 점) - TEST가 사실 하면 좋다는 말을 듣기만 해봤는데 실제로 적용을 해보고 어떤점이 좋은지 와닿았다. 자세한 내용은 포스팅 참고 Affirmation(자기 선언) - 3주안에 회사프로젝트에 테스트 적용. - 앞으로 작성하는 모든 프로젝트에 최대한 테스트 추가하기.
TDD (Test-driven development) 테스트를 하는 이유? QA팀이 있다면 회사입장에서도 리소스 ( 병목현상, 인건비, 시간) 가 발생한다. 개발팀도 QA팀이 뒤늦게 발견한다면 에러를 나중에 수정해야한다. 테스트 자동화 에러 발생확률 낮음 꼼꼼히 작성한다면 다시 코드를 안봐도 되는 불안감 해소효과?? 리팩터링하기 부담스럽지 않음 유지보수가 용이해짐 코드의 품질향상 코드의 문서화 테스트 피라미드 Unit Test (단위 테스트){함수, 클래스, 모듈} => Integration Test(통합 테스트){상호작용 테스트} => End to End Test (UI 테스트){사용자 테스트} 피라미드라고 부르는 이유? 밑에서 위로 올라갈 수록 리소스가 많이 든다. 가장 쉬운것이 Unit 테스트 이므..
Facts (한것) - 모던 자바스크립트 Deep Dive 7, 8, 9, 10, 11 다시 읽기 - 드림코딩 TDD 구매 및 챕터 1듣기 Finding (새로 알게 된 것) - UI 테스트 Feeling (느낀 점) - TDD강의를 듣다보니 내가 하고 있는 테스트가 완전하지도 않고 또 테스트를 생각보다 넓은 범위에서 할 수 있는것을 알게되었다. Affirmation(자기 선언) - TDD강의 이번주내로 완강 후 회사 프로젝트 적용
