CSS

flexbox를 사용하면 요소의 크기와 순서를 보다 쉽고 유연하게 배치할 수 있다. flexbox는 복수의 자식 요소인 flex item과 그 상위 부모 요소인 flex container로 구성된다. ☝︎ 이미지를 클릭하면 코드를 확인할 수 있습니다. 부모요소

Nesting : CSS 규칙 안에서 CSS 규칙을 만드는 것사용하려는 컴포넌트들을 모두 export 하고, 사용하려는 .tsx 파일에서 import \* as S from './Styled' 로 import 하면 컴포넌트 앞에 S.만 붙여서 사용할 수 있다.style

1️⃣ createGlobalStyle : 전역 스타일 적용 createGlobalStyle이라는 함수로 전역적으로 적용할 Global Style을 만들 수 있다. 이 함수는 ` 태그를 컴포넌트로 만드는 것으로, 태그가 저 위치에 생기는 건 아니고, Styled C

조건부 클래스를 표현하는데 용이한 라이브러리조건부로 클래스 네임을 추가할 때 undefined, null, false 등이 들어갈 수 있는데 자동으로 true 한 string 만 들어가도록 처리해준다.클래스이름 중복을 제거해주는 라이브러리중복 되는 style 에 대해