와우내일배움카드

내강의실

수강신청 수강신청

수강신청

과정 목록

비개발 기획자를 위한 바이브코딩 입문

근로자 모바일 자부담
과정이미지
교육비
442,000원
근로자카드 지원금
397,800원
자부담금
44,200원
강의회차
53회차
학습기간
수강신청 기간이 아닙니다.
수료기준
총점
0점 이상
진도율
80% 이상
진행단계평가
최종평가
과제
필수(비중 100%)

과정 상세

  • 과정개요

    과정소개

    바이브코딩, 들어보셨나요?
    개발 지식이 없어도 아이디어를 곧바로 웹서비스로 구현할 수 있습니다.

    개발 지식 없이 생성형 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
  • 교재정보