사례

여행 일정표 공유

프로젝트 시작10월 7일 오전 06:14바로 개발 시작

개발 내용

여행 일정을 일자별·시간순으로 짜서 지도에 표시하고, 링크로 일행과 함께 보는 여행 일정표 웹서비스를 만들어줘. 총무가 로그인 없이 일정을 만들고, 일행은 공유 링크로 읽기 전용 일정표를 본다.

[페이지]
- / : 제주 예시 여행의 일정표(열람 화면과 같은 화면)를 바로 보여준다. 일정표 아래에 [새 여행 만들기]·[여행 리스트 보기] 버튼.
- /create : 새 여행 만들기
- /trips : 여행 리스트
- /view/:share_code : 공유용 읽기 전용 일정표
- /manage/:manage_token : 작성자용 편집 화면

[작성자 — 관리 링크, 로그인 없음]
- 여행 생성: 제목·시작일·종료일·도시. 만들면 관리 화면으로 이동하고, 기간에 맞춰 일자 탭(Day 1, 2, 3…)이 생긴다.
- 관리 화면 위쪽에 공유 링크와 관리 링크를 각각 [복사] 버튼과 함께 표시하고 "관리 링크를 잃으면 수정할 수 없어요 — 따로 저장해 두세요"라고 안내.
- 코스 항목 추가·수정·삭제: 장소명(주소 검색 → 좌표), 시간, 유형(관광/식사/이동/숙소), 메모, 사진(이미지 파일 업로드 → 서버 저장, 카드에 썸네일), 예상 비용.
- 같은 날 항목은 드래그로 순서 변경(휴대폰 터치 드래그 포함), 바꾸면 바로 저장.
- 지도: 선택한 날의 장소를 순서 번호 핀으로 찍고 순서대로 선을 이어 하루 동선을 보여준다. 타임라인 카드를 누르면 지도에서 그 핀을 강조.

[열람자 — 공유 링크]
- 읽기 전용 일정표: 일자 탭 + 타임라인 + 지도(동선).
- 장소마다 [길찾기]: 카카오맵·구글맵 길찾기로 연결(좌표로 만든 링크, API 키 불필요).
- 총예산 요약: 전체 합계 + 유형별 합계 + 일자별 합계.

[여행 리스트]
- 예시 여행들과 "이 기기에서 만든 여행"만 카드로 보여준다(제목·도시·기간·장소 수·총예산). 다른 사람이 만든 여행은 나오지 않는다 — 공유 링크를 아는 사람만 볼 수 있어야 한다.
- 이 기기에서 만든 여행은 브라우저 저장소에 관리 링크와 함께 기억해 두고, 리스트에서 바로 편집으로 들어갈 수 있게.

[데이터]
- trips(title, start_date, end_date, city, share_code, manage_token, is_sample, created_at)
- items(trip_id, day, position, name, address, lat, lng, time, type: 관광|식사|이동|숙소, memo, photo_url, cost)
- share_code·manage_token 은 추측할 수 없는 무작위 문자열. 쓰기 API 는 manage_token 이 맞을 때만 허용.

[지도] API 키가 필요 없는 Leaflet + OpenStreetMap, 주소→좌표는 Nominatim. 검색 버튼을 눌렀을 때만 조회하고(입력 중 자동완성 금지 — Nominatim 이용 정책), 결과가 여러 개면 목록에서 고르게.

[시드] 예시 여행 3개를 실제 장소·좌표·시간·유형·비용·메모로 채운다. 사진은 picsum.photos 플레이스홀더.
- 제주 2박3일(메인 화면의 여행, 장소 15개 안팎)
- 부산 1박2일
- 경주 당일치기
배포 직후 메인에서 타임라인·지도·예산이 바로 시연되게.

[제외] 회원가입·로그인, 실시간 공동 편집, 항공·숙소 예약 연동, 여행 커뮤니티·추천, 정산.

[화면] 모바일 우선 — 휴대폰에서 일자 탭·타임라인·지도가 자연스럽게 이어지게.

