일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- tenneling
- Lambda@Edge
- Kubernetes
- Live Template
- Infra
- notification system
- GoF
- AWS
- 시스템 설계
- go
- System Design
- 디자인패턴
- AWS Infra
- 대규모 시스템 설계
- 알림 시스템
- Logrus
- goroutine
- UnBuffered channel
- Helm V3
- 윈도우키보드
- Golines
- 컴포지트패턴
- image resizing
- argocd
- 클래스 관계
- Buffered channel
- gitops
- golang
- Bastion Server
- GoF 디자인패턴
Archives
- Today
- Total
목록2021/03/30 (1)
Fall in IT.
리액트 컴포넌트 스타일링하는 다양한 방법
안녕하세요. 오늘은 컴포넌트를 스타일링하는 방법에 대해서 간단히 알아보겠습니다. 컴포넌트 스타일링 방식은 다양하게 존재한다. 일반 CSS Scss, Sass 자주 사용되는 CSS 전처리기 중 하나로 확장된 CSS 문법을 사용하여 CSS 코드를 더욱 쉽게 작성할 수 있도록 해준다. CSS Module 스타일을 작성할 때 CSS 클래스가 다른 CSS 클래스의 이름과 절대 충돌하지 않도록 파일마다 고유한 이름을 자동으로 생성해주는 옵션 styled-components 스타일을 자바스크립트 파일에 내장시키는 방식으로 스타일을 작성함과 동시에 해당 스타일이 적용된 컴포넌트를 만들 수 있다 일반 CSS 중요한 점은 CSS 클래스명을 중복되지 않게 만드는 것이다 [컴포넌트 이름] - [클래스 이름] 형태로 이름을 짓..
프레임워크/React
2021. 3. 30. 20:56