[Toy Project] React로 To-Do-List 만들기(2)

이진규·2022년 8월 21일
0
post-thumbnail

디자인

개발하기에 앞서 디자인도 없이 무턱대고 개발하면 방향을 잡기 어려울 것 같아서 Figma로 간단하게 디자인을 했다. 할 일 리스트를 보여주는 페이지와 할 일을 추가하는 페이지로 구성해봤다.

할 일 아이템은 제목과 아래에 간단하게 설명 할 부가설명, 시작시간과 끝나는시간, 마지막으로 완료했는지를 체크하는 체크박스를 넣었다.

할 일 추가하는 페이지에서는 제목, 설명, 시작시간 및 끝나는 시간만 입력하면 되므로 위와 같이 간단한 페이지로 구성했다.

다음부터 본격적으로 개발을 시작해보겠다.

profile
개발자

0개의 댓글