홈페이지 제작 고민? 쉽게 클로드로 만드세요 | 비개발자들,초보 환영
쉽게 알려주는 옆집개발자
0:00 / 0:00
홈페이지 제작 고민? 쉽게 클로드로 만드세요 | 비개발자들,초보 환영
224 просмотра · 9 дн. назад
쉽게 알려주는 옆집개발자
57 подписчиков
224 просмотра · 9 дн. назад
여러분, 홈페이지 하나 만들려고 아임웹, 워드프레스.카페 24.
이것저것 다 해보셨죠?
근데 막상 내 마음대로 바꾸려고 하면, 공부할 게 끝이 없습니다.
그렇다고 업체에 맡기자니, 견적부터 부담되고요.
실제로 이런 댓글이 있었어요.
"무료 사이트 다섯 군데를 돌아다니다가, 시간만 낭비했다."
"조금만 수정해도 외부 업체를 이용해야 해서, 이게 무료가 맞나 싶다."
그런데 요즘은, 말로 시키면 AI가 홈페이지를 만들어 줍니다.
개발자인 제가 코드는 한 줄도 직접 안 치고,
클로드한테 말로만 시켜서 처음부터 끝까지 만들어 보겠습니다.
이 영상 그대로만 따라 하세요.
------
영상에서 언급할 도구 및 사이트는 전부 "설명란"에 넣었습니다.
그리고 진행하면서 막히거나 궁금한게 있으면
언제든 댓글로 남겨주세요! 빠짐없이 알려드릴게요!
앞으로도 잘 부탁드립니다. 구독과 좋아요 한 번씩 부탁드려요!
---
영상에서 언급한 도구 및 사이트 모음
클로드 데스크탑 앱: https://code.claude.com/docs/ko/deskt...
크롬 in 클로드: https://claude.com/ko/claude-in-chrome
디자인 및 브라우저 통제:
https://impeccable.style
https://www.tasteskill.dev
https://playwright.dev/docs/getting-s...
위 2개는 디자인 관련 스킬, 나머지 playwright는 브라우저 통제입니다.
깃허브: https://github.com/?locale=ko-kr
배포에 쓰이는 vercel: https://vercel.com
vercel cli 문서: https://vercel.com/docs/cli
슈퍼베이스: https://supabase.com
구글시트는 영상에서 언급한 것처럼, 아예 연동까지 전부 다 해달라고 하면 링크를 하나 얻을 수 있습니다. 그게 일종의 db가 되어줍니다.
#홈페이지제작 #클로드 #ai #코딩
0:00 ~ 1:09 무료 홈페이지 빌더, 왜 시간만 버릴까?
1:10 ~ 1:39 홈페이지 제작에 왜 클로드일까?
1:40 ~ 3:39 클로드 데스크탑 설치, 요금제는 뭘로?
3:40 ~ 6:19 크롬 in 클로드는 왜 꼭 깔아야 할까?
6:20 ~ 7:39 AI 홈페이지 만들기 0~4단계 로드맵
7:40 ~ 10:59 요청서에 꼭 넣을 6가지는?
11:00 ~ 15:29 바로 만들어 달라고 하면 안 되는 이유
15:30 ~ 19:49 AI 티 안 나는 디자인, 스킬 3개면 될까?
19:50 ~ 25:09 문의 저장은 구글 시트? 슈퍼베이스?
25:10 ~ 32:09 버셀 배포 전 깃허브 가입은 왜 필요할까?
32:10 ~ 39:19 CLI가 뭐길래 배포가 쉬워질까?
39:20 ~ 41:29 버셀 배포 완료, 도메인은 바꿀 수 있나?
41:30 ~ 45:29 구글 시트 DB, 클로드가 직접 세팅?
45:30 ~ 47:59 배포된 사이트에 문의 넣으면 시트로 올까?
48:00 클로드 홈페이지 제작 전 과정 한눈에