# CSS in JS

4개의 포스트

styled-components

컴포넌트 스타일링의 또 다른 패러다임은 자바스크립트 파일 안에 스타일을 선언 하는 방식이다. 이 방식을 css-in-Js라고 부른다. css-in-JS 라이브러리 중에서 개발자들이 가장 선호하는 styled-components를 알아보자! styled-component

2020년 8월 5일
·
0개의 댓글

CSS in JS (emotion.js)

CSS-in-JS emotion.js를 사용하여 styling 적용 CSS in JS 현재의 웹은 페이지가 아니라 컴포넌트로 작성 되었고, CSS는 컴포넌트 기반을 위해 만들어 진 적이 없었다. 그래서 컴포넌트 마다 별도의 CSS 파일이 있었고, 복잡성을 가증 시켰다! JavaScript 내에서 스타일을 선언 함으로서, JS와 CSS사이에 상수와 함수를...

2020년 7월 23일
·
0개의 댓글
post-thumbnail

styled-components

styled-components? .js파일에 css를 넣을 수 있도록 해주는 편리한 라이브러리 (CSS-in-JS 라이브러리 라고 부른다고 함) 로 다운받을 수 있음 usage 다음처럼 .js파일에서 import 사용법은 위와 같음. 변수 안에 집어넣는데, .

2020년 2월 5일
·
0개의 댓글
post-thumbnail

Styling? with Linaria!

styled-components에 질렸다면 linaria는 어떤가요!

2019년 6월 4일
·
3개의 댓글