메모장 기능이 구현된 페이지를 제작한다.
기능
- 메모의 제목과 내용을 작성하고 submit하여 메모를 추가
- 메모의 저장 경로는 2가지로 구현한다
- 쿠키를 통하여 저장
- ui/ux는 최대한 단순하게 제작하고 저장경로에 대한 데이터 저장을 우선으로 작업에 들어간다
기술 스택
- react
- @emotion/react, @emotion/styled
- js-cookie, @type/js-cookie
- react-icons
- zustand (globalstate 생성을 통한 전반적인 상태관리)
구현 이미지