[WIL] 23.04.17. - 23.04.22.

이번 주 학습 내용

• 리액트 숙련 주차 강의 듣기 (완료)
• 내가 만든 첫번째 리액트 todo 서비스 리팩토링하기 (완료)
• 자바스크립트 동작원리 공부하기 (아직)
• 포트폴리오 웹사이트 만들기 (시작)
• 조건부 스타일링 - 커스텀 버튼, 커스텀 셀렉트박스 구현 (완료)
• 리덕스와 라우터를 활용해 todo 서비스 리팩토링 하기 (완료)

느낀점

• props까지 이해하고 나니 Redux를 베우게 되었다. 처음에는 이해가 잘 안갔는데 차분히 따라하다 보니 구현이 가능했다. 고민이었던 점은 이전에는 간단하게 카운터 정도의 상태값을 관리하는 리덕스를 만들어본 반면 이번에는 좀 복잡한 형태의 상태를 관리하는 리덕스를 구현했는데 상태값이 복잡해지니까 상태에 따른 액션값도 복잡해지고 로직이 어지러워졌다.
• 이렇게 구현하는게 맞는걸까라는 의문이 많이 들었다. 해당부분은 기술매니저를 통해서 이슈를 발행해서 리뷰를 받아볼 예정이다.
• 프롭스와 스타일 컴포넌트를 사용한 과제는 쉽게 생각했는데 생각보다 어려웠다. 프롭스를 내려주고 판단하는 과정도 복잡햇지만 css를 적당히 조절하는것또한 어려운 부분중에 하나였다.
• 또 과제를 수행하면서 이렇게 하게 되면 리랜더링이 걔속 발생하지 않을까 고민이 많아지는 코드였다. 선택박스를 구현할때 관리하는 상태가 꽤 많았는데 (커스텀 선택박스 하나에 선택박스 열림, 닫힘 여부, 선택박스에서 선택된 옵션값) 커스텀 선택박스가 하나지만 나중에 여러개가 되면 이걸 하나하나 스테이트로 관리해야하나? 싶었다. 해당 코드를 꼭 리뷰하고 수정하는 시간을 다음주 내로 가져야겠다. 리랜더링의 조건에 대해 다시한번 생각해볼 필요가 있는 것 같다.

다음 주 배울 내용

• 리액트 심화 주차 학습
• 레벨 4 로그인 페이지 구현 과제 시작하기
• todo 서비스 리팩토링 이슈 올리기
• 3주차 과제 피드백 받기
• 포트폴리오 웹사이트 만들기