doeunn.log

▶styled-components로 React 컴포넌트를 스타일링하자 이번 글에서는 CSS-in-JS 라이브러리인 styled-components를 사용하여 React 컴포넌트를 스타일링하는 방법을 살펴보겠습니다. 🔎 CSS in JS ? 먼저 CSS in JS 개념에 대해 알아보려고 합니다. CSS in JS는 스타일 정의를 CSS 파일이 아닌 Javascript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법을 의미합니다. HTML, CSS, Javascript는 각자 별도의 파일에 두는 것과 대비하여 여러 개의 컴포넌트로 분리하고, 각 컴포넌트에 HTML, CSS, Javascript를 몽땅 포함시키는 것인데요. React는 JSX를 사용해서 이미 Javascript가 HTML을 포함하고 있는 형태를..