의미가 있는 >> 시맨틱 >> 시맨틱 태그(header, main, footer) 남발하면 좋지 않음. 구글에서 만듦. 시맨틱 태그 시맨틱 : "의미가 있는" HTML5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공한다. ▶ 태그의 종류 : non-semantic태그, 안에 들어갈 의미를 크게 유추하기 힘들다. , : semantic태그, 특정 형태의 글이 포함될 것이라는 유추가 가능하다. -header : 상단, 헤더를 의미 -nav : 메뉴, 네비게이션을 의미 -main : 내용의 중심을 의미 -aside : 사이드에 위치하는 공간을 의미(어디에 위치해도 이상하지 않음) -section : 여러 중심 내용을 감싸는 공간을 의미(어디에 위치해도 이상하지 않음) -article : 글..
day02[우선순위,미디어쿼리,가상요소]
CSS는 Cascading Style Sheets의 약자이다. Cascading > 폭포처럼 흐른다 > 우선순위 캐스케이딩(Cascading) 하나의 요소는 하나 이상의 CSS 선언에 영향을 받을 수 있다. 이 때 충돌을 피하기 위해서 CSS 적용 우선순위가 필요하다. 1. 중요도 : CSS가 어디에 선언되었는 지에 따라서 우선순위가 달라진다. (1) 인라인 스타일 HTML 요소 내부에 style 속성으로 사용 (2) 내부 스타일 시트 HTML 문서의 style 태그 안에 위치 (3) 외부 스타일 시트 CSS 파일을 외부에 따로 만들어서 불러오는 방법 외부에서 링크로 추가하는 방법 (4) 웹 브라우저 기본 스타일 브라우저 기본 스타일(기본 마진) 우선순위는 (1) > (2) > (3) > (4) 순이다...
VScode 설치(이미 설치된 경우, 작업공간만 분리하면 됨) Visual Code 한글 설정 좌측 하단 마켓 플레이스(확장) 아이콘 클릭 > korean 검색 > Korean(사용법) Language Pack for Visual Studio Code 설치 Visual Code 언어 설정 변경 F1 또는 Ctrl + Shift + p > Configure Display Language 입력 > 언어 선택(en, ko) > 재시작 Visual Code 테마 변경 F1 또는 Ctrl + Shift + p > 한국어로 설정 시 : 테마 검색 > 색 테마 클릭 > 원하는 테마로 변경 영어로 설정 시 : theme 검색 > color theme 클릭 > 원하는 테마로 변경 마케플레이스(확장) 아이콘 클릭 > th..