CSS 코드의 재사용 - 생활코딩
CSS 코드의 재사용 2017-10-25 00:11:09 강의 소스코드 변경사항 2.html WEB - CSS WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup langua
opentutorials.org
※ 코드의 재사용
- 웹 페이지마다 css 코드를 적용하는 것이 아니라
- 모든 웹 페이지에 공통적으로 쓰이는 CSS 코드를 복사하여 CSS 파일로 따로 만든 뒤 <link> 태그를 통해 가져온다.
검사 > 개발자 도구에서 Network 탭을 보면
1. 해당 html 파일을 다운받고
2. 코드를 읽다가 link 태그를 만나 css 파일을 다운받아
웹 페이지에 적용한 것을 알 수 있음.
그렇다면
- 하나의 웹페이지에서 여러개 파일을 밖에 두고 다운받는 것과 (코드 재사용)
- 웹페이지 안에 CSS 코드를 내장하는 것
→ 네트워크 측면에서는 후자가 더 적은 트래픽 사용
하지만 다음과 같이 '캐싱'이라는 기술을 사용하기 때문에 css 파일을 따로 만들어 사용하는 것이 적절!
" 한번 css 파일을 다운받았다면 css가 바뀌기 전까지는 해당 css 파일을 우리의 컴퓨터에 저장해 두고 사용하므로 네트워크를 사용하지 않고 속도도 빨라짐 "
'개발 공부 > 프론트엔드' 카테고리의 다른 글
| html 코드가 문자 그대로 보이게 하는 방법 (0) | 2023.04.18 |
|---|---|
| css파일, js파일 수정 후, 적용 안됨 (0) | 2023.04.17 |
| 태그(tag) 및 속성(Attribute) 정리 (0) | 2023.04.08 |
| HTML이 중요한 이유 (0) | 2023.04.04 |
| HTML 기본 구조 & 태그 (0) | 2023.04.04 |