-예정 국가

-예정 일자

-여행 파트너

-1인 예산

-여행 스타일

-해당 국가 방문 경험

-선호하는 음식

-싫어하는 음식

-MBTI

위 항목을 전달받아 분석할 때 아래 내용은 필수적으로 반영해줘.

예정 국가 및 예정일자 : 여행 국가 예정일자의 이벤트 및 날씨 1인 예산, 여행 스타일, 해당 국가 방문 경험, MBTI : 여행 국가의 주요 관광지, 액티비티 등의 활동 등의 전체적 여행 스타일 여행 파트너 : 숙박, 전체적 여행 스타일 1인 예산 : 숙박, 관광, 맛집 선호하는 음식 및 싫어하는 음식 : 맛집

최종적으로 위 내용들을 종합적으로 분석 후 사용자에게 가독성 있는 여행 플랜으로 전달해줘. 여행 플랜에는 반드시 다음 항목이 들어가야해.

-여행 예정 기간 동안의 숙소 추천

-여행 예정 기간 동안의 날씨

-여행 예정 기간 동안의 해당 지역 이벤트

-여행 예정 기간 동안의 삼시세끼 추천

-여행 예정 기간 동안의 관광 코스 및 액티비티 등의 활동 추천

-여행 국가에서 조심해야 할 것들

-여행 전 해당 국가 사전 준비물

-여행 필수품 체크리스트 작업 주의사항은 다음과 같아.

-여행 관광명소, 맛집 등은 매번 바뀌고 트렌드 또한 변화하기 때문에 항상 최신 트렌드를 반영해줘. 해당 여행 국가의 유명 맛집 블로그, 구글 리뷰 등을 참고해줘.

-여행은 사용자에겐 오랜 기간 기다려온 특별한 이벤트야. 반드시 검증된 자료를 근거로 제안해야해.

-검증되지 않았으나 여행플래너 역할인 너의 판단으로 제안할만한 사항이 있을 경우 반드시 사용자가 인지할 수 있도록 해당 내용을 고지해줘.

-항목별로 적절한 폰트 크기 및 굵기와 말머리 기호를 적재적소에 사용해서 반드시 깔끔한 가독성을 중요시 해줘.

-마무리 작업으로는 바로 출력해서 여행 중 확인할 수 있도록 PDF화 해주거나 노션에 임베드 가능하도록 먼저 제안해줘.

("공무원코딩"을 영어로 치면됩니다)

바이브코딩은 복잡한 프로그래밍 언어(C언어, 파이썬 등)를 직접 타이핑하는 대신, 내가 원하는 결과물의 '느낌(Vibe)'을 말로 설명해서 소프트웨어를 만드는 방식을 뜻합니다.

쉽게 말해, 개발자가 아닌 '기획자'나 '사용자'의 마음으로 AI와 대화하며 프로그램을 뚝딱 완성하는 새로운 코딩 트렌드입니다.

🏫 이해를 돕는 쉬운 예시

선생님들께는 다음과 같은 '급식 메뉴 추천기' 예시를 들어보시면 바로 이해하실 거예요.

• 기존의 코딩: "변수 menu를 설정하고, if문을 써서 랜덤 함수를 불러온 뒤..." (문법 공부만 한참 걸림)

• 바이브코딩: "제미나이, 우리 반 애들이 좋아할 만한 급식 메뉴를 무작위로 뽑아주는 예쁜 웹사이트 하나 만들어줘. 배경은 연한 하늘색으로 해주고, 버튼을 누를 때마다 귀여운 효과음이 나면 좋겠어!"

  
  

💡 선생님들을 위한 한 줄 요약

"코딩 문법을 몰라도, 말만 잘하면(Vibe가 맞으면) AI가 알아서 프로그램을 짜주는 '대화형 개발'입니다."

먼저 캔버스 우측 상단에 있는 '복사' 아이콘(문서 두 장 겹친 모양)을 클릭하여 전체 코드를 복사합니다.

• 직접 드래그해서 Ctrl + C를 눌러도 좋습니다.

  
  

2단계: 메모장에 붙여넣기

1. PC에서 메모장(Notepad) 또는 VS Code 같은 코드 에디터를 엽니다.

2. 복사한 코드를 Ctrl + V로 붙여넣습니다.

   
   

3단계: HTML 파일로 저장하기

이 부분이 가장 중요합니다!

1. 메모장 상단 메뉴에서 파일 > 다른 이름으로 저장을 클릭합니다.

2. 파일 이름 끝에 반드시 .html을 붙여주세요. (예: myproject.html)

3. 파일 형식을 '모든 파일'로 변경하고 인코딩을 UTF-8로 설정한 뒤 저장합니다.

   
   

4단계: 결과 확인 및 공유하기

• 내 컴퓨터에서 보기: 저장된 파일을 더블 클릭하면 웹 브라우저(크롬, 엣지 등)에서 프로그램이 바로 실행됩니다.

• 파일로 공유하기: 저장한 .html 파일을 카카오톡, 이메일, USB 등을 통해 상대방에게 보냅니다. 상대방도 파일을 다운로드해 브라우저로 열면 똑같이 볼 수 있습니다.

• 링크로 공유하기 (웹 호스팅): * 파일 자체를 보내는 대신 인터넷 링크로 주고 싶다면, Netlify나 GitHub Pages 같은 무료 서비스를 활용해 파일을 업로드하면 고유한 웹 주소(URL)가 생성됩니다.

너는 과학 교육용 인터랙티브 콘텐츠를 제작하는 전문 웹 개발자이자 중학교 과학 교사야. 복잡한 천체 운동을 학생들이 쉽게 이해할 수 있도록 직관적인 UI를 설계하는 데 탁월한 능력을 갖추고 있어.

2. 목표

사용자가 슬라이더를 움직임에 따라 달의 위치가 바뀌고, 그에 따른 '지구에서 보는 달의 위상'이 실시간으로 변하는 [달의 공전 시뮬레이터] 웹 앱을 제작해 줘.

3. 기능

- HTML5 Canvas 또는 CSS/JS를 사용하여 상단에는 '우주 공간에서의 위치 관계', 하단에는 '지구에서의 모습'을 동시에 보여줄 것.

- 상호작용: 공전 위치(0~360도)를 조절하는 슬라이더를 포함할 것.

- 데이터 연결: 달의 위치(각도)에 따라 달의 명칭(예: 180도일 때 '보름달(망)')을 정확히 출력할 것.

- 시각 효과: 달의 밝은 부분과 어두운 부분이 자연스럽게 변하도록 그래픽 처리를 해줄 것.

(밝은 부분과 어두운 부분이 명확하게 드러나야 함.)

4. 제약사항

- 별도의 외부 라이브러리 없이 Single HTML 파일(HTML/CSS/JS 통합)로 작성해서 캔버스에서 바로 확인할 수 있게 해줘.

- 모든 텍스트는 한국어로 작성해 줘.

- 코드 주석을 상세히 달아서, 내가 나중에 특정 수치(공전 속도 등)를 수정하기 쉽게 만들어 줘.

- 디자인은 깔끔하고 현대적인 교육용 대시보드 스타일을 유지해 줘.