🚀 비전공자 맞춤형 강의

바이브코딩으로
실서비스 개발하기

GPT 코드 붙여넣기만 하다가 막혔나요?
하나 바꾸니까 다 고장나서 당황스러우신가요?
이제 진짜 개발자처럼 코딩하는 법을 배워보세요!

이런 어려움 겪고 계시나요?

😵

GPT 코드 붙여넣기 했는데 안돼요

복사한 코드가 내 프로젝트에서는 작동하지 않아서 막막해요

💥

하나 바꾸니까 다 고장났어요

작은 수정 하나가 전체 앱을 망가뜨려서 어디서 부터 고쳐야 할지 모르겠어요

😰

어디서부터 개발 시작해야 하는지 모르겠어요

아이디어는 있는데 첫 번째 코드를 어떻게 써야 할지 감이 안 와요

🚧

MVP까지는 만들었는데 서비스 고도화가 안돼요

기본 기능은 만들었지만 실제 서비스로 발전시키는 방법을 모르겠어요

🔧

에러가 나면 어떻게 해결해야 할지 몰라요

빨간 글씨만 보면 막막하고 구글링해도 해답을 찾기 어려워요

🌐

만든 앱을 어떻게 배포하나요?

로컬에서는 잘 되는데 실제 사용자들이 쓸 수 있게 하는 방법을 몰라요

무엇을 배우나요?

단순한 따라하기가 아닌, 소프트웨어 개발의 원리와 원칙을 중심으로 배우기 때문에
어떤 프로젝트든 스스로 만들 수 있는 힘을 기를 수 있습니다.

커서(Cursor) 바이브코딩

커서(Cursor)를 이용한 바이브코딩 마스터하기

커서를 이용해 단순 프롬프트 복사 붙여넣기가 아닌 진짜 제대로된 프롬프트 작성 법과 AI와 협업하는 진짜 개발 방식을 터득하세요.

✓ AI 프롬프트 작성 기법
✓ 코드 리뷰 및 최적화
✓ 디버깅 방법
Firebase V0 AI 서비스 기획

V0,Firebase,LLM를 활용한 서비스 기획 & MVP 제작

최신 도구들을 조합해서 개발 전 아이디어를 빠르게 기획하는 법을 배웁니다. 기능 기획하는 법, 디자인 하는법, 데이터베이스 설계하는 법 등 AI를 활용해 모든걸 해결합니다

✓ 서비스 빠르게 디자인 하는 법
✓ 데이터베이스 설계하는 법
✓ 빠르게 MVP 앱 만드는 법
AI 모델 무관 소프트웨어 개발 원칙

AI 모델에 관계없이 적용되는 소프트웨어 개발 원칙

GPT든 Claude든 상관없이 통하는 개발 원칙 11가지를 배웁니다. 이 원칙만 알면 웹, 모바일 앱 모두 자유자재로 만들 수 있습니다.

✓ 재사용 가능한 컴포넌트 설계
✓ 예외케이스 검증 방법
✓ 기능 개발시 체계적인 접근법
바이브코딩 필수 기본 지식

바이브코딩시 반드시 알아야 하는 코딩 기본 지식

프로그래밍의 핵심 개념들을 쉽게 설명합니다. 내가 어떤 서비스를 만들 고 싶을때 무엇을 준비해야하는지 어떻게 서비스를 설계해야하는지 배우실 수 있습니다.

✓ 소프트웨어 개발 구조
✓ 웹 개발 필수 지식
✓ API 연동 방법, 환경변수 처리 법
결제 모듈 연동 및 수익 창출

결제 모듈 연동 및 실제 수익 창출

KG이니시스의 결제 시스템 연동 방법을 배워 실제로 돈을 벌 수 있는 서비스를 만듭니다.

✓ 결제 시스템 구축
✓ 결제시 중요한 예외케이스 처리법 배움 (중복 주문, 결제실패 등)
프로젝트 최적화 및 성능 향상

프로젝트 최적화 및 성능 향상

AI에만 코딩을 의존하면 성능과 프로젝트의 구조가 최적화가 될 수 없습니다. 개발자로서 개발에서 지켜야하는 원칙들과 AI를 통해 코드 최적화 하는 법을 배웁니다

