[생활코딩] CSS 코드의 재사용

 

  
여러 페이지를 같은 디자인으로 만드려면 CSS 페이지의 <style>태그 내의 코드들을 모두 복사해주면 된다.

하지만 만일 적용해야하는 페이지가 수천개라면 어떨까?

수천번 직접 복사하는건 비효율적이고 이를 간단하게 하기 위해 
다음과 같이 <link> 태그를 이용한다.

 

 

1. style.css 라는 파일을 새로 만들고,  <style> 태그 내의 내용들을 전부 복사해 넣는다. 

2. html 페이지 내의 <style> 태그를 이제 지워버리고,

  <link rel="stylesheet" href="style.css"> 를 html 내에 삽입한다.

 

이렇게 코딩에서 중요한 중복의 제거를 통해 훨씬 효율적이고 수정이 파격적으로 쉬운 웹페이지를 만들 수 있다. 
CSS 수업 초기에 언급했던 '정보로써의 html' 의 가치 또한 퇴색되지 않는다.

 

캐시(Cache)

한번 페이지를 방문해서 Style.css 파일을 다운받았다면, 다음부터 방문할 때 
웹브라우저는 컴퓨터 내에 저장된 Style.css 파일을 불러와서 빠르게 훨씬 페이지를 읽고 
네트워크 트래픽 또한 다시 사용하지 않는다.

따라서 웹페이지는 더 빠르게 로딩되고 네트워크 비용이 감소한다.