styled-components

CSS in JS는 스타일 정의를 CSS 파일이 아닌 JS로 작성된 컴포넌트에 바로 삽입하는 스타일 기법이다.웹페이지를 HTML, CSS, JS 3개로 분리하는 것이 아니라, 여러 개의 컴포넌트로 분리하고, 각 컴포넌트에 HTML, CSS, JS를 몽땅 때려박는 패턴이

Checkpoint styled-component를 사용해서 색상이 다른 Box 두개를 만들어보겠다. 정상적으로 작동하지만, Box1과 Box2에서 background-color를 제외하고는 모든 코드가 일치하는 것을 볼 수 있다. 코드를 간결하게 하기 위한 방법이

만약 컴포넌트의 태그는 input에서 a태그로 바꾸고 싶은데 스타일은 input 컴포넌트의 속성을 그대로 유지하고 싶을 때 어떻게 하면 좋을까?<Btn as="a" href="/" />처럼 컴포넌트 안에 as="tagname"을 입력해주면 Btn의 스타일은 유지하

styled-component를 사용해서 css의 animation 기능을 넣어주고 싶을 때는 어떻게 하면 될까?!codesandboxstyled-component-animation-jimoso?fontsize=14&hidenavigation=1&theme=darkcs