프로젝트 준비하기 요구사항 분석하기 → 리액트 앱 만들기 → 폰트 설정하기 → 이미지 준비하기 순으로 진행한다. 1. 요구사항 분석하기 어떤 페이지가 있고 무슨 기능이 있는지 알아보도록 하자. Home 페이지 사용자가 앱에 접속하면 처음으로 만나는 페이지다. 인덱스 페이지라고도 부르며 경로는 ‘/’다. 헤더: 월 단위 일기 조회, 좌우버튼으로 날짜 이동 일기 리스트: 일기 정렬, 버튼으로 New 페이지로 이동해 일기 추가 New 페이지 새로운 일기를 추가하는 페이지이며 경로는 ‘/new’이다. 헤더: 버튼 날짜 입력, 감정 이미지 선태그 일기 작성 폼 하단: , 버튼, 버튼은 Home 페이지로 돌아감 Diary 페이지 작성한 일기를 상세히 조회하는 페이지며 경로는 ‘/diary/id’이다. Home에서 ..

23-24/React.js 3 2024. 1. 12. 10:00