WEB DEVELOPMENT BASICS30강 전체 공개
웹 개발 기초집
브라우저에 페이지가 나타나는 순간부터 시작해, 구조·스타일·상호작용·통신·배포를 연결합니다. 작은 실습을 쌓아 마지막에는 직접 소개할 수 있는 반응형 개인 포트폴리오를 완성합니다.
강의 수30강
난이도입문
최종 결과물반응형 개인 포트폴리오
진행률을 불러오는 중...
이 과정에서 해결할 문제
웹 기술을 따로 암기하면 HTML, CSS, JavaScript가 실제 프로젝트에서 어떻게 협력하는지 놓치기 쉽습니다. 이 과정은 하나의 포트폴리오를 계속 확장하며 각 기술이 필요한 순간과 책임을 연결합니다.
학습 로드맵
LESSON 1–8학습 가능
웹과 HTML
문서 구조시맨틱접근성
학습 결과의미 있고 접근 가능한 HTML 문서
강의 열기LESSON 9–16학습 가능
CSS와 반응형
CascadeFlexboxGrid
학습 결과여러 화면 폭에 대응하는 레이아웃
강의 열기LESSON 17–25학습 가능
JavaScript와 DOM
데이터이벤트모듈
학습 결과사용자 입력에 반응하는 프로젝트 목록
강의 열기LESSON 26–29학습 가능
HTTP와 배포
fetchGitPages
학습 결과데이터 요청과 배포 흐름
강의 열기LESSON 30학습 가능
최종 프로젝트
통합반응형포트폴리오
학습 결과공개 가능한 개인 포트폴리오
강의 열기선수지식과 준비물
프로그래밍 경험은 없어도 됩니다. Windows에서 폴더와 파일을 만들고 PowerShell에 명령어를 입력할 수 있으면 시작할 수 있습니다. 실습에는 최신 브라우저와 코드 편집기, Git을 사용합니다.
COURSE ORIENTATION
과정 선택 안내
- 학습 대상
- 프로그래밍 경험 없이 HTML, CSS, JavaScript부터 웹 개발을 시작하는 학습자
- 선수지식
- 웹 브라우저와 파일 사용
- 최종 결과물
- 반응형 개인 포트폴리오