GPT로 기획 / 디자인 / 개발까지 다 진행해서 
웹사이트 혹은 어플을 만들어보려고 한다 
그 진행과정을 남겨두려고 한다.

1. 기획서 작성

이제 곧 다가올 크리스마스에 사용할 사이트를 만들기로 하로 GPT에게 추천해줄게 있는지 프롬프트를 전송한다.

프롬프트는 이렇다.

"크리스마스쯤해서 스팟성으로 진행할 이벤트같은걸 하고 싶어 이번 한글날에 이름을 순수 한글 이름으로 변경해주는 사이트가 있었어 이런 비슷한 사이트를 크리스마스 기념으로 만들고 싶어 어떤게 좋을지 추천해줘" 

추천된 몇개의 아이디어를 보고 
어떤걸 할지 선택을 하고 
웹 기획서를 작성해줘라고 프롬프트를 전송한다.

추가할 내용 추가하고 뺄 내용을 빼고 
몇번의 프롬프트를 전송하고 
기획서를 완성 했다.

 

1. 목적

  • 사용자들이 산타에게 편지를 작성하고, 크리스마스 당일 산타의 맞춤형 답장을 확인하는 설렘과 재미를 제공.

2. 타깃 사용자

  • 모든 연령대의 사용자 (특히 어린이와 크리스마스를 즐기는 사용자층)

3. 주요 기능

1) 편지 작성 페이지

  • 작성자 정보 입력
    • 이름 또는 닉네임: 사용자의 이름 또는 별칭 입력란
    • 이메일 주소: 사용자가 자신의 편지를 나중에 확인할 수 있도록 이메일 입력 필드
    • 비밀번호: 작성한 편지를 보호하기 위해 비밀번호 입력란
  • 편지 내용 작성
    • 편지 내용: 산타에게 전하고 싶은 소원, 감사의 말 등을 자유롭게 작성 가능한 텍스트 필드
  • 작성 완료 후 안내 메시지: 크리스마스에 산타의 답장을 확인할 수 있다는 메시지 출력

2) 답장 생성 (GPT 활용)

  • 답장 생성 시점: 편지가 저장되며, 크리스마스 당일에 GPT를 통해 맞춤형 답장이 생성되어 제공
  • GPT 답장 생성 내용: 사용자의 소원을 반영한 산타의 응원 메시지와 격려의 말을 포함하여 답장 제공
  • 랜덤 메시지와 GPT 결합: 일부 랜덤 템플릿 메시지와 GPT 내용을 결합하여 사용자에게 친근하고 따뜻한 답장을 제공

3) 결과 페이지 (답장 보기)

  • 답장 확인 제한: 크리스마스 당일에만 답장 확인 가능
  • 답장 보기: 사용자가 작성한 편지와 산타의 답장을 한 화면에 표시
  • 다운로드 / 공유 기능: 편지와 답장을 이미지로 변환하여 소셜 미디어에 공유 가능

4) 크리스마스 카운트다운

  • 메인 페이지에 크리스마스까지 남은 날짜를 표시하여 기대감을 조성

4. 페이지 구성 및 흐름

  1. 메인 페이지

    • 크리스마스 분위기의 인트로 페이지
    • ‘산타에게 편지 쓰기’ 버튼 및 크리스마스 카운트다운 배너 표시
  2. 편지 작성 페이지

    • 사용자 정보 입력 (이름 또는 닉네임, 이메일 주소, 비밀번호)
    • 편지 작성 후 크리스마스 당일에 답장을 확인할 수 있다는 안내 메시지 출력
  3. 결과 페이지 (답장 보기)

    • 크리스마스 당일에만 산타의 답장을 확인할 수 있도록 페이지 잠금 기능 적용
    • 편지와 답장을 이미지로 다운로드 / 공유하기 가능

5. 기술 스택

  • 백엔드: Python Django - 편지 작성 및 저장, 답장 생성을 위한 서버 구성
  • 데이터베이스: MongoDB - 사용자 정보(이름, 이메일, 비밀번호)와 편지 내용을 저장
  • GPT API 통합: GPT를 활용해 맞춤형 답장 자동 생성
  • 프론트엔드: Django 템플릿, Bootstrap, jQuery - 직관적이고 반응형의 사용자 인터페이스 구성

이 기획을 통해 크리스마스 당일에 산타의 맞춤형 답장을 확인하는 특별한 경험을 사용자에게 제공합니다.


추가로 서버 셋팅과 도메인, ssl등을 설정하고
장고 사이트를 띄웠다.



GPT 없어도 할 수 있지만 
운영체제, 사용할 언어등을 상세하게 프롬프트로 전송하면 쉽게 설정을 할 수 있을것이다.
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 이는 사이트 운영에 사용됩니다."

Memory information

  • Subject: GPT로 토이프로젝트 진행하기 #1. 기획서 작성