Notice
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
- scope
- 키다리 개발자
- includes
- ES6
- props
- javascript
- ecma
- tag
- 시맨틱
- React calculator
- 키다리의 개발일지
- map
- Rendering
- React.js
- wep
- closure
- Element
- DoM
- vue.js
- CSS
- 키다리 개발 일지
- html
- 회고록
- react
- 볶음밥
- component
- 노드
- Node.js
- jsx
- web
Archives
- Today
- Total
목록CSS Module (1)
키다리 개발자
CSS Module (React 컴포넌트 스타일링)
CSS Module은 CSS를 불러와서 사용할 때 클래스 이름을 고유한 값으로 자동으로 만들어서 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지해 주는 기술입니다. 확장자는 .module.css 파일로 저장하기만 하면 CSS Module이 적용됩니다. className이 하이픈(-)이 포함되어 있는 경우 1 2 3 4 5 6 7 8 9 10 11 12 import React from 'react' import style from './style.module.css'; const Home = () => { return( 하이픈 포함되어 배열로 스타일링 ); }; export default Home; CSS Module이 적용된 스타일 파일을 불러오면 객체를 하나 전달받게 되는데 CSS Module에서 ..
React.js
2020. 1. 15. 17:03