0일차. Notion API를 이용해 나를 위한 기능을 모두 담은 To-do 웹 어플리케이션 개발하기

도입 계기

개발이 아무리 싫더라도, 그래도 컴퓨터공학과인데 졸업프로젝트를 위해서라도 개발을 한번 시도해보자는 생각은 늘 하고 있었다.

또한, 시중에 나와있는 여러 To-do 앱이나 할일/습관 관리 앱을 사용하면서 각각의 앱마다 내가 원하는 기능이 하나씩 빠져있는경우가 많아서 내가 원하는 모든 기능을 담은 To-do앱을 만들어보고 싶다는 생각도 하고 있었다.

그러던 와중에 유튜브 구독 탭에 새로운 영상이 하나 올라와있는 것을 확인하게 되었다.

🔗 노마드코더 - 노션 사용자의 98%가 이 기능을 모르고 있다!?

나는 Notion을 매우 사랑하는 추종자로서, 내가 정말 편하게 사용하는 노션으로 간단한 앱을 구현할 수 있다는 것에 흥미가 생기면서 얼마 남지 않은 방학동안 나만의 웹 어플리케이션을 개발하고자하는 큰 목표를 잡게되었다.

로드맵

Whimsical 을 이용하여 간단한 로드맵과 디자인을 한 번 계획해 보았다.

• 내가 구현하고싶은 기능은 다음과 같다.

  1. 하루 일과표
  2. 하루 일과표의 각 일정(시간대)에 따른 할일 목록 관리
  3. 다음 일정까지 남은 시간 표시 & 자동 알림 기능
     (간단한 푸시 알림이 아니라 시끄러운 알람 기능 제공)
     

• 간단히 설계한 디자인은 다음과 같다.

  • 앱의 왼쪽에는 오늘 하루의 시간표가 띄워져있다.
  • 시간표는 일주일 단위로 미리 설정해서 템플릿을 저장해두고 불러올 수 있다.
  • 각 시간대별로(하나의 정사각형) 해야할 일을 설정할 수 있고, 이를 오른쪽의 할일 탭에서 확인할 수 있다.
  • 시간대별 할일을 완료할 수록 시간표 아래의 상태바(Progress bar)가 차오른다.
  • 오른쪽 아래에는 다음 일정(시간대)까지 남은 시간을 자동으로 계산해서 표기해주며, 알람기능을 설치해두었을 경우 시끄러운 알람을 자동으로 울려준다.
    

프론트, 백엔드 아무것도 모르는 감자인만큼 내가 계획한 것들이 얼마나 설계하기 어려운지는 모르겠지만 앞으로 열심히 해서 계획한 것의 반 정도라도 구현할 수 있었으면 좋겠다.