3/10 일일정리 TodoList 기획
오늘은 나만의 TodoList를 만들기 위해 Figma 로 와이어프레임과 프로토타입을 만들어보는 시간이었다.
Figma
Created with Figma
www.figma.com
매우 오랜 시간에 걸쳐서 와이어 프레임을 만들고 간단하게 기능도 넣어봤는데, 가장 중요한 디자인을 입히지 못했다...
소그룹 회고 시간에 다른 분들이 만드신 프로토타입을 봤는데 너무 초라해 지는 것 같았다.
막 멋있거나 화려하게는 못해도 보기에 깔끔하게 할 수 있도록 조정을 해봐야 할 것 같다.
기획 상세 설명
먼저 메인페이지가 있으면 좋을거같아서 일단 만들었는데 무슨 정보를 넣을까 고민하다가 오늘 날짜, 날씨, todolist 작성 개수를 넣기로했다.
날씨는 오픈 api로 받아올 예정인데 날씨에 따라 배경화면이 바뀌도록 해보고싶다.( 가능할지 모르겠다..)
이전에 작성한 todolist는 로컬 스토리지에 저장할 예정인데 로컬 스토리지 내부의 todolist 개수를 보여줄 것이다.
밑에 그림과 멘트는 넣을게 없어서 임시로 넣어놓았다.
각 페이지는 Navigation bar를 통해 이동할 수 있도록 했다.
오늘 할 것 페이지에서 오늘 할 일들을 등록하고 삭제할 수 있다.
오늘 일정이 끝나면 오늘 정산 페이지에서 오늘 할 일중에 실제로 한 일을 체크하고, 간단하게 메모를 남긴다.
그리고 정산하기 버튼을 클릭하면 로컬 스토리지에 데이터가 저장이 되고, 저장된 데이터는 지금까지 한 것 페이지에서 확인할 수 있다.
오늘 그룹 회고를 하면서 피드백을 받은 것들도 있었다.
⓵ 오늘 할 것 페이지에 오늘 날짜를 보이도록 하는것이 좋을 것 같다.
⓶ 지금까지 한 것 페이지에서 달력 형식으로 볼 수 있도록 만들면 좋을 것 같다.
피드백 받은 부분 수정하고, 디자인을 입혀서 React로 잘 구현까지 할 수 있으면 좋겠다!