All-Notes-App

간단한 내용을 에디터로 작성해 저장, 수정, 삭제하는 노트 앱

---

사용

• ReactJS
• TypeScript
• Redux-toolkit
• react-quill
• Styled Components
• LocalStorage

---

목차

• 구현
  • 노트 CRUD
  • 노트 작성에 필요한 에디터
  • 노트 검색
  • 라이트 모드 / 다크 모드
  • PWA
  • UI

---

구현

노트 작성

• 노트 작성시 텍스트 크기 및 굵기 조절, 목록화, 코드 작성, 이미지 삽입 가능하도록 구현

노트 수정, 저장, 삭제

• 노트 저장은 최신 수정 순으로 정렬
• localstorage 노트 저장 유지

노트 검색

• 노트 제목, 내용 통합 검색

라이트 모드 / 다크 모드

• 라이트 모드 및 다크 모드 변환

PWA

• PWA 적용으로 PC나 스마트폰에서 앱 형태로 설치 가능
• 인터넷 연결 없이도 한 번 설치한 앱은 사용 가능

• 앱에서도 다크 모드, 라이트 모드 가능 및 웹의 데이터 저장 유지

UI

• 반응형 적용