강의

멘토링

커뮤니티

개발 · 프로그래밍

/

AI 코딩

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 바이브 코딩 with MCP & Gemini CLI

요즘 핫한 바이브 코딩! AI 도구를 활용하여 딸깍! 클릭만으로 웹사이트(Next.js)를 개발하고 배포하는 방법을 배울 수 있습니다.

(4.6) 수강평 12개

수강생 80명

  • 코드브릿지
AI 코딩
실습 중심
AI 활용법
웹개발
배포
Next.jsAI 활용 (AX)바이브코딩Git

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

수강 후 이런걸 얻을 수 있어요

  • AI 도구를 활용하여 깔끔한 UI의 웹사이트를 개발할 수 있어요.

  • 직접 만든 웹사이트를 서버에 올려서 외부에 공개할 수 있어요.

이 강의를 보면 반나절 만에 웹 서비스를 만들고 외부에 배포할 수 있습니다.

AI 시대의 새로운 개발 패러다임을 경험해보세요!


이 강의에서는 Google의 최신 AI 도구인 Gemini CLI와 MCP(Model Context Protocol)를 활용하여 기획부터 배포까지 전체 웹 개발 프로세스를 혁신적으로 진행하는 방법을 배웁니다.

단순한 코딩 강의가 아닌, AI와 협업하여 실제 프로젝트를 완성하는 실전 중심의 바이브 코딩 경험을 제공합니다. 개발자, 기획자, 창업가, 그리고 AI 도구 활용에 관심 있는 모든 분들에게 적합한 강의입니다.

전통적인 웹 개발 방식에서 벗어나, AI의 힘을 빌려 몇 배 더 빠르고 효율적으로 고품질의 웹사이트를 제작하는 방법을 익힐 수 있습니다.

강의를 통해 실제 서비스 가능한 완성된 웹사이트를 만들어보며, 각 프로젝트에서 실시간 데이터 처리, API 연동, 반응형 디자인, 그리고 최신 UI/UX 트렌드까지 모두 경험하게 됩니다.

또한 GitHub을 통한 버전 관리와 실제 배포 과정까지 다루어, 수강 후 바로 개인 프로젝트나 업무에 활용할 수 있는 실무 역량을 갖추게 됩니다.

이런 내용을 배워요

AI 기반 개발 워크플로우 마스터 (AI 활용 (AX), AI Agent, 인공지능)

  • Gemini CLI 환경 구축 및 최적화 설정

  • AI와 협업하여 효율적인 코드 생성 및 문제 해결

  • PRD 작성부터 배포까지 전체 개발 사이클 이해

실전 프로젝트 완성 능력 확보

  • 공포탐욕 지수 웹사이트 개발 (실시간 데이터 처리)

  • 개인 포트폴리오 웹사이트 제작 및 최적화

  • 프로페셔널 수준의 UI/UX 디자인 시스템 구축

최신 개발 도구 활용 역량 강화

  • MCP를 활용한 고급 UI 개발 기법

  • v0 디자인 도구와 Gemini의 시너지 효과 극대화

  • GitHub 연동을 통한 실무 수준의 코드 관리

수강 전 참고 사항

추천 대상

  • 현업 개발자: AI 도구 활용으로 생산성 향상을 원하는 분

  • 기획자/창업가: 기술적 이해도를 높이고 싶은 분

  • AI 도구 활용자: 최신 개발 도구에 관심 있는 분

사전 준비 환경

  • 구글 계정 (Gemini 사용을 위해 필요)

  • GitHub 계정 (코드 관리 및 배포용)

  • 노트북 또는 데스크톱 (실습 환경)

선수 지식 및 유의사항

  • 강의 중 사용되는 AI 도구들의 최신 버전 사용법을 함께 안내합니다

  • 실습 위주의 강의이므로 따라하면서 학습하는 것을 권장합니다

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 아이디어는 있는데 웹사이트를 직접 만들기 힘드신 분

  • 개발 직무가 아니지만 현업에서 웹사이트를 만들고 활용하고 싶으신 분

선수 지식,
필요할까요?

  • ChatGPT 같은 대화형 AI 이용 경험

안녕하세요
입니다.

403

수강생

48

수강평

16

답변

4.7

강의 평점

8

강의

플랫폼 사이의 경계를 허무는 개발에 매력을 가지고 관련 강의를 제작하고 있습니다. 잘 부탁드립니다!

경력

현) IT 대기업 개발자

서울 4년제 컴퓨터 공학 졸업

 

[Eng]

I am fascinated by development that breaks down barriers between platforms and am creating related lectures. Thank you for your support!

YouTube: https://youtube.com/channel/UChmHjzyYedu9yYb3YmnOOog?si=xM1HueA3TJ4BjnV3

Contact: codebridge747@gmail.com

Experience

Current) Developer at a major IT corporation

Bachelor's degree in Computer Engineering from a Seoul 4-year university

커리큘럼

전체

10개 ∙ (1시간 47분)

해당 강의에서 제공:

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

수강평

전체

12개

4.6

12개의 수강평

  • hnara28114764님의 프로필 이미지
    hnara28114764

    수강평 3

    평균 평점 5.0

    5

    33% 수강 후 작성

    I had no development experience at all, but since vibe coding is trending a lot these days, I decided to give it a try. First of all, since I'm a working professional, the fact that each lecture is short really helped reduce my mental and time burden!! It's great because I can listen during breaks here and there. The lecture content itself seemed like something I could follow step by step even though I knew nothing, and it felt like I was working through it together. Unlike other lectures, it was nice that you shared your own experiences throughout. It feels like completing one task for each section, so I get a sense of achievement, and it feels good because it feels like I'm advancing step by step! Thank you for the great lecture :)

    • codebridge
      지식공유자

      Thank you for taking the course! ☺️ I will continue to create various VibeCoding lectures in the future.

  • lhin154489970님의 프로필 이미지
    lhin154489970

    수강평 3

    평균 평점 5.0

    5

    67% 수강 후 작성

    This is a very beneficial lecture for both majors and non-majors! You explain things really well.

    • codebridge
      지식공유자

      That's such high praise..! I'll work even harder! Thank you for taking the course. ☺️

  • eth님의 프로필 이미지
    eth

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    • codebridge
      지식공유자

      Thank you for taking the course. ☺️

  • ksjeong6223님의 프로필 이미지
    ksjeong6223

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    Good

    • codebridge
      지식공유자

      Thank you for taking the course. ☺️

  • abcd123123님의 프로필 이미지
    abcd123123

    수강평 326

    평균 평점 5.0

    5

    33% 수강 후 작성

    • codebridge
      지식공유자

      Thank you for taking the course. ☺️

₩55,000

코드브릿지님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

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