리액트 6기

[ 강의 ] - Emotion을 이용해서 스타일 컴포넌트 사용 - 리덕스 툴킷(RTK)을 이용해서 액션, 리듀서 리팩토링 - 리액트 컴포넌트 최적화 프로젝트를 진행하기에 앞서서, 좀 더 필요한 내용들을 배우는 주차인 것 같습니다. 무난하게 강의수강과 과제를 진행한 것 같습니다. [ 느낀 점 ] 코드를 나름 신경써서 작성했다고 생각했어도, 리팩토링할 부분이 존재하긴 했습니다. 피드백을 통해 코드의 가독성을 더 높일 수 있거나, 기능적으로 문제가 되는 점을 파악했습니다. 다음 주부터는 프로젝트를 진행할 것 같은데, 유닛테스트 외에 CI / CD & e2e 테스트 등도 제대로 배우고 싶네요. [ 더 알아보기 ] - RTK의 경우, RTK Query가 최근에 등장했는데 이것이 얼마나 편리한지에 따라 SWR이나 ..

드디어 7주차가 끝났습니다. 다음 8주차만 잘 마무리하면, 이제 포트폴리오를 만들어 보는 시간을 갖는 군요...! 다사다난한 이번 주 회고를 시작해보겠습니다. [ 강의 ] - 로그인, 리뷰 폼 화면 & 기능 구현 - 로그인 인증 - 로컬 스토리지 Postman이나 Swagger는 알고 있었지만, HTTPie는 처음 알게 되었습니다. CLI 환경에서 비교적 간단한 API를 쉽게 테스트하는 도구였습니다. 로그인을 통해 인증하는 시간도 가져봤는데요. Authorization 헤더에 대해서 살펴볼 수 있어서 좋았습니다. Authorization: Bearer [토큰 정보] [ 배운 점 ] - Authorization 헤더 구조 - given2 사용법 Jest에서 제공하는 기능들 외에 강의에서는 context, ..

보호되어 있는 글입니다.

[ 강의 ] - TDD에 대한 고찰 - redux-thunk 적용 - 비동기 테스트 음... 비동기 테스트에 대해서 제대로 알지 못했었는데, 고민할 수 있는 시간이어서 좋았습니다. 리액트 테스트 코드 작성에 대해서 모르는 부분이 많았었는데, 특히 비동기 테스트는 더 궁금한 부분이었습니다. 아직도 모호하게 알고 있는 부분이 있겠지만, 과제풀이도 보고 다른 분들의 리뷰, 회고록 등을 보면서 접근 방식에 대해서 생각해볼 수 있었습니다. 이번 과제에서 thunk의 역할은 API를 통해 데이터를 가져오고, set ~ 액션으로 데이터를 store에 저장하는 것이었는데, 테스트로 원하는 결과는 1) 데이터를 제대로 가져오는가? 2) 데이터가 store에 저장되는가? 두 가지로 볼 수 있을 것 같..

이번 주에는 Redux 테스트와 TDD 방식으로 코드 작성하는 것을 배웠습니다. 막연하게만 알고 있었던, 테스트 작성을 조금씩 알아가는 것 같아서 좋았습니다. [ 강의 & 과제 진행 ] - 관심사 분리 - Container & Presentation 패턴 - Redux 테스트 - TDD 사이클로 코드 작성하기 이번 주는 슬로우 스타트가 되었는데, 매일 시간을 내서 진행하지 않으면 피드백을 받지 못하는 아쉬움이 남습니다. 피드백을 많이 받을 수록 몰랐던 부분이나 인사이트를 얻을 수 있기 때문에 더 분발해야 겠습니다. 확실히, 거의 매일 같이 "코드숨"을 진행하다 보니 시간관리나 체력적인 관리를 잘해야 겠습니다. 그래도, 벌써 한 달이라는 시간이 빠르게 흘렀고, 테스트 코드에 대해 익숙해지고 있는 느낌을 받..

드디어 테스트 코드를 연습할 수 있게 되었습니다! 코드숨을 통해 가장 배우고 싶었던 것이었는데요. 테스트 코드를 작성하는 것이 막연하게 느껴져서, 많은 고민을 했던 한 주차 였습니다. [ 강의 & 과제 진행 ] - "Jest"와 "React testing library" 이용한 React 테스트 코드 작성 테스트 코드를 몇 번 작성해본 적은 있었으나, 익숙하지 않아서 그런지 "낯설음", "막연함"을 많이 느꼈습니다. 생소하기도 했지만, 과제를 통해 작성을 해야 하는 임무!가 주어지니까 계속 고민하고 시도해보면서 점차 익숙해지는 것 같았습니다. matcher나 fireEvent, query 함수도 생소했던 것들이 많았는데, 테스트 코드를 계속 작성하다 보니 사용법을 익혀나갈 수 있었습니다. [ 배운 점 ]..

이번 주는 1주차와는 다르게 월요일부터 과제를 작성하고 PR을 빠르게 보내려고 노력했습니다. 매일 연습하는 것이 중요하다는 이야기를 들었는데, 매일 조금씩 피드백을 받으려고 한 부분이 좋았다는 생각이 듭니다. [ 강의 ] - 리액트 시작! - 관심사 분리 리액트는 많이 익숙한 편이라서 무난하게 들었고, "관심사 분리"라는 주제가 핵심인 것 같습니다. "비즈니스 로직과 뷰를 어떻게 분리시킬 것인가?" "뷰를 어떻게 더 쪼갤 수 있을 것인가?" "특정한 기능 또는 뷰 만을 어떻게 나눌 수 있을 것인가?" 위와 같은 고민을 하는 것이 관심사 분리입니다. 프로그램은 살아 숨쉬는 생물처럼 계속 역동적으로 바뀝니다. 어떤 기능이 추가되고, 삭제되고, 변화되고... 이런 역동성을 대응하기 위해 관심사에 맞게 쪼개는 ..

지인이 강력한 추천을 해서 큰 맘 먹고 리액트 6기를 신청했습니다. 1주차라서 무난할(?) 줄 알았는데, 꼭 그렇지만은 않았습니다. 회사와 병행을 해야 해서 시간관리가 중요했고, 시간을 잘 써야하는 부분이 많았습니다. 이런 부분은 적응이 점차적으로 되리라 생각되었고, 체력적인 부분도 관리를 잘해야 될 것 같습니다! 코드숨은 "고통 주도 개발"을 교육 특징 중 맨 첫 번째로 내세우고 있습니다. 이제 왜 그런지 몸소 깨닫습니다 ㅎㅎㅎ [ 강의적인 부분 ] 첫 강의라서 개발환경 구축과 JSX에 관한 내용을 다루었는데, 웹팩 설정을 오랜만에 하니까 좀 헤맸습니다. 다른 프레임워크에서 웹팩 설정을 어느 정도 처리해주기 때문에 직접 설정할 경우가 없기도 했습니다. (물론 깊게 들어가면 설정해주어야 합니다.) 그런 ..