기획을 다시 해야함
다른 사람들이 db.json를 봤을 때 뭐가 있는지 알 수 있게 이름을 바꿔야함
투두리스트는 기능이 없기때문에 빈 폴더, 빈파일이 많아짐
프젝의 사이즈에 맞게 사용하는 것이 좋음
feature이라는 폴더가 생김
store틀 어디서든 다 쓰임
여러군데에서 쓰이는 틀은 component에 넣는다.
필요할 때마다 가져와서 쓰는 것
그 페이지 안에서 한번만 쓰는 건 pages안에 넣는다.
재사용은 컴포넌트안에 넣음
한번 훑어봐
features안에 기능들이 들아간다.
authentication
hook폴더
- 인증, 이미지만 파이어베이스로 쓰기 => 왜냐? 외부에서 데이터를 받아오기 때문에 느리기 때문이다.
- json-server - 내부에 데이터
- firebase - 외부에서 데이터를 불러오는 것
서버 구축을 내부에 할 수는 없으니 sql
로그인할 때 users
어떻게 해야 이쁘고 재밌게 보여줄 수 있을지를 고민해보기 - filter
폴더구조
📁 src
- assets
프로젝트에서 사용할 이미지, 비디오, json파일 등 미디어 파일들을 모아두어 저장하는 곳.
- components
공통 컴포넌트 관리 (Header, Footer, Nav 등)
- pages
페이지 단위의 컴포넌트 폴더로 구성
ex) Login - Login.js, Login.scss / Main - Main.js, Main.scss
💡 components vs pages
여러 페이지에서 동시에 사용되는 컴포넌트의 경우 components 폴더에서 관리
페이지 컴포넌트의 경우 pages 폴더에서 관리
해당 페이지 내에서만 사용하는 컴포넌트의 경우 해당 페이지 폴더 하위에서 관리하는 것이 좋음!
