미니 프로젝트/부산에 가면 - 2

이창훈·2022년 8월 7일
0

부산에가면

목록 보기
2/11
post-thumbnail

0. 그동안 있었던 일

1회차에서 상태관리 라이브러리를 사용하지 않아 엄청난 prop 드릴링을 경험했다.
Redux Toolkit을 익히는데 시간을 보냈고, React 강의를 듣다 보니 디자인 방향성에서 힌트를 얻게 되었다.
기존에는 컴포넌트들을 재활용하지 않아서 페이지가 필요할 때 마다 각각의 페이지를 만들었다.
하지만 앞으로는 재사용가능한 컴포넌트를 만들고 컴포넌트를 이용한 페이지들을 구성할 것이다.

1. 전체적인 프로젝트 기능 구현

  • 다크 모드 🔥
  • 페이지네이션🔥
  • Redux Toolkit을 통한 상태관리 🔥
  • 최상단으로 가는 키
  • 개인의 찜 목록
  • 각 식당, 축제에 따른 댓글, 평점 기능
  • 로그인/회원가입

2. 사용 라이브러리

React
styled-components
Redux Toolkit
React-Router
axios

3. 파일 트리


src
|
|--components 
|
|--context
|
|--redux
|
|--routes
|
|-theme
|
|
App.js
index.js
Router.js
store.js
profile
실패를 두려워하지 않고 배우고 기록하여 내일의 밑거름 삼아 다음 단계로 성장하겠습니다.

0개의 댓글