강의

멘토링

로드맵

개발 · 프로그래밍

/

AI 코딩

바이브 코딩으로 만들어보는 나만의 랜딩 페이지(with Cursor)

개발은 잘 모르지만 바이브 코딩(vibe coding)을 시작해보고 싶은 분들, 내 가게(식당, 카페 등) 혹은 내 서비스(변호사/세무사/병원 등)를 홍보할 수 있는 랜딩 페이지를 스스로 직접 만들어보고 싶은 분들을 위한 강의입니다. 바이브 코딩의 출발점을 제대로 잡아드리겠습니다.

(5.0) 수강평 2개

수강생 45명

  • 바이브부스터

이런 걸 배울 수 있어요

  • Cursor로 바이브 코딩하는 법

  • 바이브 코딩을 잘하기 위한 꿀팁

  • 바이브 코딩에 필수적인 Git&GitHub 기초

  • 랜딩 페이지 배포를 위해 알아야할 최소한의 지식

  • Vercel, Supabase의 기본적인 사용법

  • 간단한 MCP 경험

바이브 코딩의 시대, 늦기 전에 참여해보세요! 🔥

깊은 개발 지식 없이도, 원하는 서비스를 만들 수 있는 시대가 되었습니다.

바이브 코딩(vibe coding)으로 나만의 랜딩 페이지를 만들어보면서

  • Cursor 사용법

  • Git&GitHub 기초

  • Vercel/Supabase 사용

  • MCP(Model Context Protocol) 사용

을 자연스럽게 익혀보세요.

여러분이 꼭 알아야할 사실 3가지 🔍

💡 바이브 코딩은 마술봉이 아닙니다.
바이브 코딩을 하다보면 에러 등으로 인해 막히는 경우가 반드시 생깁니다.

이를 AI와 대화해가면서 해결할 수는 있지만 개발을 아예 모르면 문제 해결 속도가 매우 느려지게 됩니다.

그리고 개발을 아예 모르면 바이브 코딩을 하더라도 일정 수준 이상의 서비스를 구현하기가 현실적으로 어렵습니다.

그래서 개발 공부를 어느 정도 하시거나, 에러나 문제상황을 스스로 해결할 수 있는 정도의 최소한의 개발 지식만큼은 꾸준히 학습해나가시기를 추천드려요.

일단 이 강의와 함께 바이브 코딩을 잘 하기 위한 필요최소한의 개발 지식이 무엇인지 감을 잡고, 앞으로의 공부 계획을 세워보세요!

바이브 코딩 학습 전 기억할 사항

💡 Git은 바이브 코딩의 기본입니다.
바이브 코딩을 잘 하려면, Git(소프트웨어의 버전 관리를 위한 툴)의 기초 사용법은 알아야 합니다.

바이브 코딩을 하다보면

"아, 이전 디자인이 더 예뻤는데 ㅜ",

"원래 잘 작동하다가 이번 작업을 AI가 하고 나서 오히려 작동이 안 되네, 되돌아가고 싶다."

라고 생각하게 되는 경우가 많은데요.

Git을 배워야 내 작업 히스토리에서 원하는 지점으로 언제든지 돌아갈 수 있습니다.

Git은 개발자 분들도 처음에 조금 어려워하는 내용이기도 하고, 제대로 배우려면 배워야할 내용이 방대하지만, 이 강의에서 배우는 Git 기초 지식만으로도 바이브 코딩을 충분히 잘 해나가실 수 있습니다.

Git 주요 명령어 설명

💡 AI를 잘 리드하는 것이 바이브 코딩의 핵심입니다.
바이브 코딩의 핵심은 AI를 잘 리드하는 것입니다.

AI가 내가 원하는 방향으로, 정확하고 만족도 높은 결과물을 만들어나갈 수 있도록 하는 것이 중요한데요.

  • PRD(Product Requirements Document), TRD(Technical Requirements Document)

  • 커서 룰(Cursor rule)

  • 컨텍스트(Context)

  • LLM 선택 등


AI를 잘 리드하는데 도움이 되는 것으로 알려진 여러 방법들이 있습니다. 이 강의에서 모두 다 살펴봅시다.

물론 개발 지식이 많을수록 더 명확하고 구체적인 지시를 AI에게 내릴 수 있어서 그게 가장 좋지만, 아직 개발 초보이더라도 최소한의 바이브 코딩 품질을 유지하기 위한 방법을 함께 살펴봐요!

PRD(Product Requirements Document)란?

바이브 코딩의 출발점을 제대로 잡아보세요 🏃🏻

바이브 코딩은 언뜻 보기에는 쉬워보이지만, 사실상 개발의 모든 지식이 총집합되는 영역이기도 합니다.

그래서 처음에는 길을 잃지 않기 위해 최소한의 개발 관련 지식, AI를 잘 다루는 요령 등 그 출발점을 잘 잡아야하고, 지금 당장 간단한 결과물을 만들어봤다는 놀라움과 기쁨을 에너지로 삼아 그 다음 단계로 더 나아갈 수 있어야 합니다.

