반응형
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
- vue-cli
- Cypress
- JavaScript
- SSR
- typeScript
- web vital
- ViTE
- svelte
- CSS
- QUIC
- https
- vue3
- Testing
- e2e
- vue
- csr
- import.meta.env
- http3
- custom command
- caching
- rendering
- devtools
- msw
- ts error
- api test
- 선택자
- CloudFlare
- 비동기
- aws
- TLS
Archives
- Today
- Total
목록css in css (1)
Develop Note by J.S.
[CSS] CSS-in-CSS vs CSS-in-JS
1. CSS in CSS 일반적으로 CSS 코드를 작성하는 것으로 내부 스타일시트, 외부 스타일시트, 인라인 스타일 방법으로 작성 할 수 있습니다. 내부 스타일 시트 ... 외부 스타일 시트 //외부에 작성된 style.css 파일을 .html 에서 호출 인라인 스타일 This is a heading 2. CSS in JS 자바스크립트 코드에서 CSS를 작성하는 것을 말하며 CSS를 작성할 때 발생되는 문제점들을 해결하기 위한 기능입니다. 예를들어 선택자의 네이밍이 복잡해지는 부분, 상속에 따른 독립성 문제 및 의존관계를 해결할 수 있습니다. 대표적인 CSS in JS 라이브러리로는 'Styled Components'가 있습니다. // myComponent.vue import styled from "st..
Language/CSS
2023. 6. 23. 10:49