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
- 자바스크립트
- javscript
- Session
- pug
- JavaScript
- react
- HTML
- API
- 리액트
- graphQL
- backend
- express
- CSS
- CLONE
- node.js
- GRID
- Flutter
- MongoDB
- NextJs
- ECMAScript
- clonecoding
- form
- frontend
- TypeScript
- Mongoose
- DART
- nodejs
- ES6
- Component
- heroku
Archives
- Today
- Total
목록globalStyles (1)
Enjoy Programming
[clone coding-devflix] GlobalStyles and Header
앞서 사용한 css방법은 local한 방법이다. 이번에는 해당 사이트의 전역 설정을 하는 global한 css를 해본다. 라이브러리 한개를 설치하는데 styled-reset이다 styled-reset은 style-component를 이용해서 css를 초기화해 0의 상태에서 시작하게 해준다. 먼저 npm install styled-reset으로 설치해주고 component폴더에 GlobalStyles.js를 만들어 줬다. 파일안에 createGlobalStyle function을 styled-components로부터 임포트 해주고 reset도 import해줬다ㅓ. 그리고 globalStyles라는 이름의 globalstyle 컴포넌트를 만들어주는데 위와 같이 createGlobalStyle함수 와 리터럴을..
JavaScript/React
2021. 6. 10. 15:21