강의

멘토링

커뮤니티

개발 · 프로그래밍

/

AI 코딩

바이브 코딩 With Claude Code로 웹 서비스 만들기

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

(4.9) 수강평 7개

수강생 69명

  • 개발 까마귀
AI 코딩
AI 활용법
실습 중심
claude
바이브코딩
HTML/CSSJavaScriptNext.js

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Claude Code 실전 기술을 배울수있습니다.

  • Claude Code를 통해서 웹 서비스를 만들수있습니다.

현직 스타트업 CTO가 알려주는 바이브 코딩 입문

개발자들만 코딩하는 시대가 아닙니다.

랜딩 페이지 간단한 프로젝트까지 외주 맡기던 시절 시간도 오래걸리고 돈은 돈대로 들었습니다. 하지만 요즘은 아닙니다. 코딩을 안해보신분들도 쉽게 만들수있는 시대가 왔습니다.

본 강의에서 Claude Code를 활용한 TODO 앱부터 프로급 랜딩페이지까지 실제 배포 가능한 서비스를 만들어 봅니다. PRD 작성법, Playwright MCP를 활용한 자동 테스트 등 실무에서 바로 써먹을 수 있는 있는 주제를 다룹니다.

아울러 Replit, V0, Claude Code의 차이점과 각각의 장단점도 소개하여, 도구 선택 시 고려해야 할 포인트를 명확히 짚어드립니다.

"저는 현재 스타트업 CTO이며 바이브코딩을 통해서 여러 외주 및 기능을 개발하고 있습니다. 실무에서 얻은 바이브코딩 지식을 공유하여 개발 생산성을 올려드리도록 하겠습니다"

실무 적용 사례:

  • 외주 프로젝트 2주 → 4일 단축

  • 개발 인력 3명 → 1명으로 축소


제작 과정에서 특히 신경쓴 점:

  • 모든 예제는 실제 서비스 수준으로 구현

  • 배포 URL까지 가져가는 완성형 강의

이 강의의 특징

📌 현직 CTO의 실무 노하우: 실제 스타트업에서 검증된 방법론만 전달합니다
📌 즉시 배포 가능한 결과물: 강의가 끝나면 포트폴리오 2개를 소유하게 됩니다
📌 바이브 코딩 철학: 단순 도구 사용법이 아닌 새로운 개발 패러다임을 체득합니다
📌 비개발자분들도 쉽게: 코딩을 아예 안해보신 분들도 쉽게 만들수있습니다.

다른 강의와의 차이점:

  • ❌ 10시간짜리 지루한 이론 → ⭕ 핵심만 담은 실전 압축

  • ❌ 복사-붙여넣기 따라하기 → ⭕ 이해하고 응용하는 실습

  • ❌ "Hello World"로 끝 → ⭕ 실제 서비스 배포까지

이런 분들께 추천해요

랜딩 페이지 외주를 맡기고있어요.

랜딩페이지를 아직까지 비싼돈과 오랜시간 들여서 외주를 통해 의뢰하시는 분

개발을 어떻게 시작 해야할지 모르겠어요.
개발 경험이 없으신 PM, 기획자,디자이너 분

바이브코딩에 대해서 궁금해요.
바이브코딩을 처음 하시는 분

수강 후에는

  • 실제 서비스 2개 소유: TODO 앱과 랜딩페이지를 배포 URL과 함께 가져가요

  • PRD 작성 능력: 체계적으로 기획하고 AI에게 명확히 전달하는 방법을 알게 돼요


  • 바이브 코딩 마인드셋: "타이핑하는 개발자"에서 "디렉팅하는 개발자"로 전환돼요

바이브코딩을 통해 만든 결과물.

TODO 그램 자동 테스트

Replit으로 만든 카페 소개 페이지

바이브코딩 컨설팅 소개페이지

바이브코딩으로 수정

이 강의를 만든 사람

  • 2020년 1월 ~ 2022년 1월: 디노플러스 연구원

  • 2022년 1월 ~ 2023년 3월: 넛지헬스케어 백엔드 개발자

  • 2023년 3월 ~ 2024년 5월: Peertec 백엔드 개발자

  • 2024년 8월 ~ 현재: 8around 공동 창립자 (CTO)

수강 전 참고 사항

