클라우딩 어플리케이션 엔지니어링 TIL(8주차-3)

프로젝트 기초 설정 2(기본 state 및 dispatch 설정)

기초 일기장 프로젝트처럼 State 및 dispatch를 위한 함수 생성 이후 해당 객체들을 context를 통해 provider로 다른 컴포넌트에 전달하도록 함.

Home 컴포넌트 완성하기

1.더미 데이터 전달 이후 해당 데이터 전달 확인
2.MyHeader, MyButton 컴포넌트를 통해 해당 페이지 헤더 부분 작성
3.DiaryList 컴포넌트 작성 이후 해당 컴포넌트를 통해 데이터 나열
4.데이터 분류를 해주는 옵션 만들어서 드롭다운 메뉴로 만들기 및 스타일링
5.DiaryItem 컴포넌트를 만들어 개별 데이터 표기 및 스타일링 시행
6.차후 다른 페이지와의 연동을 위한 useNavigate 연결
완성본

한줄평 : 기본 뼈대를 잡는 시간이라 작성해야할 코드나 코딩 도중 오타 검사가 상당히 까다로웠다.