과정 개요 / 강사정보 / 강의목차 / 교재정보 / 수험정보

• 과정개요

  과정소개

  바이브코딩, 들어보셨나요?
  개발 지식이 없어도 아이디어를 곧바로 웹서비스로 구현할 수 있습니다.
  
  개발 지식 없이 생성형 AI와 코딩 기술을 실습 중심으로 배우고
  기획부터 설계, 구현·배포까지 전 과정을 경험할 수 있습니다.

  Point 01

  비개발자 맞춤형 AI+코딩 입문

  개발 지식이 없어도 ChatGPT·Cursor 등 생성형 AI를 활용해 코딩 개념과 흐름을 쉽게 이해

  

  

   

  Point 02

  실무형 도구와 협업 환경 구축

  VSCode, Git, GitHub, Vercel 등 실무에서 쓰이는 개발 도구를 설치·연동하고 실제 협업 환경 경험

  

  

   

  Point 03

  기획부터 배포까지 실습 프로젝트

  웹 명함, 할일 앱 등 실전 예제를 직접 제작하며, 기획·설계·구현·배포의 전 과정을 완주

  

  

   

   

  ---

  유의사항
  1. 본 과정은 K-디지털 기초역량훈련 과정 입니다. ▶[K-디지털 기초역량훈련 자세히 보기]
  2. K-디지털 기초역량훈련 과정은 프로젝트 과제 1개 이상 제출해 주셔야 합니다.
  - 해당 과정은 [ 진도율 80% 이상 + 프로젝트 1개 이상 제출 ] 조건을 충족하여야 수료가 가능합니다.

  문의사항 관련
  1. 1대1 게시판에 글 남겨주시면 담당자 확인 후 답변 드리며, 학습 내용 문의는 강사 및 튜터 확인이 필요한 관계로 바로 답변 어려울 수 있습니다. 
  2. 학습내용 문의 시에는 회차정보(시간), 캡쳐 이미지 등을 함께 남겨주셔야 빠른 확인 후 회신 가능합니다.

  학습목표

  1. 비개발자 관점에서 생성형 AI 기반 코딩의 개념과 흐름을 이해하고, 이를 실전 프로젝트에 적용할 수 있다.
  2. VSCode, Git, GitHub, 터미널 등 개발 도구를 설치·연동하여 실습 환경을 구축할 수 있다.
  3. 프롬프트를 활용해 HTML 중심의 웹 페이지를 설계하고 구현할 수 있다.
  4. Git을 활용해 코드 버전을 관리하고, GitHub 및 Vercel을 통해 웹 서비스를 배포할 수 있다.
  5. 웹 명함, 할일 앱 등 다양한 실전 예제를 통해 코딩의 전체 흐름을 경험하고 결과물을 완성할 수 있다.

  훈련대상

  1. 개발 지식이 없지만, 생성형 AI 도구와 함께 코딩을 실습 중심으로 배우고 싶은 분
  2. 웹 제작부터 배포까지의 전체 흐름을 경험하며, 실무 협업 역량을 키우고 싶은 분

  [세부 대상자 예시]
  - 코딩을 배우고 싶지만 어디서부터 시작해야 할지 막막한 비개발자
  - 복잡한 이론보다 실습 위주로 배우고 싶은 코딩 입문자
  - ChatGPT, Cursor 등 생성형 AI 도구를 통해 코딩을 체험해보고 싶은 학습자
  - 개발자와의 협업을 위해 기초 코딩 지식을 익히고 싶은 기획자, 마케터, 디자이너
  - GitHub와 Vercel을 활용한 실무형 협업·배포 흐름을 익히고 싶은 비전공자
  - 반복 업무를 자동화하고 싶은 비개발 직군 재직자
  - 디지털 코딩 역량을 향상시키고 싶은 국민내일배움카드 수강자
  - 포트폴리오용 웹 명함이나 간단한 웹 앱을 직접 제작하고 싶은 취업 준비생
  - 아이디어를 직접 구현해보고 싶은 예비 창업자 또는 크리에이터

• 강사정보

  강사정보

  

  강사 정보

  강사명	박형주
  학력	- 중앙대학교 교육공학( 박사졸업 )
  약력	- 현) 오픈러닝랩 주식회사 대표 - 현) ㈜유비온 코스모스랩 전문위원 - 전) 한국생산성본부 사회능력개발원 이러닝 사업 ( 2 년 7 개월 ) - 전) 에듀윌 HRD 사업 ( 1 년 5 개월 ) - 전) 테크빌닷컴 스마트교육 및 신사업 ( 3 년 9 개월 ) - 전) 경기도평생교육진흥원 총괄관리 ( 5 년 4 개월 )
  저서

• 강의목차

  강의목차

  1. 1회차 [입문] 바이브 코딩의 개념
  2. 2회차 [입문] 바이브 코딩 입문 전략
  3. 3회차 [입문] 바이브 코딩할 때 주의할 점
  4. 4회차 [환경셋팅] 바이브 코딩 준비물
  5. 5회차 [환경셋팅] VSCode 살펴보기
  6. 6회차 [환경셋팅] VSCode와 깃허브 연동
  7. 7회차 [HTML실습] 윈도우 터미널 사용법
  8. 8회차 [HTML실습] 초코라떼로 깃 설치
  9. 9회차 [HTML실습] HTML 웹 명함 만들기
  10. 10회차 [HTML실습] HTML 웹 명함 구조 변경 및 기능 추가
  11. 11회차 [Git실습] 로컬 서버 활용 확장 프로그램과 CS모델 설명
  12. 12회차 [Git실습] 깃으로 코드 버전 관리
  13. 13회차 [Git실습] 깃허브에 푸시하기와 에러 상황 처리하기
  14. 14회차 [Git실습] 깃허브 원격저장소 저장을 위한 에러 상황 처리하기
  15. 15회차 [웹배포] 코드 수정과 자동 배포 흐름 이해
  16. 16회차 [앱제작] 할 일 관리 크롬 확장 프로그램 만들기
  17. 17회차 [앱제작] 할 일 관리 크롬 확장 수정하기
  18. 18회차 [파이썬실습] 파이썬 설치와 실습준비
  19. 19회차 [파이썬실습] 파이썬 유튜브 영상 다운로드 앱 제작
  20. 20회차 [파이썬실습] 파이썬 PDF 도구 제작
  21. 21회차 [프레임워크] 커서(Cursor)를 활용한 웹명함 제작
  22. 22회차 [프레임워크] 웹 개발 기본 개념 정리
  23. 23회차 [프레임워크] 리액트 환경 구성과 프로젝트 초기화
  24. 24회차 [프레임워크] PRD 작성과 프로젝트 구조 설정
  25. 25회차 [프레임워크] 개인 포트폴리오 홈페이지 제작
  26. 26회차 [프레임워크] 넥스트js 설치와 부트스트랩 설정
  27. 27회차 [프레임워크] 포트폴리오 웹사이트 구조 설정
  28. 28회차 [프레임워크] 포트폴리오 웹사이트 제작
  29. 29회차 [프레임워크] 아스트로 활용 블로그 만들기
  30. 30회차 [프레임워크] 장고 프레임워크 설치와 설정
  31. 31회차 [프레임워크] 장고 포트폴리오 웹사이트 구조 제작
  32. 32회차 [프레임워크] 장고 화면 구성과 데이터베이스 활용
  33. 33회차 [프레임워크] 트레이 생성AI 코드 도구 살펴보기
  34. 34회차 [마무리] 바이브코딩 wrap up
• 교재정보

  교재정보

• 수험정보

  수험정보