메모장 기능이 구현된 페이지를 제작한다.

기능

• 메모의 제목과 내용을 작성하고 submit하여 메모를 추가

• 메모의 저장 경로는 2가지로 구현한다
  - 쿠키를 통하여 저장
  • 로컬 스토리지를 통하여 저장
• ui/ux는 최대한 단순하게 제작하고 저장경로에 대한 데이터 저장을 우선으로 작업에 들어간다

기술 스택

• react
• @emotion/react, @emotion/styled
• js-cookie, @type/js-cookie
• react-icons
• zustand (globalstate 생성을 통한 전반적인 상태관리)

구현 이미지