📝 학습 목표

1. CSS-in-JS 중 Styled-Component에 대해 학습합니다.
2. **React Router**를 활용하여, 프로젝트 라우팅을 진행해봅니다.
3. 리액트 훅 중 **useEffect**에 대해 심도있게 알아봅니다.

<aside> 💡 이번 주차는 CSS-in-JS 방식에 대해 학습을 진행합니다. React Router를 활용하여, SPA 방식의 웹사이트를 만드는 것을 실습해봅니다. 추가적으로, useEffect Hook에 대해 심도있는 학습을 해보며, 실제로 서버로부터 데이터를 받아오는 실습을 진행해봅니다.

</aside>

⚠️  스터디 진행 방법

1. 스터디를 진행하기 전, 워크북 내용들을 모두 채우고 스터디에서 서로 모르는 내용들을 스터디원과 함께 공유해 주세요.
2. 실습과 미션은 워크북 내용들을 모두 완료한 후, 스터디 전에 진행해 오세요!
   • 1주 차 스터디 이전에 1주 차 워크북을 완성한 후 스터디를 진행해 주세요.
3. 스터디 시간에는 각자 해 온 미션들을 공유하고, 아래의 과정을 진행합니다.
   1. 스터디원과 함께 코드 리뷰 진행.
   2. 코드 리뷰 이후, 본인의 코드의 문제가 있는 경우 리팩토링 진행.
   3. 팀원들과, 조금 더 코드를 깔끔하게 작성할 수 있는 개선점이 있을지 고민 후, 리팩토링 진행.
   4. 각자 미션을 진행하면서 해결하지 못한 이슈를 공유 후, 해당 이슈를 도움받아 해결.
4. 매주 주어진 미션을 성실하게 제출합니다.
5. 🍠 이모지가 붙어있는 곳은, 직접 여러분들이 채워 넣으셔야 하는 부분입니다. 꼭 Google을 통한 검색을 하시고, VSCode를 활용하여, 실행 결과를 눈으로 보시면서 정리해 주세요!

📸 잠깐 ! 스터디 인증샷은 찍으셨나요?📸

• 스터디리더께서 대표로 매 주차마다 한 장 남겨주시면 좋겠습니다!🙆💗 (사진을 저장해서 이미지 임베드를 하셔도 좋고, 복사+붙여넣기해서 넣어주셔도 좋습니다!)