본문 바로가기

노코딩 웹사이트2

"이게 1분 만에 된다고?" 코딩 1도 몰라도 클로드(Claude)로 '진짜 웹사이트' 만드는 법 (웹서비스 런칭 2편) "설계도만 던져주세요. 시공은 AI가 합니다."지난 1편에서 클로드(Claude)를 '수석 개발자'로 세팅하고 사이트 구조(Sitemap)를 기획하는 법을 다뤘다. AI 개발자는 내 요청을 분석해 디자인 톤앤매너부터 8단계 메뉴 구조까지 완벽한 설계도를 내놓았다. 남은 건 "이대로 만들어"라는 명령 한 줄뿐이다.오늘은 복잡한 코딩 문법을 몰라도, 이 설계도를 바탕으로 단 1분 만에 실제 작동하는 웹사이트를 만드는 과정을 처음부터 끝까지 보여준다. 특히 클로드의 킬러 기능인 '아티팩트(Artifacts)'가 왜 ChatGPT와 결정적으로 다른 판을 만들었는지 직접 확인해 보길 바란다.1. MVP(최소 기능 제품)의 법칙: 핵심부터 공략하라클로드는 Hero부터 Footer까지 총 8개 섹션을 제안했다. 물론.. 2026. 2. 5.
"개발자 채용하지 마세요" 클로드(Claude)를 '수석 엔지니어'로 세팅하는 법 (웹서비스 런칭 1편) "외주 견적 300만 원... 코딩 1도 모르는 문과생이 직접 나섰다" 지금까지 AI를 이용해 이미지도 만들고, 엑셀 자동화도 해냈다. 이제는 그 모든 결과물을 담을 '나만의 웹 서비스(포트폴리오 사이트)'를 만들 차례다. 호기롭게 외주 업체를 알아봤지만, 돌아온 견적은 최소 수십에서 수백만 원이었다. '직접 배워볼까?' 하고 유튜브에서 HTML/CSS 강의를 켰지만 외계어 같은 화면에 10분 만에 포기했다.그러다 코딩 분야에서 챗GPT를 뛰어넘었다는 '클로드(Claude 3.5 Sonnet)'의 소문을 듣고, 밑져야 본전이라는 생각에 무작정 "홈페이지 만들어줘"라고 입력해 봤다. 결과는 참담했다. 90년대 스타일의 촌스러운 사이트를 뱉어낸 것이다. "아, AI에게 개떡같이 말하면 개떡같이 짜주는구나.".. 2026. 1. 27.