✓ 코드 최적화 기법
✓ 폴더구조 분리하는 법
✓ 재사용 가능한 컴포넌트 만드는 법
개발자처럼 에러 해결하는 법

개발자처럼 에러 해결하는 법

단순히 에러를 복붙해서 물어보는 게 아니라, 실제 개발자처럼 에러를 분석하고 해결하는 체계적인 방법을 배웁니다.

✓ 에러 로그 분석법
✓ 디버깅 도구 활용
✓ 문제 해결 프로세스
서비스 배포 및 운영 노하우

서비스 배포 및 운영 노하우

Vercel, Heroku 등을 활용한 전문적인 배포하는 방법을 배웁니다.

✓ 프론트엔드 배포하는법
✓ 백엔드 배포하는 법
✓ 데이터베이스 배포하는 법

영상으로 한번에 설명듣기

이런분들에게 가장 추천합니다.

  • 진짜 실전 서비스를 런칭하고 싶으신 분들

    테트리스나 할일앱 같은 간단한 토이프로젝트가 아닌, 실제 사용자가 쓸 수 있고 수익화까지 가능한 완성도 높은 서비스를 혼자서도 만들어내고 싶으신 분들

  • 창업 아이디어는 있지만 개발자 구하기 어려우신 분

    외주 개발비 수천만원을 절약하고, 아이디어 유출 걱정 없이 혼자서도 MVP부터 정식 서비스까지 직접 개발해 빠르게 시장 검증을 하고 싶으신 분들

  • 회사 PM, 기획자, 디자이너 분들

    "이 기능 구현 가능한가요?"라고 개발팀에 묻는 대신, 회사에서 PM, 디자이너로서 내가 기획한 것들을 직접 스스로 개발을 해보고싶으신 분들

누나의 강의는

Document

완전 실습 위주

강의 동영상만 보냐구요? 아니죠! 강의와 함께 공부하면 좋은 내용들과 과제를 함께 제공합니다.

커뮤니티 운영

모르는거 질문을 어디서 하냐구요?
2,000+명의 동기가 있는 슬랙 커뮤니티에서 자유롭게 질문하세요!

수료증

강의 완강후 포트폴리오를 제출해주시면 누나의 코드 리뷰와 함께 수료증을 받아보실 수 있습니다!



커리큘럼

  • 1

    0.이 강의를 듣고난 후 당신은

  • 2

    1. 바이브코딩 전 반드시 알아야 할 것들

  • 3

    2. 포트폴리오 웹사이트 만들기

    • 1. 포트폴리오 웹사이트 만들기

    • 2.배포하기
  • 4

    3. 외부와 소통하기

    • 1. 외부와 소통하는 방법 - api

    • 2. 어떤 통신도 다 이해할 수 있는 - API 문서 보는 법

    • 3. 에러 찾기의 핵심 - 네트워크 탭 보는 법
  • 5

    4. 나만의 저장소 만들기

    • 1. 데이터베이스란?

    • 2. 모든 서비스의 기본- 할일앱 만들기
  • 6

    5. 찐 백엔드 바이브코딩 준비편

    • 1. NodeJS 설치

    • 2. 몽고DB 설치 - 윈도우 유저 편

    • 3. 몽고DB 설치 - 맥 유저

    • 4. NodeJS와 몽고DB 연결하기
  • 7

    6. 백엔드 바이브코딩

    • 1. 할일앱 백엔드 만들기

    • 2. 할일앱 프론트 백엔드 연결
  • 8

    7. 전문가 프론트엔드로 넘어가기

    • 1. 리액트 소개

    • 2. 리액트 프로젝트 세팅

    • 3. 리액트 프론트엔드와 백엔드 연결하는 법
  • 9

    8. 전문가적인 배포하기

    • 1. 데이터베이스 배포하기

    • 2. 데이터베이스 배포 테스트 하는 법

    • 3. 백엔드 배포하기

    • 4. 프론트엔드 배포

  • 10

    9. 쇼핑몰 프로젝트 - 진짜 서비스 만들기

    • 1. 프로젝트를 시작하며

    • 2. 쇼핑몰 웹사이트 AI로 디자인하기

    • 3. 프로젝트 세팅

    • 4. 에러해결 : 버전문제

    • 5. 개발은 어디부터 시작해야할까? - 회원가입

    • 6. CRUD 기능 만들기 - 코드 분리를 해야하는 이유

    • 7. 연결테스트시 에러 확인하는 법

    • 8. 많은 비개발자가 놓치는것 - 비밀번호 암호화하기

    • 9. 로그인, 토큰 발행까지

    • 10. 많은 비개발자가 놓치는것2 - 환경변수

    • 11. 로그아웃

    • 12. 통념을 가지고 코드를 짜는 AI

    • 13. AI를 이용한 코드 최적화

    • 14. 상품등록하기

    • 15. 이미지 등록하는 법

    • 16. 페이지네이션 만들기

    • 17. 상품 디테일 페이지

    • 18. 장바구니 추가기능 - 1:N의 관계

    • 19.로그아웃

    • 20. 주문하기 페이지 만들기

    • 21. 결제모듈 연결하기 (KG이니시스)

    • 22. 주문하기 에러 핸들링

    • 23. 주문 완료 페이지

    • 24. 내 주문 목록 페이지

    • 25. 어드민 주문목록

    • 26. 데이터베이스 배포하기

    • 27. Github에 프로젝트 올리기

    • 28. 백엔드 배포하기

    • 29. 프론트엔드 배포
  • 11

    10. 강의를 마무리하며

    • 마지막 인사

