로그인을 해주세요
비개발 초보자를 위한 바이브 코딩 입문
- 교육기간
- 30일
- 강의구성
- 0차시
- 교육시간
- 12시간
본 강의는 비개발자를 위한 코딩 입문 과정으로, 코딩에 대한 막연한 두려움을 없애고 직접 웹 서비스와 애플리케이션을 만들 수 있는 자신감을 심어주는 것을 목표로 합니다. 단순히 이론을 나열하는 것이 아니라, 실습 위주의 프로젝트 진행을 통해 실제 결과물을 만들어보면서 코딩의 재미를 느끼고 실력을 향상시킬 수 있도록 구성되었습니다. 크롬 확장 프로그램, 파이썬 기반의 유틸리티 앱, 개인 포트폴리오 웹사이트 등 다양한 프로젝트를 경험하며 코딩의 기초부터 실제 서비스 개발까지 폭넓은 지식을 습득할 수 있습니다.
▶교육대상
1. 코딩을 배우고 싶지만 어디서부터 시작해야 할지 막막한 비개발자
2. 아이디어를 직접 구현해보고 싶은 예비 창업가 또는 기획자
3. 개발자와의 협업을 위해 코딩의 기본 원리를 이해하고 싶은 분
4. 반복적인 업무를 자동화하고 싶은 비개발 직군 종사자
▶교육내용
1. 강의 소개
2. 바이브 코딩의 개념
3. 바이브 코딩 시작과 발전을 위해 중요한 것
4. 바이브 코딩 입문 5단계
5. 바이브 코딩할 때 주의할 점
6. 바이브 코딩 준비물
7. VSCode 살펴보기
8. VSCode와 깃허브 연동
9. 윈도우 터미널 사용법
10. 초코라떼로 깃 설치
11. HTML 웹명함 만들기 시작
12. HTML 웹 명함 구조 변경 및 기능 추가
13. 로컬 서버 활용 확장 프로그램과 CS 모델 설명
14. 깃으로 코드 버전 관리
15. 깃허브에 푸시하기와 에러 상황 처리하기
16. 깃허브 원격저장소 저장을 위한 에러 상황 처리하기
17. 깃허브 계정을 연동하여 배포하기
18. 수정한 코드를 자동으로 배포하기
19. 할 일 관리 크롬 확장 프로그램 만들기
20. 할 일 관리 크롬 확장 수정하기
21. 파이썬 설치와 설정 방법
22. 파이썬 유튜브 영상 다운로드 앱 제작
23. 파이썬 PDF 도구 제작
24. 커서AI 소개와 설치
25. 커서로 웹명함 만들기
26. 웹 앱 개발을 위한 기초 용어
27. 노드js 설치와 리액트 개념
28. 리액트 설치
29. PRD 작성과 프로젝트 구조 설정
30. 개인 포트폴리오 홈페이지 제작
31. 넥스트js 설치와 부트스트랩 설정
32. 포트폴리오 웹사이트 구조 설정
33. 포트폴리오 웹사이트 제작
34. 아스트로 활용 블로그 만들기
35. 장고 프레임워크 설치와 설정
36. 장고 포트폴리오 웹사이트 구조 제작
37. 장고 화면 구성과 데이터베이스 활용
38. 트레이 생성AI 코드 도구 살펴보기
39. 강의를 마무리하며
▶수료기준
|
항목 |
진도율 |
진행단계평가 |
최종평가 |
과제 |
수료점수 |
|
평가비율 |
100% |
0% |
0% |
0% |
60점이상 |
|
수료조건 |
80% |
없음 |
없음 |
없음 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
학습목표
1. 코딩에 대한 막연한 두려움을 없애고 자신감을 얻습니다.2. 개발 환경 설정부터 기본적인 프로그래밍 개념까지 코딩의 기초를 다집니다.
3. Git과 GitHub를 활용한 버전 관리 및 협업의 중요성을 이해하고 활용할 수 있습니다.
4. HTML, CSS, JavaScript의 기본적인 웹 기술을 익혀 간단한 웹 페이지를 제작할 수 있습니다.
5. Python을 활용하여 PDF 도구, 유튜브 영상 다운로드 앱 등 실용적인 애플리케이션을 개발할 수 있습니다.
6. React, Next.js, Astro, Django 등 다양한 프레임워크를 경험하며 실제 웹 서비스를 구축하는 과정을 이해합니다.
7. AI 기반 코딩 도구(VScode, Cursor, Trae)를 활용하여 코딩 생산성을 높이는 방법을 습득합니다.
8. 개인 포트폴리오 웹사이트를 직접 제작하고 배포하여 자신만의 결과물을 만들 수 있습니다.
