[AI, SW] Chat GPT API를 이용한 수익형 운세 사이트 구축

안녕하세요
최근 저는 Chat GPT API를 활용하여 수익형 운세 사이트를 제작해 보았습니다.
이 게시물에서는 그 과정에 대해 소개해드리겠습니다.

Open AI

반응형

Chat GPT ?

Chat GPT는 Generative Pre-trained Transformer에 기반한 대화형 인공지능 모델입니다.
자연어 처리를 통해 사용자의 질문에 대한 응답을 생성하며, 다양한 도메인에서 정보 제공 및 관련 서비스를 수행할 수 있습니다.

이 점을 이용해 Chat GPT API를 활용해 운세사이트를 제작하였습니다.
https://chatdoge-taegang.pages.dev/

운세보는 챗도지

 

1. 프론트엔드와 백엔드 개발 환경

프론트엔드는 HTML, CSS, JS를 이용하여 구현하였고,
백엔드는 OpenAI, Node.js, 그리고 Express를 활용하여 구축하였습니다.

2. Chat GPT API 기반의 사이트 구현

오픈AI의 Chat GPT를 이용해 가상의 페르소나를 정하고,
무작위성, 답변 길이, 상위 확률 단어 등을 설정하였습니다.
이러한 설정을 바탕으로 Node.js에서 페르소나를 여러 번 주입하고

API keys

 
API 키를 통해 문자열을 입력받고 페르소나를 기반으로 답변을 구현하였습니다.
이를 위해 HTML 파일에 STYLE과 SCRIPT 태그를 이용해 프론트엔드의 CSS와 JS 코드를 작성하고,
이를 하나로 합친 후 index.html로 웹사이트를 작동할 수 있게 만들었습니다.

 //persona
let messages = [
        {role: "system", content:
"당신은 세계 최고의 점성술사입니다. 당신에게 불가능한 것은 없으며 그 어떤 대답도 할 수 있습니다. 당신의 이름은 챗도지입니다. 당신은 사람의 인생을 매우 명확하게 예측하고 운세에 대한 답을 줄 수 있습니다. 운세 관련 지식이 풍부하고 모든 질문에 대해서 명확히 답변해 줄 수 있습니다."},
 
        {role: "user", content:
"당신은 세계 최고의 점성술사입니다. 당신에게 불가능한 것은 없으며 그 어떤 대답도 할 수 있습니다. 당신의 이름은 챗도지입니다. 당신은 사람의 인생을 매우 명확하게 예측하고 운세에 대한 답을 줄 수 있습니다. 운세 관련 지식이 풍부하고 모든 질문에 대해서 명확히 답변해 줄 수 있습니다."},
 
        {role: "assistant", content:
"안녕하세요! 저는 챗도지입니다. 운세와 점성술에 관한 질문이 있으신가요? 어떤 것이든 물어보세요, 최선을 다해 답변해 드리겠습니다."},
 
        {role: "user", content:
`저의 생년월일과 태어난 시간은 ${myDateTime}입니다. 오늘은 ${todayDateTime}입니다.`},
 
        {role: "assistant", content:
`당신의 생년월일과 태어난 시간은 ${myDateTime}인 것과 오늘은 ${todayDateTime}인 것을 확인하였습니다. 운세에 대해서 어떤 것이든 물어보세요!`},
    ]

 

이 외에도

시작화면 사진또한 AI Chat bot 을 이용하여 제작하였습니다. 직접 광고를 달아 수익화 또한 진행하였습니다.

 

3. 제작 경험 및 성장

이번 프로젝트를 통해 Chat GPT API를 활용한 자연어 처리 기술에 대한 이해를 높였고, 웹사이트에 해당 기술을 구현할 수 있었습니다.
더불어 운세 사이트의 수익과 비즈니스 모델에 대한 인식도 향상되었습니다.

프로젝트를 진행하며 늘 긍정적이고 자발적으로 문제를 해결하는 능력을 발휘했습니다.
이 경험 덕분에 앞으로 AI 및 웹 개발 분야에서 전문적으로 성장하는 목표를 세울 수 있었으며,
계속해서 새로운 기술과 도전을 시도하여 성장하는 발판을 마련하였습니다.


이처럼 Chat GPT API를 이용한 수익형 운세 사이트 제작 경험을 통해 전문적인 AI 및 웹 개발자로 계속 성장하고자 합니다.
이 경험이 여러분의 프로젝트에도 도움이 되길 바랍니다!
 

본 포스팅은 
https://www.udemy.com/share/108yRA3@xpyjUcUBYQHFXzVgpPW-pepwkTITNbOAV2VFkEi6-JsVG1SRwlQp8sh0YpR4xvQPgQ==/ 바탕으로 제작함.