1) 탭 기능 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | JS로 기능 생성하기 |
2) 랜덤 유저 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | 요청을 보내서 유저 데이터 받아오기 |
5 | 유저 데이터를 이용해서 화면에서 보여주기 |
3) 음식 메뉴 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | JS로 기능 생성하기 |
4) 필터 기능 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | 모든 상품 리스트 나열하기 |
5 | 상품 회사 이름 나열하기 |
6 | 필터링 기능 생성하기 |
5) 백그라운드 비디오 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | JS로 기능 생성하기 |
6) 북 리스트 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | JS로 기능 생성하기 |
7) 상품 리스트 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | JS로 기능 생성하기 |
8) 날씨 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | 날씨 데이터 가져오기 |
5 | 날씨 데이터를 가공해서 화면에서 보여주기 |
9) 퀴즈 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | 퀴즈 시작하는 기능 만들기 |
5 | 퀴즈 정답을 선택하는 기능 만들기 |
10) 위키 피디아 검색 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | CSS로 스타일링하기 |
3 | JS로 기능 생성하기 |
11) 비밀 번호 생성 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | 비밀번호 생성을 위한 준비하기 |
4 | 비밀번호 생성하기 |
12) 쇼핑몰 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | 메인 페이지 구조 생성하기 |
3 | 전역 스타일 생성하기 |
4 | 메인 페이지 CSS 생성하기 |
5 | Product Item 스타일 생성하기 |
6 | mock api를 이용해서 백엔드 생성하기 |
7 | 비동기 요청으로 상품 데이터 가져오기 |
8 | 가져온 상품들 보여주기 |
9 | About 페이지 생성하기 |
10 | Sidebar Toggle 기능 생성하기 |
11 | 장바구니 부분 CSS로 스타일링하기 |
12 | 상품 상세 페이지 HTML, CSS 작성하기 |
13 | 상세 상품 데이터 가져오기 |
14 | 장바구니를 위한 HTML, CSS 작성하기 |
15 | 장바구니 기능 만들기 시작하기 |
16 | 장바구니 아이템 화면에서 보여주기 |
17 | 장바구니 기능을 위한 여러 함수들 생성하기 |
18 | 장바구니 기능을 위해 생성한 함수들 호출하기 |
19 | 상품 나열 페이지 HTML 작성하기 |
20 | 필터링 요소들을 위한 CSS 작성하기 |
21 | 요청을 보내서 모든 상품들 가져오기 |
22 | 검색어 필터 기능 생성하기 |
23 | 회사 이름 필터 기능 생성하기 |
24 | 가격 필터 기능 생성하기 |
25 | 프로젝트 마무리하기 |
13) 타이핑 스피드 측정 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | HTML로 구조 생성하기 |
3 | CSS로 스타일링하기 |
4 | 필요한 변수들 생성하기 |
5 | 타이핑 스피드 게임 시작하기 |
6 | 타이핑 시 필요한 로직 처리하기 |
7 | 타이핑 앱 기능 마무리 하기 |
14) 가위 바위 보 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 만들게 될 앱 알아보기 |
2 | CSS로 스타일링하기 |
3 | JS로 기능 만들기 시작하기 |
4 | 승자를 결정하는 함수 생성하기 |
5 | 게임 종료 시 실행되는 함수 생성하기 |
6 | [참조] 자바스크립트 this 키워드 |
15) 스프레드 시트 앱 | |
회차별 커리큘럼 | |
회차 | 이름 |
1 | 앱의 기본 구조 생성하기 |
2 | SpreedSheet를 위한 데이터 생성하기 |
3 | 10개의 셀을 하나의 row div로 감싸기 |
4 | Header 생성하기 |
5 | 엑셀 파일 다운로드 하기 |