React) 8주차 회고

개인 프로젝트를 위해서 틈틈이 CSS를 연습해오던 중 8주차에는 집중적으로 CSS를 해볼 수 있었습니다.

또한 다양한 최적화 기법과 Redux toolkit을 배웠습니다. 이번주에는 CSS in JS중 하나로 emotion을 사용했습니다.

 

이번주에 사용한 이모션

 

1. 한 것

1. emotion을 사용해서 지금까지 만든 App을 스타일링 했습니다.

2. 다음에 만들 것을 항상 이야기 흐르듯이 타당한 순서로 보려고 했습니다.

3. Redux Toolkit을 이용해서 더 간결하게 만들었습니다.

4. 이번 3기의 다른 분들과 Google Solution challenge를 준비를 했습니다.

5. 개인 프로젝트를 고민했습니다.

 

2. 배운 것 

 

Redux Toolkit를 배워서 reducer.js와 actions.js를 slice.js로 합치는 것을 배웠습니다. (더 간결한 코드)

또한 Toolkit을 배우면서 다시한번 store와 reducer의 관계에 대해서 곱씹어보았습니다.

 

emotion을 배워서 CSS를 JS안에서 사용할 수 있는 기법을 배웠습니다.

 

React.memo()와 같은 최적화 기법을 배워 효율적인 App을 만드는 것을 배웠습니다.

 

 

3. 느낀 것

  1. 스타일링이 너무 어렵다는 것을 그렇지만 정말 재밌다는 것도 느꼈습니다.

  2. Redux toolkit이 너무 편해서 놀랐습니다.

  3. 최적화가 필요한 컴포넌트를 최적화 해야한다는 것을 느꼈습니다.

     이게 지금 최적화가 필요한 것인가?를 생각해야한다는 것을 느꼈습니다.(기환님이 알려주신 소중한 내용)

 

4. 다짐

다음주부터 개인 프로젝트를 시작합니다. 저는 Youtube API를 이용해서 음악플레이어를 만드는 것을 만듭니다. 너무 욕심부리지 말고 내가 4주안에 만들 그릇을 잘 정해서 침착하고 열심히 만들어보고 싶습니다. 지금까지 CodeSoom에서 배운 내용들 정말 많은 도움이 되었던 것같습니다! 감사합니다!