Web
1.[Web] Web, HTML, CSS 기본 개념
Web, HTML, CSS에 대한 개념 정리
2.[Web] HTML 구조 및 태그
html의 기본 구조와 태그 및 레이아웃 정리
3.[Web] CSS 선택자 및 속성
CSS 기본 선택자 및 속성 정리
4.[Web] CSS flex속성
display:flex을 위한 부모, 자식 속성 정리
5.[Web] VSCODE, 마크업, CSS 단축키
VSCODE, 마크업, CSS 단축키 정리
6.[Web] 1주차 어려운 개념 정리
calc(), position:absolute-relative, float-overflow:hidden, li+li, last-child
7.[Web] float 레이아웃 실습
float를 사용하여 5가지 웹 레이아웃 구성하기
8.[Web] flex 레이아웃 실습
flex를 사용하여 5가지 웹 레이아웃 구성하기
9.[Web] 2주차 어려운 개념 정리
실수하는 부분, 기본 css, display, margin
10.[Web Project] Naver Clone Coding
Naver Clone Coding Project [220718~220724]
11.[Web] 3주차 어려운 개념 정리
글자 태그, ::after, ::before, content='', section, 네이버 클론코딩 Q&A
12.[Web Project] 적응형 웹사이트 제작 (PC, Mobile)
포토샵 시안을 참조하여 적응형 웹사이트 제작 [220725~220729]
13.[Web] 시안 분석을 위한 포토샵 기초
포토샵 단축키, 이미지 추출 방법
14.[Web] Jquery기초
jquery 기본 구조 및 $(function(){css})
15.[Web] Jquery 실습
todo / hover-slide / click-button,item-content,slide / scroll-curr / swiperdemos
16.[Web] Javascript 기초
javascript 기본 구조 const 변수 = document.querySelector('');
17.[Web] gsap 라이브러리를 통한 애니메이션 효과
gsap.to/from/fromto/timeline/scrollTrigger
18.[Web Project] Seoul City Hall Clone Coding
Seoul City Hall Clone Coding Project [220810~220816]
19.[Web Project] Andar (Adaptive mobile) Clone Coding
Andar Adaptive Mobile Clone Coding Project [220816~220823]
20.[Web Project] Aesop Renewal Project
Aesop Web(PC) Renewal Project [220823~220830]
21.[Web] Json 데이터 활용 및 비동기통신
비동기통신의 개념 및 대표적인 데이터 교환형식 Json 이론 & 데이터 응용
22.[Web project] Kakaopage Data binding
Kakaopage Data binding Project [220830~220906]
23.[Web Project] LINE Renewal Project
Line Renewal Project [220907~220913]
24.javascript 개념 복습
식별자, 원시형 / 참조형 데이터 타입, 형변환, 데이터 타입 확인, 산술연산자, 함수