4박 5일간의 위니브 바이브코딩 캠프 도전기와 프로젝트
[Thread 1: 인트로 & 도전 시작]
1월 5일, 바이브코딩(Vibe Coding)의 시작!
제주 게이미피케이션 여행 앱 <Jeju Quest>의 랜딩페이지를 개발하고 배포까지 마쳤습니다.
그 치열했던 4박 5일의 개발 기록과 기술 스택을 공유합니다.
[Thread 2: 프로젝트 소개 & 백엔드]
Project: Jeju Quest 랜딩페이지
제주 여행에 게임 요소를 더한 서비스의 시장 검증을 위한 랜딩페이지입니다.
Backend Tech Stack
안정적이고 빠른 개발을 위해 Python 생태계를 선택했습니다.
* Lang: Python 3.11
* Framework: Django 5.x
* Server: Gunicorn (WSGI)
* DB:SQLite (개발/배포 용이성)
기본에 충실하면서도 확장성을 고려한 세팅!
[Thread 3: 프론트엔드 & 디자인 시스템]
Frontend & Design
복잡한 프레임워크 대신, Django Templates와 Vanilla JS로 가볍게 구성했습니다.
* Rendering:Server-side Rendering (Django Templates)
* Style:Vanilla CSS (CSS Variables 기반 디자인 시스템)
* Interaction:Vanilla JS
* Icons:Lucide Icons
Typography
* 본문: Pretendard (가독성 1티어!)
* 로고:Playfair Display(Jeju) + Pacifico(Quest) 조합으로 감성 더하기
[Thread 4: 주요 기능 & 외부 API]
Key Features
단순한 페이지 같지만, 마케팅에 필수적인 기능들을 꽉 채웠습니다.
1. 사전예약 폼:이메일 수집 및 DB 저장
2. 추천인 시스템:바이럴을 위한 코드 생성 및 추적
3. 티저 퀴즈:유저 흥미 유발
4. 공유 기능: Kakao JavaScript SDK 연동으로 카톡/인스타 공유
[Thread 5: 인프라 & 프로젝트 구조]
Infra & Deploy
비용 효율적인 무료 플랜을 활용해 배포까지 완료!
* Hosting:Render (Free Plan)
* CI/CD:GitHub (소스 관리 및 자동 배포)
Project Structure
`jeju-quest-landing/`
├── `config/` (Django 설정)
├── `landing/` (핵심 로직: models, views)
├── `templates/` (HTML 구조)
└── `static/` (CSS, Img)
[Thread 6: 마무리]
4박 5일이라는 짧은 시간 동안 기획부터 배포까지, 몰입의 즐거움을 제대로 느꼈던 시간이었습니다.
단순히 코드를 짜는 것을 넘어, 서비스를 어떻게 보여줄지 고민했던 Jeju Quest 프로젝트!
#바이브사계 #바이브코딩 #위니브 #오피스제주 #제주런케이션 #개발로그 #제주여행게임앱 #제주퀘스트 #랜딩페이지