웹 캐시로 UI 및 css 및 js 파일이 적용이 되지 않을때.

웹 브라우저의 캐시로 UI 및 css 및 js 파일을 강제 적용

웹의 UI 나 CSS, JS 파일을 변경했을때, 웹브라우저의 캐시로 인하여 제대로 적용이 되지 않는 경우가 있다.

이럴 경우 - 사용자들에게 브라우저 캐시를 지우고 사용하세요.

아니면, 시크릿 모드 등으로 들어가 보세요. 라고 해야 하는데.

-> 이 부분을 적용하여 웹브라우저가 캐시를 사용하지 않고, 변경된 css, js 파일들이 적용된다.

---

CSS, JS 파일 브라우저 강제 적용방법

---

요즘 웹을 개발하다가 보니. bootstrap, inspinia 등의 css 파일과 jquery.min.js, jquery.js 등의 파일을 변경할 경우가 있다.

그런데. 어 ~ 적용이 안되는 경우가 가끔 발생..

이러다 보니.. 웹 브라우저의 캐시를 지우거나 시크릿모드로 들어가서 확인을 하는 경우가 생긴다.

그러나 사용자 user 들에게 이렇게 하라고는 할 수 없는 상황..

이럴 때는 

현재 AsIs

<meta http-equiv="Cache-Control" content="No-Cache" />

    <meta http-equiv="Pragma" content="No-Cache" />

    <title>title</title>

    <meta name="apple-mobile-web-app-capable" content="yes"/>

<link href="App_Themes/bootstrap.min.css" type="text/css" rel="stylesheet"/>

<link href="App_Themes/animate.css" type="text/css" rel="stylesheet"/>

<link href="App_Themes/style.css" type="text/css" rel="stylesheet"/>

        <script src="App_Themes/jquery-3.1.1.min.js"></script>

<script src="App_Themes/bootstrap.min.js"></script>

바꿈 ToBe

<meta http-equiv="Cache-Control" content="No-Cache" />

    <meta http-equiv="Pragma" content="No-Cache" />

    <title>title</title>

    <meta name="apple-mobile-web-app-capable" content="yes"/>

<link href="App_Themes/bootstrap.min.css?version=080811" type="text/css" rel="stylesheet"/>

<link href="App_Themes/animate.css?version=080811" type="text/css" rel="stylesheet"/>

<link href="App_Themes/style.css?version=080811" type="text/css" rel="stylesheet"/>

        <script src="App_Themes/jquery-3.1.1.min.js?version=080811"></script>

<script src="App_Themes/bootstrap.min.js?version=080811"></script>

?version=080811

이런 형태로 배포시 넣어주게 되면. 기존 css, js 파일을 웹브라우저에서 사용하지 않고, 서버에서 다시 받아서 사용하게 된다.