반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- GHCR
- styled-components
- 예제
- 쿠버네티스
- 배포자동화
- 디렉토리이동
- Kubernetes
- yarn-berry
- 자동화
- backend
- 롱 폴링
- aws
- 개발
- git-hooks
- 백엔드
- 소켓IO
- 도커
- deployment
- 캐시
- redis
- docker
- 스타일 컴포넌트
- Atomic Design 패턴으로 페이지 만들기
- 리액트
- Atomic Design
- methodreference
- 인프라
- Infra
- 배포
- react
Archives
- Today
- Total
목록전체 글 (26)
SLASH 기술 블로그
Styled Component란, 개인적인 생각
Styled-component를 알아보기 전에 React는 많은 회사에서 사용할 만큼 프론트엔드 개발자라면 꼭 한번쯤은 경험해봐야 하는 대중적인 UI 라이브러리로 자리 잡았다. 웹 사이트마다 같은 기능을 하는 버튼이나 검색창이라도 각각 다른 애니메이션 효과와 형태를 가지고 있다. 이렇게 HTML 태그에 스타일링을 할 수 있게 도와주는 것이 CSS였다. 하지만 CSS의 단점들을 보완하거나 더 좋은 방향으로 SCSS나 Styled-component와 같은 것들이 하나씩 등장 하게 되었다. 이번 주제에서는 Styled-component에 대해서 알아보고 개인적인 생각을 얘기 해보려고 한다. Styled-component란 Styled-component란 CSS-in-JS라고 하는 Javascript파일 안에서..
styled-component
2021. 4. 21. 01:40