수강 가능Claude Code로 만드는
AI 웹서비스
AI 웹서비스
AI(Claude Code)에게 시켜서 진짜 서비스를 만드는 법을 배웁니다. 첫 프로젝트로 회원가입·댓글·좋아요·이미지 업로드를 갖춘 독서기록 SNS ‘북노트’를 인터넷 배포까지 직접 완성합니다. (가격 안내의 ‘AI 웹서비스 만들기 입문 · 평생 수강’과 같은 강의입니다.)
AI(Claude Code)에게 한국어로 부탁하는 법만 익히면, 무엇이든 만들 수 있습니다. 첫 프로젝트로 독서기록 SNS ‘북노트’를 인터넷 배포까지 직접 올리고, 앞으로 내 서비스를 한 채씩 짓는 ‘AI 건물주’가 됩니다.
완성 예시 미리보기 실제 데모로 교체 예정
끝에 함께 만들 ‘북노트’가 실제로 어떻게 움직이는지 먼저 눈으로 확인합니다.
복잡한 준비 없이, AI에게 한 번 부탁해 ‘나도 되네’ 하는 순간을 먼저 경험합니다.
AI가 만들어 준 내 첫 웹페이지를 더블클릭 한 번으로 브라우저에 열어 봅니다.
혼자 헤매다 덮어둔 경험, 혼자만 겪는 일이 아닙니다. 여기서 같이 시작하면 됩니다.
결제까지 마쳤지만 빈 화면 앞에서 무엇을 어떻게 시켜야 할지 막막합니다. 도구는 손에 쥐었는데 정작 ‘내가 만들 것’이 떠오르지 않습니다.
화면을 그대로 따라가도 끝나고 나면 손에 남는 결과물이 없습니다. 매번 처음으로 되돌아간 기분이 들고, 내 서비스라고 부를 만한 게 생기지 않습니다.
낯선 검은 창에 영어 한 줄이 뜨면 무엇이 잘못됐는지 알 수 없어 더 나아가지 못합니다. 막혔을 때 물어볼 곳도 마땅치 않습니다.
옆에서 같이 봐줄 사람이 없으니 작은 벽에도 손을 놓게 됩니다. ‘역시 개발은 나랑 안 맞나’ 하며 덮어두기를 반복합니다.
현실의 좋은 땅과 건물은 이미 누군가의 것입니다. 하지만 ‘AI’라는 새 땅은 이제 막 열렸고, 먼저 짓는 사람이 건물주가 됩니다. 코딩을 몰라도, AI에게 시켜서 지으면 됩니다.
남들이 “AI는 어렵다”며 미루는 지금이 기회입니다. 가장 빠른 선점은 ‘직접 하나 만들어 보는 것’이에요. 오늘 첫 삽을 뜹니다.
AI(Claude Code)에게 한국어로 시켜서, 진짜 돌아가는 서비스를 한 채 올립니다. 코드는 한 줄도 직접 쓰지 않습니다.
완성한 서비스는 인터넷에 배포된 ‘내 건물’입니다. 한 채가 두 채가 되고, 도구를 빌려 쓰던 내가 ‘AI 건물주’가 됩니다.
아래 기능들은 ‘AI에게 어떻게 시키면 되는지’를 하나씩 익히며 직접 만든 결과입니다. 그 과정에서 회원가입부터 인터넷 배포까지, 첫 프로젝트 ‘북노트’가 완성됩니다.
회원가입하고 로그인·로그아웃까지 동작합니다. 사람마다 자기만의 공간이 생깁니다.
읽은 책을 추가하고 목록으로 보며, 내용을 수정하거나 삭제(삭제 확인창 포함)할 수 있습니다.
표지 사진을 직접 업로드하고, 사진이 없을 때는 기본 이미지가 자동으로 채워집니다.
내 기록을 넘어, 다른 사용자가 남긴 독서 기록을 구경할 수 있는 둘러보기 화면이 생깁니다.
기록에 댓글(작성자·작성 시간 표시)을 달고 좋아요로 반응합니다. 좋아요 수도 함께 보입니다.
다른 사람의 기록은 건드릴 수 없고, 내 기록만 수정·삭제되도록 권한이 나뉩니다.
화면 크기에 맞춰 자동으로 정리되는 반응형 디자인으로, 노트북과 휴대폰 모두에서 자연스럽게 보입니다.
Vercel에 무료로 배포해 인터넷 주소(URL)를 받습니다. 링크만 보내면 누구나 내 북노트에 들어올 수 있습니다.
이 기능들은 연습용 예제가 아니라 인터넷에 실제 배포되는 내 서비스로 모입니다. 진짜 남는 건 북노트를 지으며 익힌 ‘AI로 짓는 법’입니다. 도구를 빌려 쓰는 사람이 아니라, 내 서비스를 한 채씩 소유하는 ‘AI 건물주’가 되는 거예요. 다음 건물은 내 아이디어로 짓습니다.
환경 준비부터 데이터·로그인·이미지·소셜·배포까지, AI에게 부탁하는 법을 단계별로 익힙니다. 실습 프로젝트는 독서기록 SNS ‘북노트’입니다.
완성된 북노트를 미리 만져 보고 1분 만에 첫 결과를 경험합니다. 코딩 대신 AI에게 일을 맡긴다는 개념과, 막혔을 때 빠져나오는 법까지 먼저 익혀요.
설치의 큰 그림을 그리고 구독을 확인합니다. PowerShell 두려움 없애기, 설치 명령 한 줄과 확인, PATH 문제 해결, 첫 실행·로그인, winget 대안 설치까지 차근차근 따라옵니다.
웹페이지가 뜨는 원리를 비유로 이해하고 Claude에게 첫 부탁을 건넵니다. 직접 만든 페이지를 더블클릭으로 열어 보며 ‘살펴보기 → 계획 → 만들기 → 저장’ 4단계를 잡아요.
북노트 폴더를 만들고 책 목록 페이지의 뼈대를 세웁니다. CLAUDE.md로 프로젝트 규칙을 기억시키고, 화면별 역할을 나누는 감각을 익혀요.
데이터베이스를 엑셀에 빗대 이해하고, 책을 저장·조회·수정·삭제(확인창)하는 핵심 기능을 완성합니다. ‘읽는 중·완독’ 상태는 직접 해보기로 손에 익혀요.
로그인이 왜 필요한지부터 회원가입, 로그인·로그아웃, 내 책만 고칠 수 있는 권한까지 만듭니다. 마이페이지는 직접 해보기로 완성해요.
사진을 올리는 원리를 이해하고 책 표지를 업로드합니다. 표지가 없을 때 기본 이미지가 자동으로 들어가게 만들어요.
다른 사람의 기록을 둘러보고 댓글과 좋아요를 더합니다. 실시간 반영까지 경험하고, 알림 기능은 직접 해보기로 확장해요.
화면을 보기 좋게 다듬고 모바일에서도 잘 보이도록 반응형을 적용합니다. 색과 제목 커스터마이징은 직접 해보기로 내 취향에 맞춰요.
배포가 무엇인지 이해하고 GitHub에 올린 뒤 Vercel로 무료 배포합니다. 완성된 서비스에 내 폰으로 직접 접속해 봐요.
완성한 북노트를 점검하고, 검색·분류·통계·다크모드 같은 다음 확장 방향을 함께 그려 봅니다.
‘AI 건물주’의 첫 건물은 ‘AI 웹서비스 만들기 입문’입니다. 여기서 짓는 법을 익히면, 도구와 자동화 과정이 순차로 열리며 건물을 한 채씩 늘려갈 수 있어요. 지금은 첫 건물부터 시작하세요.
AI(Claude Code)에게 시켜서 진짜 서비스를 만드는 법을 배웁니다. 첫 프로젝트로 회원가입·댓글·좋아요·이미지 업로드를 갖춘 독서기록 SNS ‘북노트’를 인터넷 배포까지 직접 완성합니다. (가격 안내의 ‘AI 웹서비스 만들기 입문 · 평생 수강’과 같은 강의입니다.)
AI에게 한국어로 제대로 부탁해 글쓰기·정리·검색 같은 일상 업무를 함께 처리하는 기본기를 익힙니다.
코드를 직접 몰라도 Codex에게 작은 작업을 맡기고 결과를 확인하며 다듬는 흐름을 배웁니다.
Antigravity 작업 공간에서 AI와 함께 만들고 고쳐 나가는 과정을 처음부터 차근차근 익힙니다.
AI 코드 편집기 Cursor로 떠오른 아이디어를 화면 위 결과물로 옮기는 첫걸음을 배웁니다.
반복되는 네이버 블로그 작업을 AI에게 맡겨 꾸준히 운영하는 방법을 익힙니다.
인스타그램 콘텐츠를 준비하고 올리는 과정을 AI로 한결 단순하게 만드는 법을 배웁니다.
이미 만든 서비스에 기능을 더하고 다듬어 한 단계 키워 나가는 방법을 배웁니다.
8년간 IT 서버 관리와 개발 실무를 해오며 ‘서비스가 실제로 어떻게 돌아가는지’를 몸으로 익혔습니다. 최근 2년은 바이브코딩(AI에게 한국어로 지시해 만드는 방식)으로 웹서비스와 앱을 직접 만들고, 병원과 중소기업을 대상으로 강의와 컨설팅을 이어오고 있습니다. 그래서 도구 사용법만 아는 사람이 아니라, 현장의 업무를 실제로 AI로 바꿔 본 사람입니다. 비개발자가 어디서 막히는지 알기에, 그 순서 그대로 설명합니다.
서비스가 실제로 어떻게 작동하는지 깊이 이해하고 있어, 도구 사용을 결과물 완성까지 안내합니다.
코딩을 모르는 분들이 어디서 막히는지 반복해서 마주해, 어려운 개념을 작업 순서로 풀어냅니다.
AI에게 한국어로 지시해 웹서비스와 앱을 직접 만들어 온 경험을 그대로 강의에 담았습니다.
실제 현장의 업무 흐름을 AI로 바꾸는 강의와 컨설팅을 진행하고 있습니다.
지금 시작하기 좋은 분과, 곧 열릴 다음 단계 과정을 솔직하게 정리했어요.
지금은 ‘첫 건물’을 올리는 입문에 집중하세요. 위 고급 과정들은 새 강의로 순차 공개됩니다. 오픈 예정 코스는 ‘코스 둘러보기’에서 미리 볼 수 있어요.
먼저 무료 맛보기로 확인하고, ‘첫 건물’부터 올려 보세요. 코딩 0줄로 끝까지 함께 만듭니다.
맛보기 4강을 보고 전체 커리큘럼을 미리 둘러보세요.
AI에게 시켜서 진짜 서비스를 만드는 법을 배우는 전체 강의예요. 첫 프로젝트로 독서기록 SNS ‘북노트’를 인터넷 배포까지 완성합니다.
결제 연결 준비 중 · 곧 신청 가능
📌 지금이 가장 저렴합니다. 추후 실제 작업 화면 녹화 버전이 추가되면 가격이 오릅니다. 지금 수강하시면 그 버전도 평생 무료 업데이트로 받으십니다. 도구·자동화 과정도 순차적으로 열립니다.
네. 코딩 0줄로 진행합니다. 직접 코드를 쓰는 대신 Claude Code에게 한국어로 ‘무엇을 만들고 싶은지’ 부탁하면 코드 작성은 AI가 맡습니다. 터미널 경험도 필요 없어요. 섹션 2에서 PowerShell에 대한 두려움부터 차근차근 같이 없앤 뒤, 명령 한 줄로 설치까지 함께 따라갑니다.
네, Claude 유료 구독(Pro 또는 Max)이 필요합니다. 무료 플랜으로는 강의 흐름을 그대로 진행하기 어렵습니다. 그 외에 필요한 GitHub·Vercel 계정은 강의 중에 무료로 만드는 방법을 화면 그대로 안내하니, 미리 준비하지 않으셔도 됩니다.
강의 화면과 설치 안내는 Windows(PowerShell) 기준으로 진행합니다. Claude에게 한국어로 지시해 결과물을 만드는 흐름 자체는 어디서나 같지만, 설치·실행 화면이 Mac과 달라 처음 그대로 따라 하기에는 Windows 노트북 환경을 권장합니다.
영상은 11개 섹션, 47개 레슨, 약 5시간 분량입니다. 레슨 하나가 4~15분이라 짬짬이 볼 수 있고, 여기에 직접 따라 만들며 실습하는 시간이 더해집니다. 평생 수강이라 정해진 마감 없이 본인 속도에 맞춰 진행하면 됩니다.
막힐 수 있다는 전제로 설계했습니다. 섹션 1에 ‘막혔을 때 대처법’ 레슨이 따로 있어서, 에러가 나면 그 내용을 그대로 Claude에게 보여주고 고쳐 달라고 부탁하는 방법을 처음부터 익힙니다. 자료팩으로 드리는 체크리스트와 프롬프트 모음도 막힌 순간에 바로 쓰실 수 있습니다.
보기만 하는 강의가 아니라, 끝까지 따라 하면 내 손으로 ‘북노트’를 완성하도록 만들어졌습니다. 회원가입·로그인, 책 기록 추가·목록·수정·삭제, 표지 사진 업로드, 댓글, 좋아요까지 들어간 서비스를 직접 만들고 Vercel에 무료로 배포해 공개 URL까지 갖게 됩니다. 데이터·로그인·소셜·디자인 섹션 등 여러 섹션에 [직접 해보기] 과제가 있어 보는 데서 그치지 않고 손으로 익히게 됩니다.
4개 강의를 무료로 보실 수 있습니다. ① 완성 앱 미리보기 ② 1분 만에 첫 결과물 만들어 보기 ③ ‘코딩은 안 해요, AI에게 일을 맡긴다는 것’ ④ 첫 웹페이지를 만들어 더블클릭으로 열어 보기. 함께 전체 커리큘럼도 열람할 수 있어, 분위기와 진행 방식을 먼저 확인한 뒤 시작할 수 있습니다.
코딩 0줄로 내 첫 서비스를 직접 짓는 입문 강의. 무료 맛보기 4강으로 부담 없이 먼저 확인해 보세요.