[코드숨] 리액트 6기 8주차 주간회고

[ 강의 ] 

- Emotion을 이용해서 스타일 컴포넌트 사용

- 리덕스 툴킷(RTK)을 이용해서 액션, 리듀서 리팩토링

- 리액트 컴포넌트 최적화

 

 

프로젝트를 진행하기에 앞서서, 좀 더 필요한 내용들을 배우는 주차인 것 같습니다.

무난하게 강의수강과 과제를 진행한 것 같습니다.

 

 

[ 느낀 점 ] 

코드를 나름 신경써서 작성했다고 생각했어도, 리팩토링할 부분이 존재하긴 했습니다.

피드백을 통해 코드의 가독성을 더 높일 수 있거나, 기능적으로 문제가 되는 점을 파악했습니다.

 

다음 주부터는 프로젝트를 진행할 것 같은데, 유닛테스트 외에 CI / CD & e2e 테스트 등도 제대로 배우고 싶네요.

 

 

[ 더 알아보기 ] 

- RTK의 경우, RTK Query가 최근에 등장했는데 이것이 얼마나 편리한지에 따라 SWR이나 react-query를 대체할 수 있는지 파악해보는 것도 좋을 것 같습니다.

 

 

- Emotion의 경우, Object 스타일과 CSS 스타일로 스타일 컴포넌트의 스타일을 적용할 수 있는데 강의에서는 Object 스타일을 사용했습니다. 개인적으로는 CSS 스타일을 선호하는 편인데, 각각의 장단점이 무엇인지 궁금해졌습니다.

 

 

- 최적화는 하면 좋지만, 꼭 필요할 때만 하는 것이 좋다는 포스트 글들을 본 적이 있었는데요.

1) 의도하지 않은 캐시로 인해 기능이 올바르게 작동하지 않거나,

2) 최적화에 투자한 시간 대비, 최적화 효과가 미미하거나 오히려 메모리를 더 잡아먹는 등의 이유로 성능이 떨어지는 경우도 존재한다고 합니다.

 

 

어느 때에 최적화를 화면 좋을 지에 대한 고민도 필요해보입니다.

리액트 개발 도구를 이용해, 리렌더링이 쓸데없이 많이 나타나는 곳이 보이면 최적화를 진행하는 것도 좋을 것 같습니다.