실습 환경

  • 강의는 MacOS 기준으로 설명합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 1인 사업가이신 분

  • 랜딩 페이지를 빠르게 개발하고 싶으신 분

  • 바이브 코딩을 처음 접하시는 분

  • PM, 기획자, 디자이너 분

  • Replit, V0 Sass 서비스의 데이신 분&한계를 느끼신 분

안녕하세요
입니다.

69

수강생

7

수강평

2

답변

4.9

강의 평점

1

강의

안녕하세요! 현재 6년차 백엔드 개발자이자 스타트업 8around의 공동창업자이자 CTO로 활동하고 있습니다.

  • 현재 8around 공동창업자 & CTO

  • 이전 Peertec 백엔드 개발자

  • 이전 넛지헬스케어 백엔드 개발자

  • 이전 디노플러스 SI 연구원

"시대 흐름에 따라 코딩의 패러다임은 계속 변화합니다.
스타트업은 빠른 생산성이 생명입니다."

실무에서 배운 살아있는 지식들을 아낌없이 공유하여
함께 성장할 수 있으면 좋겠습니다.

특히 스타트업 CTO로서 경험한 빠른 개발효율적인 문제 해결,
그리고 AI 도구를 활용한 10배 생산성의 노하우를 전달해드리겠습니다.

 

쓰레드 주소: https://www.threads.com/@_ju_tiger_lee_?xmt=AQGzlyBCdXBzZhOxuDhnkJBbfE_do6IUVKX1C-ZEkvA1xU0

커리큘럼

전체

15개 ∙ (4시간 2분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

7개

4.9

7개의 수강평

  • Suhyeon Park님의 프로필 이미지
    Suhyeon Park

    수강평 2

    평균 평점 5.0

    5

    53% 수강 후 작성

    여러 바이브 코딩 도구 중 Claude Code를 선택하는 과정을 직접 보여주셔서 좋았습니다. 단순히 사용법만 설명해주시는 게 아니라 왜 Claude Code를 쓰는지 이유를 알 수 있어서 좋았고, MCP나 Claude Code 실제 활용 방법도 자세히 다뤄주셔서 바로 따라하고 활용하기 좋아요. 추천합니다!

    • 개발 까마귀
      지식공유자

      기분좋은 수강평 달아주셔서 감사드립니다. 아무래도 Claude Code를 처음 선택할때 많은 고민이 들었는데 달아주신 수강평을 보니 괜한 걱정이었던거 같습니다. 앞으로도 더 좋은 강의 만들수있도록 노력하겠습니다.

  • 최용원님의 프로필 이미지
    최용원

    수강평 20

    평균 평점 4.8

    5

    33% 수강 후 작성

    클로드에 대해서 개념을 잡는데 도움이 많이 되었습니다.감사합니다.

    • 개발 까마귀
      지식공유자

      도움되셨다니 다행입니다~! 더 좋은 강의로 뵙도록하겠습니다.

  • winry님의 프로필 이미지
    winry

    수강평 11

    평균 평점 4.6

    4

    100% 수강 후 작성

  • 구제길님의 프로필 이미지
    구제길

    수강평 13

    평균 평점 5.0

    5

    33% 수강 후 작성

  • MJ님의 프로필 이미지
    MJ

    수강평 8

    평균 평점 5.0

    5

    100% 수강 후 작성

    클로드 코드 활용법에 대해서 많이 배울 수 있었습니다. 다음 강의 조금 심화된 것으로 LLM API를 활용하거나 백엔드 및 DB까지 추가한 무엇가를 만들 수 있는 것이 나왔으면 좋겠습니다.

    • 개발 까마귀
      지식공유자

      안녕하세요 좋은 수강평 감사드립니다. 말씀주신 부분들을 참고하여 다음에는 SNS 프로젝트 강의를 찍을 계획입니다. NextJS, Supabase 등을 이용하고 SubAgent를 활용해서 디자인 및 개발하고 컨텍스트 엔지니어링을 중점으로 실무적인 부분을 더 깊게 들어갈 예정입니다. 강의 끝까지 들어주시고 별 5점 리뷰 달아주셔서 다시 한번 감사드리며 더 좋은 강의로 뵙도록 하겠습니다.

₩12,100

비슷한 강의

같은 분야의 다른 강의를 만나보세요!