🔗 배포 링크 : https://misosos.github.io/vue-static-page/

🤖 AI 활용 프롬프트 기록

1. Gemini (콘텐츠 기획 및 텍스트 생성)

페이지의 메인 카피, 섹션 제목, 그리고 전통 음식/놀이에 대한 설명과 스토리를 생성하기 위해 다음과 같이 요청했습니다.

[프롬프트] 한가위(추석) 콘텐츠 웹페이지 제작할건데 페이지의 메인 카피, 섹션 제목, 전통 음식/놀이 소개, 간단한 설명/스토리 짜주라

[Gemini] 네, 알겠습니다. 풍요롭고 따뜻한 느낌을 주는 한가위 웹페이지 콘텐츠를 짜임새 있게 구성해 드릴게요. 이 내용을 바탕으로 웹페이지 각 섹션을 채워나가시면 됩니다.

--- [Gemini가 생성한 콘텐츠 기획안] ---

$$메인 카피$$ 1안 (감성적) 휘영청 밝은 보름달 아래, 풍요와 감사의 마음이 차오릅니다. 더도 말고 덜도 말고, 늘 한가위만 같아라.

2안 (현대적) 가장 밝은 달이 뜨는 날, 소중한 사람들과 행복을 나누세요. 넉넉하고 즐거운 한가위 보내세요!

$$섹션 1: 한가위 이야기$$ 섹션 제목: 가을의 중심, 한가위를 맞이하다 내용: 한가위는 음력 8월 15일로, 가을의 한가운데에 있는 가장 큰 날이라는 뜻의 순우리말입니다. (이하 생략)

$$섹션 2: 한가위 맛의 향연$$ 섹션 제목: 오감을 깨우는 한가위 음식 이야기 내용: 한가위가 다가오면 온 동네에 고소한 기름 냄새와 달콤한 음식 내음이 가득합니다. (이하 생략)

• 송편: 보름달을 닮고 싶은 반달의 꿈 설명: (생략)... 스토리: (생략)...
• 토란국: 땅속의 보물, 가을의 건강을 담다 설명: (생략)... 스토리: (생략)...
• 모둠전: 풍요로움을 지글지글 부쳐내다 설명: (생략)... 스토리: (생략)...

$$섹션 3: 함께해서 더 즐거운, 한가위 놀이$$ 섹션 제목: 마당을 채우는 웃음소리, 한가위 전통 놀이 내용: 배를 든든히 채웠다면 이제는 신나게 즐길 시간! (이하 생략)

• 강강술래: 달빛 아래, 하나 되는 손과 노래 설명: (생략)... 스토리: (생략)...
• 씨름: 힘과 기술의 대결, 천하장사를 가리다 설명: (생략)... 스토리: (생략)...
• 줄다리기: 풍년을 기원하는 공동체의 함성 설명: (생략)... 스토리: (생략)...

2. GPT (배경 이미지, SVG 아이콘, CSS 스타일)

Gemini로 생성한 콘텐츠의 시각적 요소를 구현하기 위해 GPT에 다음과 같이 요청했습니다.

1. 배경 이미지 생성

pc버전 웹 크기에 맞게 한가위에 어울리는 웹사이트 배경 제작해줘

2. SVG 아이콘 생성

vue+ts 웹페이지에서 아이콘으로쓸건데 송편 아이콘 svg생성해줘

3. CSS 스타일 구성

배경 분위기에 어울리게 css 구성해줘