Colini 웹개발 가이드

1~3.html 구조 파악

4~5.태그(1)(header~tfoot)

6~7.태그(2)(textarea~object)

8.태그(3)(option~summary)

1.css 첫걸음 / 2~3.scss, postcss 소개

6.absolute vs fixed / 7.Display Outside

8.내부 디스플레이 / 9~10.flexbox-Basic / 11.flex container

12.flex-direction / 13~14.flex 정렬(세로, 가로)

15.flex-grow / 16.fr단위

17~19.repeat / 20.minmax / 21~22.grid line

23.gap / 24~26.selector(1)

27~28.selector(2) / 29.의사클래스 / 30.의사요소

31.cascade

1~2.목차 / 3~4. 변수(1)

7~8.변수(3)

9~10.변수(4)

11.숫자, 연산자

12~13.문자열

14~16.타입,자료구조(1)

17~19.타입,자료구조(2)

20~21.타입,자료구조(3)

22.타입,자료구조(4)

23.타입,자료구조(5) / 24.구조분해할당(1)

25~27.구조분해할당(2) / 28.배열(1)

29.배열(2)

29.참고_배열(3)

30~32.배열(4)

33~34.배열(5)

35~38.객체

39.조건문

40.for문 / 41.메서드와 this(1)

42~44.메서드와 this(2)

45~46.promise(1)

47.promise(2) / 48.promise&async

1~2.브라우저 로딩과정

3.virtualDom / 4.얕은 비교, state, props

5.자주 쓰는 리액트 hooks(1)

5.자주 쓰는 리액트 hooks(2)

6.웹개발은 어디서(윈도우,맥)

[이론] 7~10.윈도우 개발환경세팅 wsl2

[실습] 7~10.윈도우 개발환경세팅 wsl2

[공통] 11.homebrew 설치 / 12.oh-my-zsh 설치

[공통] 13~14.폰트 및 powerlevel10k 다운 및 설치

[공통] 15~16.powerlevel10k 환경설정

[공통] 17~18.zsh 플러그인 설치(autosuggestion,highlighting,autojump)

[이론] 20.node설치

[설치] 20.node설치

[이론] 21~26.vscode 설치 및 세팅

[이론] 27.글꼴,wsl, vscode

[실습] 27.글꼴,wsl, vscode

[이론] 28~32.git 설치 등

[이론] 33.git 흐름도

[이론] 34.vite 설치 / 35.carousel 만들기(라이브러리) 설치

[이론] 36. carousel 기본세팅 / 37.파일코인 소개(1)

[이론] 37.파일코인 소개(2)

[이론] 38.web3 storage, vite.config.js / 39.proxy / 40.revserse proxy / 41~42.carousel react 만들기

[실습] 1~2.vite 설치(1)

[실습] 1~2.vite 설치(2)

[실습] 3.dbjson 등

[실습] 4.css 설명(1)

[실습] 4.css 설명(2)

[실습] 4.css 설명(3)

[실습] 5.app(1)

[실습] 5.app(2)

[실습] 5.app(3)

[실습] 5.app(4)

[실습] 5.app(5)

[실습] 5.app(6)

[실습] 5.app(6) 추가 : git 실습

[실습] 5.app(7)