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 |
Tags
- returnType
- reactjs
- 폰트적용하기
- react
- 타입스크립트
- 제네릭
- utilty type
- CSS
- NonNullable
- 개발콘텐츠
- typescript
- JS console
- TSDoc
- click and drag
- 공통컴포넌트
- 티스토리꾸미기
- 누구나 자료구조와 알고리즘
- 레이아웃쪼개기
- 반복줄이기
- React Native
- Chart.js
- 리액트
- 2022
- vue.js
- 성능최적화
- 커스텀
- 타입좁히기
- React.js
- const 단언문
- javascript
Archives
- Today
- Total
목록SCSS (1)
몽땅뚝딱 개발자
[React] CSS 적용하기 / SASS / 스타일 리셋
간단한 페이지를 하나 구현해보려고 한 것 뿐인데 장벽이 많았다. 주로 scope로 주고있는 vue.js만 사용하다보니 리액트는 도대체 css를 어떻게 주는 것인지 알 수가 없었다. 그리고 scss를 어떻게 적용할 것인가에 대한 것도! 찾아본 방법들은 아래와 같다. 1. styled component 2. {모듈명}.module.css 3. css를 전역으로 선언 여기서 나는 2번 방법을 먼저 사용해보기로 했다. 📄 WatchedItem.module.css "{적용할 모듈명}.module.css" 형식으로 작성해준다. modules로 작성하지않도록 주의! .watched__item { color: red; } 📄 WatchedItem.js className에 "{import 해온 이름.클래스 이름}"을 넣..
Development/React.js · Next.js
2022. 10. 3. 15:13