코딩배우는고양이

CSS 개발 방식 CSS-in-CSS 렌더링할 때 모든 CSS 요소를 로딩하기 때문에 인터렉티브한 웹 페이지를 구성할 때 사용자 편의를 반영하기 좋다. CSS-in-JS 해당 컴포넌트가 렌더링 될 때만 스타일 태그를 생성하기 때문에 컴포넌트 기반 프로젝트에 유용하다. 각 컴포넌트의 라이프 스타일에 맞게 스타일을 적용할 수 있고 자바스크립트 코드를 활용할 수 있기 때문에 동적 스타일 적용이 자유롭다. 자바스크립트 해석 과정이 필요하기 때문에 CSS 모듈 방식에 비해 성능이 느리다. CSS 라이브러리 CSS-in-CSS 종류 CSS-module CSS를 모듈화하여 사용하는 방법 기본적으로 CSS 클래스의 범위가 정해져있다는 점에 대한 이점은 CSS-in-JS와 동일하지만 순수 CSS 파일을 유지하기 때문에 ..

개념 HTML 안의 특정 요소를 선택할 수 있는 도구 종류 전체 선택자 HTML 페이지 내부의 모든 태그를 선택 * { box-sizing: border-box; margin: 0; padding: 0; } 태그 선택자 같은 태그명을 갖는 모든 요소를 선택 a { text-decoration: none; } 클래스 선택자 .class1 { color: red; } div.class2 { // 띄어쓰기 없음. 띄어쓰기 하면 하위 선택자가 됨 color: yellow; } 빨간색 // div.class2는 div이면서 class2인 것만 변화시킨다. 변화없다 노란색 아이디 선택자 #container { display: flex; justify-content: center; align-items: center..