다음 단계라고 한다면

  • Cursor 등의 AI 코딩 툴이 하는 말을 더 잘 이해하고 더 잘 지시할 수 있도록 개발 공부를 해보기

  • 서비스 배포를 위한 다양한 방법(Vercel 등) 학습

  • Supabase 등의 외부 서비스 사용법 학습

  • MCP를 활용해서 Cursor로 하는 개발 작업의 효율성 극대화 등

이 있을 겁니다. 이 강의를 바이브 코딩의 단단한 출발점으로 삼으시고,

내가 미래에 정말 만들고 싶은 서비스를 위해, 어떤 부분들을 앞으로 더 공부해나가야할지 고민해보셨으면 좋겠습니다.

필요하신 부분은 저도 앞으로 계속 강의로 만들어나갈 수 있도록 하겠습니다.🙂

강의 관련 QnA는 인프런 질문으로 주시거나 아래의 오픈채팅방이나 디스코드에 올려주시면 감사하겠습니다.
우리 모두 함께 행복한 바이브 코딩 계속 해봐요~🎵


오픈채팅방 링크) https://open.kakao.com/o/gmcDaOIh

디스코드 링크) https://discord.gg/4dRXMGzk

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 바이브 코딩을 경험해보고 싶은 분

  • 바이브 코딩을 이미 하고 있지만 더 잘하기 위한 꿀팁을 알고 싶은 분

  • 랜딩페이지를 개발 외주로 맡기지 않고 직접 만들어보고 싶으신 분

  • Lovable, Replit 등 웹 기반의 바이브 코딩은 해봤지만 직접 내 PC에서 바이브 코딩을 해보고 싶으신 분

선수 지식,
필요할까요?

  • 개발의 아주 기초 개념(클라이언트, 서버가 뭔지 등) 정도는 알고 계시면 좋아요

안녕하세요
입니다.

안녕하세요, 개발자 및 창업가 김현승입니다.

현재 저는

"PM을 위한 서비스 용어/기능/정책 관리 툴, SpecLive"

"가치관 기반 소개팅앱, 폴잇"

"매력적인 신규 서비스와 초기 유저들이 만나는 곳, Service101"

이라는 서비스들을 운영 중이고,

1인개발자 커뮤니티도 운영하고 있습니다.

AI를 활용해서 개발 효율성을 향상시키는 것에 진심입니다 :) 

경력

  • 공동창업(독서기록 및 독서모임 앱-에필, SeedTIPS)

  • Knowre 백엔드 개발자

  • 코드잇 테크니컬 라이터

  • SNOW 안드로이드 앱 개발자

학력

  • 고려대학교 정보보호대학원 석사 졸업

  • 경찰대학 법학과 학사 졸업

강의

  • 스코클 AITC 데이터 분석 교육 과정 제작

  • 미래산업과학고 미래유망교육 프로그램 진행

커리큘럼

전체

47개 ∙ (4시간 6분)

해당 강의에서 제공:

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

수강평

전체

2개

5.0

2개의 수강평

  • with.emars님의 프로필 이미지
    with.emars

    수강평 2

    평균 평점 5.0

    5

    53% 수강 후 작성

    와. 친절하게 세세한 부분까지 알려주시니 너무 좋네요. 전에 오프라인 커서교육을 한번 들었었는데, 가물가물 했던 것들이 다시 상기되면서 머리에 쏙쏙 들어옵니다. 강사님 번창하세요!!!

    • 바이브부스터
      지식공유자

      감사합니다 with.emars님, 이 강의로 바이브 코딩의 시작점을 잘 잡아보시고 앞으로 원하는 웹페이지 자유롭게 만들수 있게 되시길 기원합니다. 앞으로는 점점 더 난이도를 높여서 실제로 무언가 돌아가는 서비스 제작 및 수익화 강의까지도 계획 중에 있으니 관심 부탁드려요 :)

  • 김정인님의 프로필 이미지
    김정인

    수강평 1

    평균 평점 5.0

    5

    90% 수강 후 작성

    요즘 바이브코딩으로 꼭 개발자가 아니더라도 간단한 프로그램정도는 만들 수 있다고 해서 수강해봤는데 많은 도움이 되었습니다. 바이브코딩이 뭔지, 어떻게 하면 잘 할 수 있는지 자세하게 알게 된 것 같아요. 이제 남은 건 저의 노력일 것 같네요ㅎㅎ 남은 강의도 열심히 들을게요 좋은 강의 감사합니다~~

    • 바이브부스터
      지식공유자

      강의를 잘 들어주셨다니 감사합니다. 이번 강의를 다 들으시고 직접 자신의 프로필 페이지 같은 것도 따라서 만들어보시기를 추천드립니다. 실습을 많이 하다보면 실력이 더 빠르게 느실 거예요. 앞으로도 바이브 코딩에 관한 다양한 강의를 만들 예정이니 계속 관심 가져주시면 감사하겠습니다 :)

₩55,000

비슷한 강의

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