설계
미니 블로그에 필요한 기능, 각 기능에 필요한 Component
- 글 목록 보기 기능 (리스트)
- PostList, PostListItem - 글 보기 기능
- Post - 댓글 보기 기능
- CommentList, CommentListItem - 글 작성 기능
- PostWrite - 댓글 작성 기능
- CommentWrite
프로젝트 생성
npx create-react-app mini-blog
필요한 패키지 설치
react-router-dom v6 -> 거의 모든 리액트 앱에 필수적, 페이지 전환을 위해 사용됨
styled-components v5 -> 스타일링을 위한 lib
npm install --save react-router-dom styled-components
--save 옵션은 지금 설치하는 pacakage들을 package.json에 의존성 목록에 추가하고 관리
dependencies 안에 추가 됨.
의존성 추가 해두면 나중에 다른 사람이 이 프로젝트를 실행하려고 할 때 어떤 패키지들이 있는지 하나하나 확인하지 않고 npm insatll 만 하면 된다.
폴더 구성
study records of beginner developer