모든 과정에 ChatGPT 활용 가능!
오늘의 배운 것
ChatGPT의 system 프롬프트를 활용하여 특정 역할을 부여하고 질문해 답변받는 웹 서비스 구상 (배우는 과정중에는 운세보기)
node.js를 이용한 백엔드 구성
html, css, js를 활용한 프론트엔드 구성
fontawesome을 사용한 움직이는 아이콘 구현(챗GPT 응용가능)
실전 Deploy
프론트엔드 - cloudflare 사용
백엔드 -> AWS Lamda 사용 (serverless)
수익 창조 - 카카오 adfit, 토스 아이디를 활용한 링크
트러블슈팅: 프론트엔드에서 백엔드로 요청시 CORS 에러
cors npm 설정중 origin 주소설정시 주소의 뒷부분에 '/'까지 추가해서 발생한 문제였다!
다음으로 구상할 것
- ChatGPT가 어떤 역할을 맡게 하여 어떠한 도움을 주는 서비스로 만들 것인지
- ChatGPT를 활용한 프론트엔드 꾸미기
- AI 그림모델( ex)스테이블 디퓨전 )을 활용한 캐릭터 첨부하기
오늘은 영상을 보면서 CORS 부분에서 헛발을 친 부분이 많아 강의를 따라가는것으로 시간을 다써버렸다..
오늘의 예제를 활용해서 어떠한 웹서비스로 만들지 고민해보자!
참조: 조코딩 유투브 - ChatGPT API 활용한 웹 서비스 만들기 - 바닥부터 실전 서비스 배포까지