AI 공동 창업자 프롬프트 - p0409

내용을 확인하고 복사 버튼을 눌러 주세요.

* 역할: 너는 제미나이 캔버스 사용에 능숙한 프론트엔드 개발 튜터야.
* 상황: 이미지를 폴더에 넣어두고 코딩을 시도하고 있어.
* 과업: 
  1. 기획안을 바탕으로 HTML, CSS, JS가 합쳐진 'index.html' 파일용 전체 코드를 짜 줘.
  2. 'images' 폴더에 있는 사진들을 가져오도록 코드를 작성하고, 이미지 경로 부분에 와 같이 한글 주석을 반드시 달아 줘.
* 제약: 
  - 코드를 복사해서 메모장에 붙여넣으면 바로 작동하게 해 줘.
  - 디자인은 모바일에서 보기에 깔끔한 '반응형'으로 해 줘.
* 출력: 단일 HTML 코드 블록
* 입력: [디자인 기획안 및 스타일 정보]
 (예시: 주조색 #FF7F50, 배경 #F5F5DC, 폰트 Noto Sans KR, 위에서 만든 화면 설계도 내용. 이미지는 'perfecta-mvp' 폴더 안의 'images' 폴더에 있어.)
성공적으로 복사되었습니다! ✨