TodoTodo

웹 링크: https://todotodo-iota.vercel.app/

Next.js Todo App with Swagger API Integration

📜 Description

TodoTodo는 Next.js를 사용하여 만든 간단한 투두 리스트 애플리케이션입니다.
이 프로젝트는 Swagger API를 활용하여 데이터를 관리하고, Next.js를 학습하기 위한 목적으로 개발되었습니다.

🛠️ 기술 스택

• Next.js (15.1.2)
• React (18.2.0)
• Tailwind CSS (3.4.1)
• TypeScript (5.2.2)
• Swagger API Integration

🚀 기능

• 할 일 추가: 사용자가 새로운 할 일을 입력하여 리스트에 추가할 수 있습니다.
• 할 일 삭제: 리스트에서 할 일을 삭제할 수 있습니다.
• 할 일 수정: 이미 추가된 할 일을 수정할 수 있습니다.
• Swagger API 연동: 외부 Swagger API를 사용하여 할 일 데이터를 관리합니다.

📌 개선할 점 및 보완할 기능

• 상태 관리 미사용: 전역 상태 관리 라이브러리를 사용하지 않아 컴포넌트 간 상태 공유가 어렵습니다.

• 낙관적 업데이트 미적용: 할 일을 추가하거나 삭제할 때 즉시 UI에 반영되지 않고, 처리 완료 후 반영됩니다.

  • 개선하면 로딩 시간을 줄이고 더 부드러운 사용자 경험을 제공할 수 있습니다.

• 로그인 기능 없음: 현재는 인증 기능이 없어 누구나 모든 할 일을 볼 수 있습니다.

  • 사용자별 데이터를 저장하고 보안성을 높이기 위해 로그인 기능을 추가해야 합니다.