[Project] Todo List App 개발

 

Site URL

https://check-todo.vercel.app/

Todo List App

 

안녕하세요. Google Tasks나 Microsoft Todo 앱을 사용해 보면서 나만의 todo app을 만들어보면 어떨까 하는 생각을 계속 가지고 있었는데, 바쁘고 피곤해서 미루다가 드디어 Todo list app을 완성하게 되었습니다. 어떻게 보면 2023-09-04 오늘이 Todo list app 런칭일이자, v1.0.0이라고 할 수 있을 듯하네요.

LocalStorage만 사용하는 버전을 선 런칭 후에 로그인 연동 + 데이터 서버 연동 기능을 개발하여 배포를 하려고 했었는데, 다행히도 next-auth라는 좋은 라이브러리가 있어 쉽게 로그인 기능을 연동할 수 있었습니다.

웹서버 같은 경우에는 vercel로 호스팅을 하고 서버 데이터의 경우 firestore로 관리하여 서버 비용 zero로 운영하고 있습니다. 원래는 mongoDB의 shared cluster(무료)를 사용하여 데이터를 관리할까 고민하였었는데, 개인 프로젝트를 할 때 firestore도 많이 쓰인다는 얘기를 들어서 이번에 한번 써봤습니다. 아직은 데이터가 많지 않아 응답속도도 괜찮게 나오는 듯합니다.

프로젝트 기술 스택은 Next.js, React, Typescript이고 styling은 emotion을 사용하였습니다. 그리고 개인 프로젝트에는 한 번도 도입해보지 못했던 Sentry를 처음으로 넣어봤습니다. Sentry는 실시간 로그 취합 및 분석 도구이자 모니터링 플랫폼인데, 무료로도 사용이 가능하고 좀 더 정밀한 에러 분석을 위해서 플랜을 업그레이드할 수 있습니다. 런칭하기 전에 PC, Android, ios에서 기능 및 디자인 QA를 스스로 많이 했었는데, 아무래도 QA에서 발견하지 못한 에러들이 실사용자에게 발생할 가능성은 항상 있기 때문에 Sentry로 에러를 분석하고 Bug fix를 할 수 있다는 점에서 굉장히 좋은 툴이라고 생각됩니다.

 

Service screenshot

 

남은 여정

• LocalStorage를 사용한 데이터 관리 및 기능 구현
• 소셜 로그인 서비스 연동
• Firestore 연동 및 서버 데이터 관리
• Sentry 도입
• v1.0.0 런칭
• Jest를 통한 테스트 코드 작성
• Storybook을 통한 컴포넌트 테스트
• List edit 기능 추가
• List drag and drop 기능 추가
• 다국어 지원
• ...

 

혹시 사용하시다가 불편했던 경험, 개선 사항에 대한 의견이 있으신 분들은 편하게 아래의 문의 링크 혹은 댓글로 남겨주시면 정말 감사드리겠습니다.

Todo List App 문의하기

 

Github Link

https://github.com/ma9pie/todo-list-app

GitHub - ma9pie/todo-list-app