과정 소개
제작: 2025년 09월
원 페이지 웹앱 디자인 과정은 유행하는 트랜드의 디자인을 통해, 웹의 새로운 코딩 형식을 접목하는 과정으로서
디자인 레이아웃에 관련된 스타일과 인터랙션을 배우고 완성 예제를 구현해 나가는 과정입니다.
강의 대상
디자인 레이아웃 스타일과 인터랙션을 통해 원 페이지 웹앱 예제를 완성합니다.
강의 목표
처음으로 JavaScript을 배워보려는 학습자
코딩의 기본기를 익히고자 하는 웹개발 학습자
실무에서 코딩 능력을 향상시키고자 하는 웹디자이너나 웹퍼블리셔 학습자
학습 내용
- 섹션 1
- 데스크탑 유형 : 기본 헤더
- 데스크탑 유형 : 접근성 헤더
- 데스크탑 유형 : 기본 JavaScript 문법1
- 데스크탑 유형 : 기본 JavaScript 문법2
- 섹션 2
- 데스크탑 유형 : 기본 JavaScript 문법3
- 데스크탑 유형 : 기본 JavaScript 문법4
- 데스크탑 유형 : 예제1 헤더 스타일 작성
- 데스크탑 유형 : 예제1 본문 스타일 작성1
- 섹션 3
- 데스크탑 유형 : 예제1 본문 스타일 작성2
- 데스크탑 유형 : 예제1 인터랙션 작성
- 반응형 유형 : 기본 반응형
- 반응형 유형 : 기본 반응형 탭
- 섹션 4
- 반응형 유형 : 반응형 상품 리스트
- 반응형 유형 : 모바일 메뉴1
- 반응형 유형 : 모바일 메뉴2
- 반응형 유형 : 패럴렉스 인터페이스
- 섹션 5
- 반응형 유형 : 예제2 헤더 스타일 작성
- 반응형 유형 : 예제2 본문 스타일 작성1
- 반응형 유형 : 예제2 본문 스타일 작성2
- 반응형 유형 : 예제2 본문 인터랙션 작성1
- 섹션 6
- 반응형 유형 : 예제2 본문 인터랙션 작성2
과정 후기