구글 Keep 만들기

npm init vitenpm installnpm install dayjs html-react-parser @reduxjs/toolkit react-quill uuid react-toastify styled-components react-icons react-route

App.jsstyles-components를 사용해서 컴포넌트별로 스타일링한다. Navbar.styles.tsstyles/styles.tsx : 컨테이너, 박스, 버튼 공통 스타일 컴포넌트App.css : app, app\_\_container등 전역 스타일index.

Navbar.tsxmenuSlice에서 toggleMenumodalSlice에서 toggleCreateNoteModalmenuSlice.tsmodalSlice.tsactions모아서 내보내도되고... 그냥 가져와도되는데 일단 그냥 쓰도록 한다.utils/getStand

AllNotes.tsxTagNote 페이지 생성하기

html-react-parser 리액트에서 요소를 생성할때 React.createElement('p',{},'Hello, World');하는것처럼 HTML string을 분리해서 parse함. tag를 없애준다. NoteCard.tsx 이미지처리 Note Moda