누나만 믿고 따라와

바이브코딩 - 할일앱 말고 진짜 쇼핑몰 만들기

카카오 페이로 결제하기

Paypal 결제가 안될경우

 페이팔 결제가 안될경우 카카오페이로 결제해 주세요! 좌측 바코드를 스캔하시면 됩니다. 
결제 후 웹사이트 가입시 입력한  성함과 메일주소를 이메일로 알려주세요!

또는 계좌이체도 가능합니다

 1002-346-071878 우리은행 김빛나  
 이체후 이메일로 
입금자명, 성함, 가입 이메일 을 알려주세요!  (수작업으로 등록을 해야되서 약간의 시간이 걸립니당😀-최대하루!  )
메일주소 :       [email protected]     

강사는 누구?

Full-stack Web Developer | Instructor

코딩알려주는 누나

해외에서 부트캠프 강사로 2년간 근무하면서 100명이 넘는 문과 학생들을 가르쳐본 경험을 토대로 연구해서 나온 최고의 티칭 방법으로 여러분들을 가르칩니다. 🧐웹 개발자로 6년간 근무했으며 단국대학교 컴퓨터 공학과 수석졸업을 했습니다. ✨현재 '코딩알려주는 누나' 유투브 채널을 운영하고 있으며 코딩을 배우고싶은 여러분들을 위한 무료 클래스와 정보들을 나누고 있습니다.🚀🚀

FAQ

  • 수강 기간은 어떻게 되나요?

    강의 등록후 제한없이 보실 수 있습니다. 😊

  • 환불규정은 어떻게 되나요?

    강의구매 후 3일 이내에 3개 이하(미리보기 강의 제외)의 강의를 보셨을 경우 환불이 가능합니다. 하나의 영상을 끝까지 보지 않더라도, 영상을 클릭해서 보시면 보신걸로 간주됩니다. 자세한 환불 절차는 문의 메뉴에서 확인해주세요!

  • 결제가 안됩니다

    카드가 해외결제가 안되시거나 paypal결제가 안되시면 1002-346-071878 우리은행 김빛나로 입금해주시고 메일로 입금자명, 가입 이메일 알려주시면 제가 가입 도와드리겠습니다! 또 기타 결제방법 및 문제는 이메일로 문의해주세요! [email protected]

  • 결제는 왜 달러인가요?

    안타깝게도 아직 원화로 결제가 되지 않습니다 ㅠㅠ 혹시 카드가 해외결제가 안되신다면 주저하지 마시고 이메일 보내주세요 [email protected]

  • 1:1 개인코칭도 수강료에 포함되어있나요?

    해당 수강료에는 개인 코칭의 가격이 포함되어있지 않습니다. 😣 하지만 수강중 질문이 있으시다면 언제든지 슬랙 커뮤니티를 이용해주세요! 여러분의 동료분들 또는이 누나가 답변을 달아드립니다!👨🏿‍🤝‍👨🏿