감정 일기장 -페이지 생성 및 라우팅 구현

기존에 만든 일기장을 바탕으로, 배포가 가능한 감정일기장을 제작하기로 하였다.

 

감정 일기장을 제작하기 위해서 프로젝트에 react-app을 설치해주었고,

기본적으로 일기장에 필요한 페이지들을 생성해주었다.

 

Home:  기본 홈 페이지

Diary: 다이어리 세부 내용을 볼 수 있는 페이지

New: 새로운 다이어리를 작성하는 페이지

Edit: 다이어리를 수정하는 페이지

 

위 4개의 페이지를 생성해준 뒤에, react-router-dom을 이용하여

각각의 페이지로 이동가능하게 Route 기능을 연결해주었다.