웹1 수업페이지

✅ 수업 시작할 때 세팅해야 하는 페이지

 

1️⃣ 티스토리 : 사이트 이동하기

2️⃣ 코드펜  : 코드펜 이동하기

3️⃣ 깃허브 : 깃허브 이동하기

4️⃣ 숙제 제출 시트 : 구글 시트 이동하기

- 숙제 제출하는 방법 : 제출 방법 이동하기

 

✅ 단축키

✔️ 단축키 연습 : 코드펜 바로가기

✔️ 단축키 바로가기

 

[24. 3. 13] 수업 내용 메모 🦾
- Html 은 " {} " 필수라고 하셨음 (이에 대한 개념은 나중에 더 알려주신다고 함~)
- 영타를 많이 쓸 수 있으니 틈틈히 독수리 타법이 되지 않게 영타연습하기 *

 

 

🦾 2일차 (2024. 3. 15) 수업 내용 🦾

 

✔️ HTML, CSS, JS 용도 및 개념

✔️ 태그와 주석의 종류/사용법

✔️ 글자에 색 넣기/배경 색 설정하기

✔️ 코드펜의 기본 설정값

 

🐖 2일차 수업 내용 정리 바로가기

 

 

🦾 3일차 (2024. 3. 18) 수업 내용 🦾

✔️ Block과 Inline의 차이

✔️ 기본적인 픽셀 단위 개념

✔️ width(너비속성)과 height(높이속성)의 관계

 

🐖3일차 수업 내용 정리 바로가기

 

🦾 4일차 (2024. 3. 20) 수업 내용 🦾

✔️ 상하위 엘리먼트 표시 네임

✔️ css 선택자 표시

✔️ 상속되는 텍스트 속성

✔️ 인접 동생 선택자 활용하는 법

✔️ 젠코딩의 의미/클래스 선택자 개념 이해and응용

✔️ 부모와 자식

✔️ inline-block 여백 제거하기

 

🐖 4일차 수업 내용 정리 바로가기

 

🦾 5일차 (2024. 3. 25) 수업 내용 🦾

✔️ 클래스 선택자&그룹화 복습

✔️ inline-block 여백 제거 복습

✔️ 여백을 없애기 위한 문제해결

✔️ css 힘

✔️ 앵커태그(하이퍼링크) 사용

 

🐖 5일차 수업 내용 정리 바로가기

 

🦾 6일차 (2024. 3. 27) 수업 내용 🦾

 

🦾 7일차 (2024. 3. 29) 수업 내용 🦾

✔️ 구글 심볼 활용하기

✔️ 반응형/고정형 차이점 알기

✔️ 마켓컬리 상단바 구현하기

 

🐖 7일차 수업 내용 정리 바로가기