React를 이용한 감정 일기장

하루하루 자신의 기분을 일기로 나타낼 수 있는 일기장 개인 프로젝트입니다.

소스 내려받기

git clone https://github.com/seohyundeveloper/emotion-diary.git

감정 일기장 프로젝트 실행하기

npm start

※ Note: npm start가 실행되지 않는 경우 npm install을 진행한 후 다시 npm start를 실행해 주세요.

감정일기장 작업물 보기

https://seohyun-personal-project.web.app/

감정일기장 프로젝트 설명

작업기간

2023년 9월 1일 ~ 9월 15일

사용한 라이브러리 및 프레임워크

• CRA(Create React App) - https://create-react-app.dev/docs/getting-started
• React Router - https://reactrouter.com/en/main

주요 기능

공통

• react와 react-router, react hook을 이용한 첫 프로젝트
• 간단한 CRUD 기능 구현

메인화면 - Home

• 날짜별 일기 리스트 게시
• Localstorage에 저장된 일기 내용을 보여주는 기능
• 날짜별, 감정별 검색기능

상세 화면 - 일기쓰기 / 일기수정 / 일기상세

• 날짜별 일기 쓰기 / 수정 / 삭제 기능
• 일기 상세 페이지 확인