소개
시도하고자 했던 것과 그 이유를 알려주세요.
AI studio를 통해서 웹사이트를 만들고,
github로 연결해서
vercel을 이용해서 배포까지 진행.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
(내용 입력)
AI studio에 지난주에 thinking partner와 함께 만든 웹사이트 기획안.md 파일과 스터디장님이 제공해주신 디자인 md파일 두가지를 업로드 한 후에 아래와 같은 프롬프트를 입력했습니다.
첨부한 내용으로 (프로젝트에 대한 간단한 설명) 웹사이트를 만들어주세요:
콘텐츠 내용 및 전체 요구 사항 정의: IPO-Webpage-Plan-Templete.md 참조
컬러셋: project-color-set.md 참조
디자인의 톤앤매너는 첨부한 예시 파일을 참고합니다.
그 결과 웹사이트가 하나 만들어졌고, 이 웹사이트를 github로 export 하여 연결하였습니다.
이렇게 연결된 내용을 vercel을 통해서 배포하여 외부에서도 사이트에 접속할 수 있도록 하였습니다.
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
과정 중에 어떤 시행착오를 겪었나요?
도움이 필요한 부분이 있나요?
앞으로의 계획이 있다면 들려주세요.
https://mvp-three-delta.vercel.app/
이렇게 외부에서 그럴싸한 사이트 하나를 만들어서 배포를 하였는데,
AI studio에서는 잘 보였는데, vercel에서 계속 까만화면만 뜨고 아무것도 뜨지 않아서
chat GPT에 계속 왜 안뜨는지 물어봤는데,
알고 보니 API key 값 입력이 뭔가 잘못되어서 고쳤더니 배포가 잘 되었습니다.
다음 시간에는 결제도 붙여보고, 디자인이나 내용도 조금 더 업데이트 해보는 것을 목표로 하고 있습니다!
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
(내용 입력)
