Chapter 01 시작은 프리캠프

섹션

[x] 섹션 0 | 웹앱 서비스 이해 & 프로그램 설치
[x] 섹션 1 | HTML과 기술스택 이해하기
[x] 섹션 2 | CSS의 기본과 싸이월드 실습 1탄
[x] 섹션 3 | Javascript의 기본과 싸이월드 실습 2탄
[x] 섹션 4 | Javascript 실무와 싸이월드 실습 3탄
[x] 섹션 5 | Javascript 응용과 싸이월드 실습 4탄
[x] 섹션 6 | Javascript 이벤트 변경 감지와 싸이월드 실습 5탄
[x] 섹션 7 | FINAL 과제와 Github 잔디 심기

<aside> <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="40px" /> GitHub

https://github.com/Hun3431/GDSC_Web_Study/tree/main/Precamp

임도훈님의 미니홈피 :: 사이좋은 사람들, 싸이월드

</aside>

정리 페이지

가상 클래스 선택자

강의

[인프런x코드캠프] 시작은 프리캠프 - 인프런 | 강의

참고페이지

[시작은 프리캠프] 학습 자료

문자열 정규식

Chapter 02 강력한 CSS

섹션

[x] 섹션 0. CSS 개요
[x] 섹션 1. 레이아웃 (float&flex)
[x] 섹션 2. 레이아웃 (flex2)
[x] 섹션 3. 폰트&단위
[x] 섹션 4. 배경&색상
[x] 섹션 5. position / transition
[x] 섹션 6. transform
[x] 섹션 7. animation
[x] 섹션 8. grid 레이아웃
[x] 섹션 9. 반응형 레이아웃

<aside> <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="40px" /> GitHub

https://github.com/Hun3431/GDSC_Web_Study/tree/main/css-basic

</aside>

참고 페이지

[강력한 CSS] 학습 자료

정리 페이지

Section 0 CSS 개요

Section 1 레이아웃 (float&flex)

Section 2 레이아웃 (flex2)

Section 3 폰트&단위

Section 4 배경&색상

Section 5 position / transition

Section 6 transform

Section 7 animation

Section 8 grid 레이아웃

Section 9 반응형 레이아웃

강의

[인프런x코드캠프] 강력한 CSS - 인프런 | 강의

Chapter 03 훈훈한 Javascript

섹션

[x] 섹션 0. 변수, 문자와 숫자
[x] 섹션 1. 배열, 객체
[x] 섹션 2. 함수
[x] 섹션 3. 조건문
[x] 섹션 4. 반복문
[ ] 섹션 5. 함수 활용
[ ] 섹션 6. DOM
[ ] 섹션 7. 스코프, 호이스팅
[ ] 섹션 8. 데이터 통신
[ ] 섹션 9. 구조분해할당

참고 페이지

[훈훈한 Javascript] 학습 자료