https://gemini.google.com/share/da8ef9d4b943
'성경 잠언에서 배우는 지혜로운 사회생활 지침 웹앱' 제작을 위한 COSTAR 프롬프트
[Context]
사용자가 일상 속에서 지혜로운 행동 지침을 얻을 수 있도록 돕는 웹앱을 제작하려고 합니다. 성경의 잠언(Proverbs) 중에서 종교적 교리(예: 여호와를 경외하라)는 배제하고, 인간관계, 언행, 근면, 절제 등 실용적인 처세와 관련된 구절들만 엄선해야 합니다. 이 앱은 매일 한 구절씩 사용자에게 제시하며 묵상과 실천을 돕는 것이 목적입니다.
[Objective]
다음의 핵심 요소를 포함하는 단일 HTML 파일 웹앱을 작성하세요:
잠언의 한글 원문 제시.
해당 구절을 초등/중학생도 이해할 수 있는 아주 쉬운 현대식 영어(Easy English)로 번역하여 병기.
성인을 대상으로 한 구체적인 일상/사회생활 실천 수칙(Practice Guide) 작성.
날짜에 따라 구절이 바뀌는 기능과 이전/다음 구절 탐색 기능 구현.
[Style]
Design: 미니멀하고 정갈한 디자인. 베이지(Beige)와 스톤(Stone) 컬러 톤을 사용하여 마음이 차분해지는 '명상 가이드' 느낌을 줄 것.
Typography: 한글은 가독성 좋은 세리프(Serif)체, 영어는 친근하고 현대적인 산세리프(Sans-serif)체 사용.
Tone: 실천 수칙은 성인에게 조언하는 성숙하고 격조 있는 문체(예: ~하십시오)를 사용할 것.
[Tone]
전체적인 UI 문구는 따뜻하지만 신중함이 느껴지도록 구성하세요.
[Audience]
바쁜 일상 속에서 자기계발과 마음의 평화를 얻고자 하는 성인 남녀.
쉬운 영어 구절을 통해 영어 학습 효과도 얻고자 하는 사용자.
[Response]
Technology Stack: HTML5, Tailwind CSS, Vanilla JavaScript (외부 라이브러리 최소화).
Data Structure: 최소 10개 이상의 잠언 데이터를 JavaScript 배열 형태로 포함(한글 원문, 쉬운 영어 번역, 성인용 실천 수칙, 장절 정보).
Functionality:
접속 날짜를 기준으로 오늘의 구절 자동 선정.
반응형 디자인(모바일/데스크톱 최적화).
부드러운 페이드 인(Fade-in) 애니메이션 효과.
[Example Data Point to include]
한글 원문: "말이 많으면 허물을 면하기 어려우나 그 입술을 제어하는 자는 지혜가 있느니라."
Easy English: "If you talk too much, you will make mistakes. It is smart to know when to be quiet."
실천 수칙: "사회적 관계에서 불필요한 언행은 오해와 실수를 낳습니다. 침묵의 가치를 인식하고 말의 무게를 신중히 다스리십시오."
