2024. 12. 02(월) 웹2 8일차

# 수업시간에 띄어놔야 할 창

사이트 이름	사이트 주소
수업페이지	url
코드펜	url
git-hub	url
피그마 예제보기	url
vscode 화면 / 미리보기 화면 띄워두기	-

 

---

# 1교시 _G마켓-3차메뉴 구현

 

 

 

---

##2교시

 

 

 

 

계층구조 -> 텍스트간 위계구조

 

타이틀제목 

ㄴ 진하고 두껍게

 

타이틀 제목보다  list 간의 글자 여백 작아야함

 

여백

ㄴ 분리의 역할

ㄴ 기본기를 잘 알아야함

 

웹디자인 : 타이포그래피 기반

 

모작 사이트

ㄴ 여백과 폰트가 많은 사이트

ㄴ 코딩 복습 + 디자인 복습 + 포폴 효율 

ㄴ 예쁜 것 위주로 모작해라 -> 눈에 디자인을 익혀야 함

ㄴ 폰트 사이즈 / 자간 / 행간 / 여백들 / 계층구조 / 타이포그래피 / 선두께 / 글자간 글자 사이의 여백 20이 많이들어감

ㄴ 기본기 없이 포트폴리오 내는 사람들 많음

 

 

선택자가 겹쳤을 때 개발자모드

 

퍼블리셔 : 문제를 즉시했을 때 풀어야 하는게 중요함.

 

 

ㄴ 말풍선 

ㄴ 접근성을 위해서 꼭 적어줘야 함

ㄴ tab키를 눌렀을 때 이동할 수 있어야 함

 

vscode에서 alt누르면 여러개 한 번에 복사+붙여넣기 가능

 

ㄴ 마우스를 올렸을 떄 접근성 때문에 나와야 함!!!!!