[앱 주요 기능] 시작
1. 사용자가 여행할 나라나 지역 또는 도시를 입력하고, 인원수(혼자 가는지, 여러명이서 가는지), 성별,나이, 여행 스타일, 여행 일 수, 예산 규모 등을 선택하면 구글 Gemini API를 사용해서 여행 경로를 추천해주는 웹 앱을 만들고 싶어.
2. 이 앱은 1회성으로 쓰는 앱이야. 웹 앱 화면에 결과 히스토리를 표시할 필요는 없어.
3. 다만 내부 관리용으로, 출력 결과는 구글 시트에 자동으로 기록.
== [앱 주요 기능] 끝 ==

[사용자 흐름] 시작
1. 사용자가 여행할 나라, 지역 또는 도시를 선택. 이거는 일반 텍스트 상자로 자유롭게 입력하도록 하자.
2. 인원수, 성별, 나이, 여행 스타일(휴양지, 커플여행, 가족여행), 여행 일수(1일~7일까지), 예산 규모(백만원/인당, 2백만원/인당) 등등을 선택.
3. [여행 경로 추천] 버튼을 클릭하면 각 일자별 추천 경로를 출력
== [사용자 흐름] 끝 ==

데이터는 구글 시트에서 "기록" 시트 하나로 관리할 거야.
위와 같이 만들려면, 구글 시트의 필드와 화면 인터페이스는 어떻게 구성하면 좋을까?
머리글 순번으로 간략하게 알려줘.

2. 통합 문서의 이름은 "여행 가이드 앱"

3.시트 이름은 "기록" 으로 변경

웹 앱 개발을 시작해보자. code.gs 와 index.html 코드를 각각 작성해줘.

[백엔드 구성] 시작

1. 사용할 외부 API

- Gemini API : (키 복붙)

- 모델은 Gemini 1.5 Flash 를 사용할거야.

2. 구글 시트 구조

- 구글시트 ID : (주소 복붙)

- 시트명 : 기록

- 필드 구조 : "타임스탬프 목적지 인원수 성별 나이대 여행스타일 여행일수 예산규모 추천결과 상태 메모"

[백엔드 구성] 끝 =

[화면 인터페이스 구성] 시작

1.앱 제목 - "스마트 여행 가이드"

2.목적지 입력 - 텍스트 입력창 (placeholder: "예: 일본 오사카")

3.인원수 선택 - 라디오 버튼 4개

4.성별 선택 - 라디오 버튼 3개

5.나이대 선택 – 드롭다운 메뉴

6.여행스타일 선택 - 체크박스 (솔로여행, 휴양여행,커플여행,비지니스출장)

7.여행일수 선택 – 슬라이더(1일~7일)

8.예산규모 선택 - 라디오 버튼 5개

9.[여행 경로 추천] 버튼 – 메인 액션 버튼

10.결과 출력 영역 - 로딩 스피너 → AI 추천 결과 표시

[화면 인터페이스 구성] 끝

[추가 요청] 시작

- 모든 개발은 구글 Apps Script + HTML/CSS/JS 로 진행할거야.

- 최신 트렌드에 맞춰서 세련되고 시원한 여름느낌이 물씬 나는 상큼하고 딱 접속했을 때 행복한 감정이 드는 디자인으로 꾸며줘.

- 모바일에 대응할 수 있도록 반응형 CSS로 작성해.

[추가 요청] 끝

2)응답결과가 마크업 된 텍스트가 나와. 마크업 텍스트 대신에 보기 좋게 문서 형식으로 보고 싶어