TIL / WEB-Beginner
1.웹프로그래밍 / HTML 기초
웹프로그래밍의 이론적 개념과 HTML 기초
2.HTML 설계 기초
HTML 설계 기초
3.CSS 기초
CSS 기초
4.CSS 기초 & 실습
CSS 기초개념
5.CSS 레이아웃(1)
CSS 레이아웃(1)
6.CSS 레이아웃(2)
CSS 레이아웃(2)
7.CSS 레이아웃 실습
CSS 레이아웃 실습
8.CSS 애니메이션 (1)
CSS 애니메이션 (1)
9.CSS 애니메이션(2)
CSS 애니메이션(2)
10.미디어쿼리
미디어쿼리
11.미디어쿼리 실습
미디어쿼리
12.CSS 실습 - 키즈가오(1)
키즈가오(http://sisikiller.dothome.co.kr/) 카피캣
13.CSS 실습 - 키즈가오(2)
키즈가오(http://sisikiller.dothome.co.kr/) 카피캣
14.CSS 실습 - 키즈가오(3)
키즈가오(http://sisikiller.dothome.co.kr/) 카피캣
15.CSS 실습 - HELBAK
덴마크 쇼핑몰 HELBAK 카피캣
16.네이버 메인 1
네이버 메인 카피캣 (1)
17.네이버 메인 2
네이버 메인 카피캣 (2)
18.네이버 쇼핑 1
네이버 쇼핑 페이지 카피캣 (1)
19.네이버 쇼핑 2
네이버 쇼핑 페이지 카피캣 (2)
20.네이버 웹툰 1
네이버 웹툰 카피캣 (1)
21.네이버 웹툰 2
네이버 웹툰 페이지 카피캣 (2)
22.네이버 게임 1
네이버 게임 카피캣 (1)
23.네이버 게임 2
네이버 게임 카피캣 (2)
24.네이버 게임 3
네이버 게임 카피캣 (3)
25.네이버 게임 4
네이버 게임 카피캣 (4)
26.네이버 오디오 1
네이버 오디오 카피캣 (1)
27.네이버 오디오 2
네이버 오디오 카피캣 (2)
28.네이버 오디오 3
네이버 오디오 카피캣 (3)
29.트위치 1
트위치 카피캣 (1)
30.트위치 2
트위치 카피캣 (2)
31.트위치 3
트위치 카피캣 (3)
32.트위치 4
트위치 카피캣 (4)
33.CSS (reset / normalize / 변수)
reset / normalize / CSS변수
34.유튜브 1
유튜브 카피캣 (1)
35.유튜브 2
유튜브 카피캣 (2)
36.유튜브 3
유튜브 카피캣 (3)
37.유튜브 4
유튜브 카피캣 (4)
38.네이버 모바일 1
네이버 모바일.ver 카피캣 (1)
39.네이버 모바일 2
네이버 모바일 카피캣 (2)
40.JS 변수와 데이터타입 - 1
자바스크립트 변수와 데이터타입 개념
41.JS 변수와 데이터타입 - 2
자바스크립트 변수와 데이터타입 개념
42.JS 개념 1
조건문, 전역/지역 변수, 스코프, 호이스팅
43.JS 개념 2
반복문, 문자열 메서드, 배열 메서드
44.JS 개념 - 실습
지난 개념 학습 1~2 활용한 실습 (랜덤게임, 이미지 슬라이드 등)
45.JS 개념 3
생성자 함수, 프로토타입, this
46.JS 개념 - 실습
개념 학습 4 활용한 실습
47.JS 개념 4
DOM
48.JS 기능 구현 1
자바스크립트 주요 기능 구현 연습: To-do list, 마우스 애니메이션
49.JS 기능 구현 2
자바스크립트 주요 기능 구현 연습: Scroll-top, Modal
50.JS 기능 구현 3
자바스크립트 주요 기능 구현 실습: 스낵바, 아코디언, 슬라이드
51.jQuery 1
제이쿼리 기초 개념
52.jQuery 2
제이쿼리 기초 개념을 활용한 연습
53.JS 연습 - 별 찍기
!codepen[naheeyu/embed/WNEbpJP?default-tab=js%2Cresult] 논리적 사고와 부등호 식 세우는 게 서툰 것 같다😫 슬퍼😨 그래도 for문을 어떤 식으로 쓰는 건지 감이 좀 오는 것 같아서 역시 연습해보길 잘한 것 같다. 다음엔 검색 없이 혼자서 짤 수 있길 바람...! 추가적으로 아래에 패턴 더 짜볼 예정. >...