웹의 기본기
HTML/CSS와 프로그래밍적 사고를 익히며 매일의 학습 습관을 만듭니다.
단계별 커리큘럼
기초부터 실전까지,
기초부터 실전까지,
한눈에 보는 학습 지도
세 개의 레벨로 나뉜 커리큘럼을 따라 차근차근 성장하세요. 각 모듈을 눌러 세부 주제를 확인할 수 있습니다.
세 단계 성장 로드맵
각 레벨은 이전 단계를 발판 삼아 자연스럽게 이어집니다.
동적인 웹
JavaScript로 상호작용을 구현하고 상태 관리와 비동기 처리를 배웁니다.
완성과 배포
팀 프로젝트로 실제 서비스를 만들고 포트폴리오와 수료증을 완성합니다.
모듈 상세 커리큘럼
각 모듈을 펼쳐 학습 주제를 확인하세요.
- 시맨틱 태그와 문서 구조 설계
- Flexbox와 Grid로 만드는 레이아웃
- 미디어쿼리로 완성하는 반응형 웹
- 값과 자료형, 변수의 이해
- 조건문과 반복문으로 흐름 제어
- 함수로 문제를 나누어 해결하기
- Git으로 코드 이력 관리하기
- GitHub로 협업하고 리뷰 받기
- README 작성과 문서화 습관
- DOM 조작으로 화면 제어하기
- 이벤트 기반 인터랙션 설계
- 배열/객체 메서드 활용
- 서버와 데이터 주고받기(Fetch)
- Promise와 async/await의 이해
- 오류 처리와 로딩 상태 관리
- 재사용 가능한 컴포넌트 설계
- 상태에 따른 UI 렌더링
- 데이터 흐름과 구조화
- 문제 정의와 요구사항 정리
- 와이어프레임과 화면 설계
- 팀 역할 분담과 일정 관리
- 브랜치 전략으로 협업하기
- 서로의 코드를 리뷰하고 개선
- 테스트로 안정성 확보
- 실제 서비스 배포와 운영
- 프로젝트 회고와 개선점 도출
- 포트폴리오 완성과 수료