내가 디자인도 하고,Github도 만들고, vercel로 deploy까지 하다니..그냥 좋다.

소개

21기 MVP 수익화 2주차 수업에서 기획한 내용을 바탕으로 AI스튜디오를 이용하거나 클로드코드 skill을 활용하여 디자인을 하고 프론트페이지를 만드는 것을 공부했습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

  1. AI스튜디오를 활용하기 위해 우선 유료결제를 진행, AI스튜디오에 사이트기획 MD파일을 업로드하고 참고한 웹페이지 이미지를 업로드하고 위에 기획한내용대로 디자인을 해달라고 합니다.

    한국어 텍스트가 포함된 웹사이트의 스크린샷
  2. github와 연결하여 디자인한 내용이 깃허브에 코드로 올라가게 합니다.

    슬랙 앱 스크린샷
  3. github와 vercel을 연결하여 배포까지 진행합니다.

    한국어로 된 웹사이트의 홈페이지

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

AI스튜디오를 등록하는데 유료결제부분에서 막혔습니다. 체크카드를 아무리 등록해도 에러가 나서 스터디장님께 문의하니 AI한테 등록과정을 물어보라고 하십니다. ㅎㅎ 막히는 부분도 AI에게 물어보면 되는구나!!!! 카드결제 프로필을 새로 만들어서 법인카드로 결제등록완료. 여기서 한참을 헤맸는데....모르면 물어봐야 하는구나...를 알게 되었습니다.

과정 중에 어떤 시행착오를 겪었나요?

처음엔 엄청난 사이트를 만들어야지 싶다가...점점 아주 아주 기초적인 것부터 하나 하나 만들어가야함을 깨닫고 있습니다. 복잡하지 않게 단순한 기능, 우선 기능적으로 구현 가능한 것부터...

복습을 하면서 AI스튜디오를 통해 디자인이 만들어지고(수정 이런거 없이, 걍 만들어졌다는 사실에 감동받았습니다. Github에 연경하고 vercel로 deploy까지 되고 나니, 뭘 한것도 없는데 마치 내가 대단한걸 해낸것 같은 성취감이 생겼습니다. 지금은 너무 너무 모르고 이해도 잘 안돼서 복습을 해야 겨우 겨우 따라 가고 있지만, 그래도 무언가 새로운 걸 해내고 있슴에 감사합니다.

도움이 필요한 부분이 있나요?

본수업 시간에는 아는것이 너무 없어서 이해가 어렵고 수업도 잘 못 따라가서 다시보기를 여러번 하면서 이해하고 있습니다. 본수업 시간에 이해하면서 따라갈수 있는 좋은 방법이 없을까요?

앞으로의 계획이 있다면 들려주세요.

4주간의 MVP만들기를 성공적으로 마무리 하겠습니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

1
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요