밥코딩 로고

밥(vive)코딩

AI와 함께하는 웹개발 스터디

– 밥먹듯 쉽게 배우자! 나만의 웹사이트 만들기 –

밥코딩이 뭐에요?

밥 먹듯 쉽게, 말하듯 코딩하자!

'바이브 코딩'이란? ChatGPT 등 AI를 활용해 자연어로 코드 작성하는 새로운 개발 방식입니다. 코딩을 처음 접하는 분들도 AI의 도움을 받아 쉽게 웹사이트를 만들 수 있어요.

예시:

  • "영화 정보를 한눈에 볼 수 있는 웹사이트 만들어줘."
  • "오늘 날씨를 기록할 수 있는 일기 앱을 만들어줘."
  • "내 포트폴리오를 담은 웹페이지를 만들어줘."
밥코딩 로고

커리큘럼

1주차

OT & AI 툴 기본 익히기

ChatGPT, Cursor AI, v0.dev 등 AI 도구 사용법 학습

1주차 이미지

2주차

간단한 웹페이지 기초 제작 및 배포

기본 웹페이지 만들고 인터넷에 공개하기

2주차 이미지

3주차

프로젝트 주제 선정 & 디자인 스케치

나만의 웹사이트 기획 및 디자인 구상하기

3주차 이미지

4주차

개인 웹사이트 개발 + 중간 피드백

프로젝트 개발 및 중간 점검

4주차 이미지

5주차

최종 발표 & 리뷰

나만의 결과물 완성 및 공유

5주차 이미지

사용할 AI 도구

(모두 무료버전 기준)

수강생 프로젝트 🏆

하루만에 만든 실제 프로젝트

사막 속 나와 닮은 친구 찾기

단 하루만에 React로 만든 성격 유형 테스트 앱입니다. 요즘 유행하는 성격 유형 테스트에 스무고개 기능까지 추가하여 사막 속에서 나와 닮은 동물 친구를 찾아주는 재미있는 웹 경험을 제공합니다.

ReactTailwind CSSVercel 배포AI 활용

수강생 후기: "ChatGPT와 v0.dev의 도움으로 코딩 경험이 거의 없는 상태에서도 하루 만에 완성할 수 있었어요! 친구들에게 공유했더니 반응이 정말 좋았습니다."

하루만에 완성! ⚡
사막 성격 테스트 스크린샷사막 성격 테스트 스크린샷사막 성격 테스트 스크린샷사막 성격 테스트 스크린샷
사막 성격 테스트 결과 화면
AI로 쉽게 제작 🤖
하루만에 완성! ⚡
광어 키우기 게임 스크린샷광어 키우기 게임 스크린샷광어 키우기 게임 랭킹 화면
AI로 쉽게 제작 🤖

광어 키우기 타이쿤 게임

단 하루만에 JavaScript로 만든 타이쿤 게임입니다. 광어를 키우고, 수질을 관리하며, 랭킹 시스템까지 갖춘 미니 시뮬레이션 게임으로, 웹 브라우저에서 바로 즐길 수 있습니다.

JavaScriptHTML CanvasCSSAI 활용

수강생 후기: "제가 평상시 타이쿤 게임을 좋아하고, 먹는걸로는 회를 좋아하는데 뭐라도 한번 만들어볼까? 싶어서 만들게 되었어요. AI의 도움으로 게임 로직부터 물고기 움직임까지 구현할 수 있었습니다!"

주요 기능:

  • 광어 구매 및 성장 시스템
  • 수질 관리 메커니즘
  • 랭킹 시스템으로 경쟁 요소 추가
  • 다양한 업그레이드 옵션
  • 물고기 AI 움직임 구현

이런 프로젝트를 AI와 함께 직접 만들어보고 싶으신가요?

밥코딩은 어떤 사람에게 맞을까?

코딩 입문자

코딩이 처음인데 뭔가 직접 만들어보고 싶은 사람

AI 활용 학습자

AI와 함께 개발을 쉽게 배우고 싶은 사람

서울권 대학생

서울권 대학 재학생/휴학생/졸업생

포트폴리오 준비생

포트폴리오 또는 취미 웹사이트를 만들어보고 싶은 사람

참여 정보 ✨

스터디 참여하기 🚀

코딩 초보자도 환영! AI와 함께 웹사이트 만들기

참여 비용 💰

30,000원 / 5주 전체

친구랑 같이 신청 시 5천원 할인! 👯‍♀️

혜택
  • 5주 완주 시 수료증 발급
  • 스터디 자료 평생 이용 가능
  • 커뮤니티 네트워킹 기회

장소 📍

2호선 신도림~합정 인근

카페 또는 청년공간 (접근성 좋은 곳으로 선정!)

일정 🗓️

주 1회 정기 스터디 (시험 기간 중 격주)

OT: 05.20(월) 예정 (필참)

⏰ 저녁 7시~9시 (2시간)

신청 방법 ✍️

신청 기간: 04.13 ~ 05.13

선착순 마감! 자리가 얼마 남지 않았어요 🔥

👩‍💻

노트북 필수 지참

🧠

코딩 경험 필요 없음

🤝

함께 성장하는 커뮤니티

후기 💬

"코딩이 처음이었는데, AI랑 같이 하니까 막막하지 않았어요! 생각보다 쉽게 웹사이트를 만들 수 있어서 놀랐어요. 진짜 재밌었어요! 👍"

혜진

22, 연세대

"진짜로 내가 만든 웹사이트가 생긴 게 신기해요. 코딩을 배우고 싶었는데 어디서부터 시작해야 할지 몰랐거든요. 이제 친구들에게 자랑할 수 있어요! 🎉"

민수

25, 휴학생

자주 묻는 질문 🤔

AI와 함께 나만의 웹사이트를 만들어보세요 ✨

코딩을 처음 접하는 분들도 쉽게 배울 수 있는 밥코딩 스터디에 참여해보세요.