styled-components는 CSS파일을 밖에두지 않고, 컴포넌트 내부에 넣기 때문에, CSS가 전역으로 중첩되지 않도록 만들어주는 장점이 있다. React 프레임워크를 주요 대상으로 한 라이브러리이다.
중국에서 개발한 디자인 개발을 위한 프레임워크이다.완성도 높은 UI 프레임워크이다.
직역을 하자면 의미론적 HTML이다. 문서의 의미에 맞게, 어플리케이션의 의미에 맞게 HTML을 작성하는것을 의미한다.
Responsive Web Design PC, 모바일, 태블릿 등 각각의 기기별로 웹 페이지가 최적화되어 보여지는 기능이다.
CSS box model은 기본적으로 모든 HTML 요소를 감싸는 상자다. margin, border, padding, content로 구성된다.
Next.js를 사용해 SSR을 설계했었는데, CSS도 SSR을 해줘야 한다는 사실을 알게되었다.
Sass는 햄튼 캐틀린이 설계하고 나탈리 바이첸바움이 개발한 스타일시트 언어이다. 효율적인 CSS 설계와 유지보수를 위해 사용한다.
font-face를 이용하면 하나의 font-fmaily 이름으로 한글과 영문에 다른 폰트를 적용할 수 있다..?! 심지어 폰트 굵기마다 다른 폰트도 가능하다.