오늘은 "ChatGpt"를 이용해서 간단한 홈페이지를 만들고, 이를 서버에 올려 모든 사람들이 이용할 수 있는 웹사이트를 만들어 보는 시간을 가질 것이다. 오늘 실습에는 html, css, js 언어를 알면 더욱 빠르게 진행이 가능하다.
(모르는 사람도 괜찮다. 왜냐면 코드는 챗지피티가 짜줄 거니깐!)
시간이 없다! 바로 시작해 보자!
거 양반 뭐가 그리 급하오? 1.
홈페이지 구상하기/ChatGpt 프롬프트 입력 일단은 내가 원하는 홈페이지가 어떤 식으로 구성되면 좋을지, 큰 틀을 생각해 봐야 한다. 오늘은 왠지 평화로운 웹사이트를 만들고 싶기에 나는 아래와 같은 웹사이트를 제작하길 희망했다.
"화면 중앙에 Bubble이라는 단어가 있고, 배경에 비누방울이 생성되었다가 사라지며, 음악이 재생되는 웹사이트." 이를 잘 정리하여 다음과 같은 명령어를 chatgpt에 입력할 수 있다.
참고로 나는 유로 버전을 쓰고 있어서, gpt-4 인터프리터를 사용한다. 이정도 코드는 성능 차이가 별로...
#
chatgpt
#
netlify
#
배포
#
비눗방울
#
비눗방울웹사이트
#
웹사이트만들기
#
웹사이트배포
![[Next.JS 14] Next.js 기본 구조 알아보기, 실행하기(App Router란 무엇인가?)](https://mblogthumb-phinf.pstatic.net/MjAyMzEyMjZfMjI2/MDAxNzAzNTYyOTU0ODEz.NM60OWri1zZxBLNLubTJ9iN2ShYttgZzXMrUKJ2ZEDUg.Aj2E3ZiaMQsRuyUFELKt2y9zcJHMtQp9ONAqia72M30g.PNG.sodaincan7/image.png?type=w2)
