16장 프로퍼티 어트리뷰트

보호되어 있는 글입니다.

2022.05.14

15 장 let, const 키워드와 블록 레벨 스코프

보호되어 있는 글입니다.

2022.05.14

CSS 방법론 - BEM

CSS 방법론에는 OOCSS, BEM, SMACSS 등이 있습니다. 그 중 BEM 방식!! 1. BEM의 기본 구조 BEM은 Block, Element, Modifier를 뜻한다. 이 세 가지로 구성된 이름을 짓는 것을 말한다. 그리고 각각 __ 와 -- 로 구분한다. .header__navigation--navi-test{ color: red; } 위 코드에서 header는 Block, navigation은 Element, navi-text는 Modifier가 된다. BEM은 기본적으로 ID를 사용하지 않으며, class만을 사용한다. 또 '어떻게 보이는가'가 아니라 '어떤 목적인가'에 따라 이름을 짓는다. 예를 들어, 에러 메시지를 띄우는 P 태그에게는 .red가 아닌, .error 라는 이름을 줘야..

2022.05.09

14장 전역 변수의 문제점

보호되어 있는 글입니다.

2022.05.09

13장 스코프

보호되어 있는 글입니다.

2022.05.08

폰트를 한글과 영어,숫자 따로 적용하기 (feat. unicode-range)

유니코드 범위 영문 (대문자) : U+0041-005A 영문 (소문자) : U+0061-007A 숫자 : U+0030-0039 한글 : U+AC00-U+D7A3 특수문자 : U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E 전체 : U+0020-007E @font-face body {font-family:'Roboto' ,'Noto Sans KR', 'sans-serif';} @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('※'), url('../fonts/Roboto-Regular.eot'), url('../fonts/Roboto-Regular.eot#ief..

2022.05.04