실무 중심 학습
현업에서 바로 활용할 수 있는 실전 기술을 배웁니다
무엇을 배우나요?
웹 개발을 처음 시작하는 분도 AI의 도움을 받아 나만의 웹사이트를 직접 완성할 수 있습니다.
- AI와 함께 웹사이트 기획/구현
- HTML, CSS, JavaScript 핵심 이해
- 실무형 결과물 제작과 배포
상세 커리큘럼
📚 상세 커리큘럼
11
챕터
40
강의
91
분
1강
AI 웹 개발 입문과 강의 로드맵
강의 소개와 전체 학습 로드맵
무료 강의
AI 웹 개발 트렌드와 인터랙티브 웹 개념 이해
무료 강의
AI 개발 사례와 개발자 성장 가능성
무료 강의
2강
Cursor AI와 AI 개발 방식 이해
기존 개발 방식과 AI 개발 방식의 차이
Cursor AI 핵심 기능 빠른 맛보기
3강
개발 환경 준비와 첫 프로젝트 시작하기
이번 실습에서 만들 웹페이지 미리보기
웹 개발 실습을 위한 환경 준비 개요
Cursor AI 설치와 개발 환경 구성하기
프로젝트 폴더 만들고 작업 준비하기
4강
HTML 파일 만들고 첫 웹페이지 실행하기
HTML 파일 만들고 브라우저에서 실행하기
Cursor AI로 첫 웹페이지 만들고 수정하기
5강
웹사이트를 예쁘게 꾸미기
CSS의 역할과 기본 개념
색상, 폰트, 레이아웃의 기초
AI에게 디자인 요청하는 방법
실습: 배경색과 텍스트 스타일 변경
6강
반응형 디자인 - 모든 기기에서 예쁘게
모바일, 태블릿, PC에서 다르게 보이는 이유
AI로 반응형 웹사이트 만들기
실제 기기에서 테스트하는 방법
실습: 모바일 친화적 페이지 제작
7강
버튼과 클릭 이벤트
JavaScript의 기본 역할
버튼 클릭했을 때 반응하게 하기
AI로 간단한 상호작용 만들기
실습: "더 보기" 버튼 기능 구현
8강
이미지와 미디어 활용하기
이미지 삽입과 최적화
갤러리 기능 만들기
비디오 임베드하기
실습: 포트폴리오 갤러리 섹션 추가
9강
폼과 연락처 페이지
연락처 폼 만들기
입력 검증 기능 추가
이메일 발송 연결 (기초)
실습: 문의하기 페이지 완성
10강
웹사이트 완성하기
전체 페이지 점검 및 수정
네비게이션 메뉴 완성
SEO 기초 (검색엔진 최적화)
성능 체크와 개선
실습: 최종 웹사이트 완성
11강
세상에 공개하기 - 웹사이트 배포
GitHub Pages를 통한 무료 호스팅
도메인 연결하기 (선택사항)
웹사이트 관리와 업데이트
실습: 내 웹사이트를 인터넷에 공개