CSS
1.CSS 방법론 - BEM
BEM이란?Class 이름을 짓는 방법론Block(블럭), Element(요소), Modifier(수식어)를 이용해서 클래스 이름을 짓는 것이다.ex) 클래스 이름이 .header\_\_navigation--navi-text 라면,header가 Blocknavigat
2.CSS Preprocessor - SASS, SCSS
CSS Preprocessor란?CSS 전처리기. CSS가 동작하기 전에 사용하는 기능SASS는 다음과 같은 기능을 제공한다.변수의 사용: 자주 쓰는 값을 미리 변수로 정해두고, 한 번에 교체할 수 있다.조건문과 반복문Import : @import './경로/파일명.s
3.CSS - flex
flex는 요소를 정렬시키기 위해 쓰는 속성값이다.부모요소에 display: flex; 라는 속성을 사용하면 flaot 속성을 쓰지 않고도 자식요소를 좌측 또는 우측으로 흐르게 만들 수 있을 뿐만 아니라 justyfy-content나 align-items를 사용하면 m
4.CSS 방법론
OOCSSObject Oriented CSSCSS를 캡슐화하여 중복을 최소화한다.컨테이너와 컨텐츠를 분리한다.구조와 모양을 분리한다.ex)컨테이너: .header, .footer컨텐츠: .common-width구조: .button, .box, .widget모양: .sk
5.CSS - content-visibility, contain
content-visibilitycontent-visibility는 2020년 8월에 Chrome 85에 추가된 CSS 속성이다.화면 밖 콘텐츠의 렌더링을 생략함으로써 초기 로드 시간을 개선한다.UserAgent가 layout, painting을 포함한 요소의 렌더링
6.CSS Flexbox
HTML CSS - container CSS - item