Daily_Diary

개인프로젝트

내 손안에 데일리 다이어리 (https://jay-dailydiary.web.app/)

📓 제작기간

23.02.26 ~ 23.03.05

📓 사용기술

React.js , CSS, Local Storage, Firebase

구현계획

1. 로딩화면
2. 일기 리스트
3. 새로운 일기 추가하기
4. 추가한 일기 상세페이지
5. 일기 수정하기
6. 일기 삭제하기
7. 달마다 일기 필터링
8. 최신순, 오래된순 필터링
9. 감정별 필터링

---

• 로딩페이지

• HOME 페이지
• 일기 리스트 출력
• 일기를 작성한 후 추가하면 작성한 일기의 개수 파악 가능
• 필터기능을 통해 최신순 / 오래된순 , 좋은감정만 / 나쁜감정만 / 모두다 필터링 가능

• NEW 페이지
• 새 일기 추가하기

• 일기 상세페이지

• 일기 수정페이지
• 일기 삭제버튼 클릭 시 삭제 가능

---

• open graph 태그를 이용한 링크 미리보기 설정

---

오류해결

오류 : Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: boolean.

원인 : 로딩페이지 컴포넌트가 improt 되지않아 발생

해결 : 로딩페이지 import 함.

오류 : uncaught typeerror: cannot read properties of undefined (reading 'id')

원인 : 작성한 일기들을 다 삭제한 후 새로고침하면 로컬스토리지의 배열이 비워지며 빈배열 인덱스에 접근할 수 없어 오류가 남

해결 : 조건문을 통해 배열의 길이가 1이상일때만 수행될 수 있도록 함.

---