AI와 함께하는 풀스택 개발 | Next.js + FastAPI + PostgreSQL 기반의 자산 관리 앱개발기
🧭 프로젝트 개요
안녕하세요. 이 블로그는 개발자로서 한 단계 더 성장하기 위한 저만의 기록을 담고 있습니다.
이번 프로젝트는 단순한 결과물보다 과정 중심의 학습에 초점을 맞추고 있으며, AI와 함께하는 개발(Vibe Coding) 방식을 통해 스스로 성장해 나가는 여정을 기록하고자 합니다.
저는 해당 기술 스택(Next.js, FastAPI, PostgreSQL 등)에 대해 처음 배우는 단계로, ChatGPT, Github Copilot과 같은 AI 도구를 적극 활용하여 개발 방향을 잡고 문제를 해결하는 AI 기반 학습형 개발자로서의 시도를 이어가고 있습니다.
✨ 프로젝트 목표 및 방향성
이번 프로젝트 핵심 목표는 프론트엔드, 백엔드, 그리고 데이터베이스까지 모두 아우르는 풀스택 개발 경험을 쌓는 것입니다.
실제 자산 관리 서비스를 모델로 삼아, 사용자가 자신의 투자 자산을 한눈에 파악하고 효율적으로 관리할 수 있는 웹 애플리케이션을 직접 만들어 나가고 있습니다.
Next.js, FastAPI, PostgreSQL, Docker 등 인기있는 기술 스택 기본으로, AI의 도움을 받아 요구사항의 정의, 설계, 구현, 배포까지 단계별로 학습하면서 AI와 함께하는 개발이라는 새로운 패러다임을 실험하고 있습니다.
💡 이 블로그를 통해 얻을 수 있는 것
이 블로그는 단순한 코드 기록이 아닌, AI를 활용한 실전 학습과 성장의 기록입니다.
프로젝트 진행 중 겪은 시행착오, 문제 해결 과정, 그리고 AI와의 협업을 통한 인사이트를 솔직하게 공유합니다.
- 🚀 실전 개발 과정: 아이디어 구상부터 설계, 구현, 배포까지 AI와 함께 진행한 실제 개발 여정
- 🧠 기술 스택 학습법: Next.js, FastAPI, PostgreSQL을 AI의 가이드를 통해 배우는 현실적인 접근
- 🔍 문제 해결 노하우: 초보 개발자가 마주친 다양한 문제를 AI와 함께 해결한 사례 공유
- 🌱 성장 일지: 완벽하지 않아도 꾸준히 성장하는 과정을 기록하며, ‘학습하는 개발자’로서의 여정
🤝 함께 성장해요!
댓글이나 의견을 통해 소통하며 서로에게 긍정적인 영향을 주고받을 수 있기를 기대합니다.
⚙️ 개발 환경 및 기술 스택
🖥️ 프론트엔드: Next.js
- 프레임워크: Next.js 15.5.4
- UI 라이브러리: Mantine UI
- 상태 관리: React Hooks
- 형식 검증: TypeScript
AI를 통해 컴포넌트 구조 설계와 상태 관리 로직을 학습하며 작성
🧩 백엔드: FastAPI
- 언어: Python 3.11
- 프레임워크: FastAPI 0.118.2
- ORM: SQLModel
- 인증: OAuth2 + JWT
백엔드 로직과 데이터 흐름은 ChatGPT의 가이드를 참고해 점진적으로 이해하고 구현
🗄️ 데이터베이스: PostgreSQL
- DBMS: PostgreSQL 15.14
- 환경 구성: Docker Compose
실제 운영 환경을 가정한 Docker 기반 세팅을 AI의 예시를 참고해 구성
🤖 AI와 함께하는 바이브코딩 (Vibe Coding)
이 프로젝트의 가장 큰 특징은 AI를 파트너로 삼은 개발 방식입니다.
기존의 ‘정답을 아는 개발자’가 아니라, AI와 함께 고민하며 정답을 찾아가는 개발자로서,
실시간 피드백과 코드 리뷰를 통해 빠르게 시행착오를 반복하고 있습니다.
🧾 마무리
이 프로젝트는 아직 초기단계이지만, 중요한 것은 완벽한 결과물이 아니라, 개발 과정에서의 학습과 성장입니다.
앞으로 이 블로그에서는 다음 내용을 중심으로 꾸준히 기록할 예정입니다.
- 프로젝트 진행 과정
- 발생한 에러 및 해결 방법
- 성능 최적화 팁 및 코드 개선
- 배포 자동화 및 운영 환경 구성
AI의 도움을 받 실제 서비스로 발전해 나가는 과정을 공유할 예정입니다.