안녕하세요. 18기 젠스파크 스터디장 유니입니다.
오늘은 젠스파크 개발자를 이용해서 프로필사이트를 만드는걸 해볼예정입니다.
소개
오늘 스터디에서는 퍼스널 브랜딩 실습으로 강사의 프로필 사이트를 만드는걸 진행해보겠습니다.
자신의 이력서가 있는 분은 직접 활용하고, 없는 분들은 아래 링크와 샘플 파일을 통해 시작할 수 있도록 안내했어요 😊
📎 지디웹 참고링크
🧾 샘플 프로필:
AI 강사 프로필.docx
진행 방법
사용 도구
유니 스터디장
오늘은 프로필사이트를 제작합니다.
자신의 프로필 사이트를 만들어서 홍보해도 좋습니다. 단, 없으시다면 아래 링크에서 프로필을 다운로드 받아서 진행해주세요
[참고링크] https://www.gdweb.co.kr/sub/view.asp?Txt_fgbn=5&str_no=24473
[샘플]AI 강사 프로필.docx
ChatGPT - PRD Builder 에서 브랜딩용 랜딩페이지 선택
2. 레퍼런스제공후 프롬프트제작요청
https://www.jbfg.com/ko/main.do 여기를 레퍼런스로 해서 내프로필사이트를 만들어줘 스타일, 디자인, 동작, 구조를 전체적으로 가져오고, 사진이나 이미지도 비슷한 스타일로 만들어서 사이트에 반영해줘, 어떤 프롬프트로 요청하면 될지 프롬프트를 제공해줘
디자인가이드 추가요청
위내용에 디자인 가이드도 추가해줘, 그리고 상세한 인터렉션이 반영되어야함, 호버시 색상변경, 스크롤에 따라 부드럽게 움직이는 애니메이션등을 고려해서 작성하고 8번에 추가해줘
PRD문서 재정리요청
좋습니다. PRD 문서를전체적으로 다시 정리해서 제공합니다.
추가요청사항
Stable Diffusion 이미지는 사용하지 않고 gpt1 모델을 이용해서 이미지를 뽑고 싶으니 관련 내용만 수정해서 적어줘, 그리고 내장 데이터 베이스 지원이 되니까, 그부분도 고려해서 다시 한번 정리해줘
프롬프트 복사
좋습니다. PRD 문서를전체적으로 다시 정리해서 제공합니다.
프롬프트 복사
정리된 prd 문서를 복사하고 붙여넣기 쉽도록 코드블럭형태로 만들어줘
젠스파크로 이동해서 만든 프롬프트를 복사해서 넣어줍니다.
누락되는 부분이나 수정할 내용에 대해서 여러번 요청합니다.
결과페이지
http://kjektjzn.gensparkspace.com/
배운 점
PRD Builder GPT로 요구사항 문서를 정리하면 사이트 생성이 쉬워진다 💡
프롬프트를 구체적으로 쓸수록 결과물이 정교해진다
인터랙션 요청도 잘 반영됨 (애니메이션, 호버 효과 등)
DB 연동, 이미지 처리 등도 추가 요청이 가능함
다음에 해보고 싶은 것
여러 직업군 템플릿 모음 제작
문의폼, 실시간 메시지 기능 연동