📝 CSS

🖥️ 1. cache 메모리

• Cache : 자주 접근하는 데이터를 복사 해놓는 임시 저장소

• Browser Cache : 서버 지연을 줄이기 위해 사용하는 웹 캐시의 일종

　✔️ CSS 파일을 분리했을 경우 웹페이지를 로드할 때 여러 파일을 로드해야 하기 때문에 지연시간이 생길 수 있다. 파일이 많아질수록 지연시간이 길어지기 때문에, 최초 접속 시 브라우저에서 캐시를 저장하고 다음 접속에서 더 빠른 로드를 지원하는 데에 사용.

　✔️ 홈페이지 접속 시 로드해야 할 소스와 로드 시간은 '개발자 도구 - Network' 탭에서 확인 가능

1-1. cache 메모리 분류

• 모든 데이터를 캐시에 담기에는 저장 공간이 크지 않다. → 보통 캐시는 지역성을 나누어 분류!

　✔️ 시간적 지역성 : 특정 데이터가 한번 접근되었을 때, 가까운 미래에 데이터에 다시 접근할 가능성이 높은 것 (반복적으로 사용되는 데이터가 많을수록 효율성이 높아짐)

　✔️ 공간적 지역성 : 특정 데이터와 가까운 주소가 순서대로 접근되었을 경우