원본 팀 레포는 -> https://github.com/CowDogHome/Clone-FE
- 코드 재사용성 높이기
- 버그 수정
- React-draggable CSS 이슈
- 가독성 수정
- 컴포넌트 분리, 리랜더링 방지
- 불필요한 코드 제거
- 캐시 활용
- 빌드 : yarn CRA
- styled-components
- redux, react-redux,
- react-router-dom
- axios
- @tanstack/react-query
- @tanstack/react-query-devtools
- browser-image-compression
- react-icons
- react-draggable
- components
- context
- shared
- pages
- MainPage
- MainPage.jsx
- style.jsx
- index.js : export * from ‘./MainPage’ (오토컴플리트 제공됨)
- DetailPage
- DetailPage.jsx
- index.js
- MainPage
- 등등 페이지별로 폴더
- pages
- MainPage
- index.js
- MainPage.jsx
- styled.js
- 등등 페이지별로 폴더
- MainPage
- style
- GlobalStyle.js
- api
- api.js
- redux
- config
- store.js
- reducers
- userInfo.js
- ….
- config
- routes
- Router.jsx
- ProtectedRoute.jsx
- assets
- icons
- readme
- 그외 필요한 폴더들
- components
- context
- shared
- pages
- MainPage
- MainPage.jsx
- style.jsx
- index.js
- MainPage
- 등등 페이지별로 폴더
- pages
- MainPage
- index.js
- MainPage.jsx
- styled.js
- 등등 페이지별로 폴더
- MainPage
S.A Notion : S.A Notion 링크
Figma : Figma 링크