🧭 이렇게 이해했어요: 요청하신 서비스는 화면 5개와 지도·사진 업로드·드래그 정렬·예시 여행 3개까지 들어가 한 번에 만들기엔 커요. 단계별 계획을 먼저 잡아 보여드리고, 확인해 주시면 그 순서대로 만들게요.

미리 알려드려요 — Nominatim 주소 검색은 이용 정책상 검색 버튼을 눌렀을 때만, 초당 1회 이하로 호출해야 하며 서버를 통해 식별 정보를 붙여 보내는 방식으로 만듭니다.
미리 알려드려요 — OpenStreetMap 지도 타일은 화면에 저작권 표기(© OpenStreetMap)가 들어가야 합니다.

실행과정14개 작업

계획

파일 읽기

record_decision

계획

파일 생성

계획

실행결과 · 4분 16초 소요

여행 일정표 기획서를 작성했어요. 기능이 많아 한 번에 만들기엔 커서 **세 단계로 나눠** 만들어요.

**어떤 서비스인가요**
- 총무는 로그인 없이 일정을 날짜별·시간순으로 짜요. 일행은 링크 하나로 같은 일정표를 보기만 할 수 있어요.
- 갈 곳은 지도에 1, 2, 3… 번호 핀으로 찍히고, 순서대로 선이 이어져 하루 동선이 보여요. 일정 카드를 누르면 지도에서 그 장소가 강조돼요.
- 장소마다 [카카오맵 길찾기]·[구글맵 길찾기] 버튼이 있어요. 예산은 전체 합계, 종류별(관광·식사·이동·숙소) 합계, 날짜별 합계로 보여 줘요.
- 첫 화면에서는 바로 **제주 2박3일 예시 여행**을 보여 줘요. 부산 1박2일·경주 당일치기 예시도 함께 넣어요.

**만드는 순서**
1. **1단계 (이번에 만들어요):** 일정표 보기 화면, 예시 여행 3개, 여행 리스트예요. 끝나면 첫 화면에서 일정·지도·예산·길찾기를 바로 시연할 수 있어요. 만드는 도중에는 화면 확인용 임시 데이터가 잠깐 보이고, 화면 위에 "임시 데이터"라는 안내가 붙어요.
2. **2단계:** 새 여행 만들기, 편집 화면(장소 추가·수정·삭제·장소 검색), 공유 링크·관리 링크 복사, 이 기기에서 만든 여행 목록이에요.
3. **3단계:** 사진 올리기와 끌어서 순서 바꾸기(휴대폰 손가락으로도 가능)예요.

1단계를 확인하신 뒤 "다음 단계 진행해줘"라고 말씀해 주시면 이어서 만들게요.

**요청에 없어서 제가 정한 것** (바꾸고 싶으면 말씀해 주세요)
- **장소 순서:** 새 장소는 시간에 맞는 자리에 들어가요. 그 뒤로는 총무가 끌어서 정한 순서를 따르고, 시간을 고쳐도 자리는 저절로 바뀌지 않아요.
- **비용:** 원 단위로, 일행 전체가 쓸 예상 금액을 적어요. 1인당 나누기와 정산은 하지 않아요.
- **사진:** 장소마다 1장, 5MB 이하 사진만 올릴 수 있어요.
- **여행 기간:** 1~14일로 만들 수 있어요. 한 번 만든 여행의 제목·기간은 바꿀 수 없어요.
- **장소 삭제:** 카드 안에서 "삭제할까요?"를 한 번 더 확인한 뒤 지워요.
- **장소 검색:** [검색] 버튼을 눌렀을 때만 찾아요. 검색 없이 이름만 적은 장소는 일정 카드에는 나오지만 지도와 길찾기에서는 빠져요.
- **예시 여행:** 누구도 고칠 수 없어요.
- **관리 링크:** 다른 기기에서 열면 그 기기의 "내가 만든 여행" 목록에도 자동으로 추가돼요.

**만들지 않는 것**
회원가입·로그인, 여러 명이 동시에 고치기, 항공·숙소 예약 연결, 커뮤니티·추천, 정산은 만들지 않아요.

작성한 문서:
- 
- 

