일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- https
- aws
- api test
- e2e
- vue-cli
- JavaScript
- msw
- csr
- 비동기
- QUIC
- ts error
- custom command
- web vital
- rendering
- Cypress
- CloudFlare
- import.meta.env
- typeScript
- vue
- 선택자
- http3
- caching
- vue3
- TLS
- svelte
- CSS
- devtools
- Testing
- ViTE
- SSR
- Today
- Total
목록CSS (3)
Develop Note by J.S.

1. 브라우저 - HTTP(하이퍼 텍스트 전송 프로토콜)를 사용하여 텍스트, 이미지, 비디오 등의 콘텐츠를 송수신하여 브라우저를 통해 사용자와의 Interation 및 사용자가 원하는 정보를 제공합니다. - 브라우저는 대표적으로 Mozilla Firefox, Google Chrome, Microsoft Edge, Apple Safari가 있어 서로 다른 다양한 기능을 제공하지만, 브라우저에 관계없이 사용자에게 동일한 경험을 제공할 수 있도록 웹 표준이 있습니다. 2. 브라우저의 기본 구조 1) 사용자 인터페이지 : 주소창, 뒤로가기, 새로고침, 북마크 등의 기능을 포함하며, 웹 페이지의 표시부분 (Document)를 제외한 모든 것을 뜻합니다. 2) 브라우저 엔진 : 렌더링 엔진과 상호작용을 하며 조작하..
1. AND 선택자다중 조건을 모두 만족하는 엘리먼트를 선택하는 경우// 공백 없이 선택자를 붙여서 사용.class1#id2 { color : red;}div.className1.className2 { color : black;}2. OR 선택자다중 조건 중 1개라도 만족하는 경우// , 기호로 구분.class1, id2 { color : red;}div.className1, .className2 { color : black;}3. 중첩 선택자 (자손 선택자)특정 부모요소 안에 있는 특정 자손을 모두 선택하는 경우/* scss */.container { div { .child { .name { color: red; ..
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..