✅ 파일 2개 수정

4,065.6원 사용

개발 시작10월 7일 오전 06:19계획 확인 후 시작

계획 문서(docs/개발-계획.md)의 순서대로 개발을 시작합니다.

실행과정66개 작업

파일 읽기

파일 목록

파일 읽기

계획 문서를 확인했습니다. 1단계(이번 빌드 런)를 계획 순서대로 진행하겠습니다.

계획

명령 실행

①단계 진행합니다. 디자인 CSS와 mock 데이터를 만들겠습니다.

파일 생성

파일 수정

파일 생성

명령 실행

파일 생성

계획

파일 생성

파일 수정

파일 생성

파일 수정

파일 생성

파일 수정

로그 확인

②단계 화면이 완성됐습니다. 이제 ③단계(백엔드·DB 연동)로 넘어갑니다.

계획

파일 생성

파일 수정

파일 생성

파일 수정

앱 재시작

명령 실행

로그 확인

파일 수정

앱 재시작

명령 실행

로그 확인

앱 재시작

명령 실행

로그 확인

명령 실행

파일 생성

계획

실행결과 · 7분 10초 소요

1단계를 완료했어요. 이제 첫 화면에 **실제 예시 여행(제주 2박3일)**이 DB에서 바로 보입니다. 임시 데이터는 걷어냈어요.

**지금 동작하는 것**
- **/** — 제주 2박3일 일정표가 바로 뜹니다. Day 1~3 탭을 넘기면 지도 번호 핀·점선 동선, 타임라인, 예산 요약이 날짜별로 바뀝니다. 카드를 누르면 지도에서 핀이 커지고 그쪽으로 이동해요. 아래에 [새 여행 만들기]·[여행 리스트 보기] 버튼.
- **/view/:code** — 공유 링크로 여는 읽기 전용 일정표. 각 장소마다 [카카오맵 길찾기]·[구글맵 길찾기]. 없는 링크는 "일정표를 찾을 수 없어요" 카드.
- **/trips** — 예시 여행 3개(제주 16곳·612,000원 / 부산 8곳·230,000원 / 경주 6곳·36,000원) 카드. "이 기기에서 만든 여행"은 빈 상태.
- **/create** — "곧 열려요" 안내 카드(2단계에서 교체).

**백엔드**
- `trips`·`items` 테이블 자동 생성, 시드 3개를 서버 시작 시 한 번만 삽입(재시작해도 중복 없음 확인).
- `GET /api/home`·`/api/view/{share_code}`·`/api/samples` 동작. 응답에 `manage_token`은 절대 포함되지 않아요.
- Go 수정 후 재시작으로 컴파일 확인했고, 로그에 오류 없습니다.

**확인 방법**: 미리보기에서 `/`와 `/trips`를 둘러보세요. 첫 화면에 제주 일정·지도·예산·길찾기가 바로 시연됩니다.

1단계가 마음에 들면 **"다음 단계 진행해줘"**라고 말씀해 주세요 — 2단계(새 여행 만들기·편집 화면·주소 검색·링크 복사·내 여행 목록)를 이어서 만들게요.

실행과정2개 작업

로그 확인

명령 실행

🔎 완료 검토: 합격

실행결과 · 7분 41초 소요

확인 완료했습니다.

- **read_logs**: 최신 재시작(15:25:29) 이후 `db schema & seed ready` 외 오류 없음. 로그에 남은 1064 오류는 수정 전의 과거 기록이고, 이후 재시작에서 정상적으로 스키마·시드 생성됐습니다.
- **API 동작 확인**: `/api/health` ok, `/api/home` 제주 16곳 반환, 응답에 `manage_token` 없음, 없는 코드는 404.

서버는 정상입니다. 1단계 완료 상태로 마무리했고, "다음 단계 진행해줘"라고 말씀하시면 2단계를 이어서 만들게요.

✅ 파일 37개 수정 · 명령 8개 실행 · 앱 재시작

3,797.7원 사용

이 프로젝트는 AI 에이전트와의 대화만으로 만들어졌습니다

2-9abfcb.glidev.ai

↗