[동적] 미리보기 해제 방법 [dynamic] preview unlock

visual studio 로 웹개발을 하다보면 정말 짜증나는 경우가 하나 있었다.

디버깅을 해야할 경우 새로 개발된 소스로 디버깅을 해야하는데 자꾸 이전 코드가 있는 [동적]미리보기 파일에 중단점이 걸리는 경우였다.

바로 이렇게!!

이해를 돕기위해 jquery ui 파일을 가져왔다.

보통 이런경우 브라우저에서 소스파일을 캐시하여 생기는 문제인데

대부분의 경우는 브라우저에서 캐시 환경설정을 변경하면 해결이 가능하다고 한다.

물론 나는 따라해도 되지 않더라...

먼저 익히 알려진 해결 방법으로는 visual studio 에서는 IE 를 이용하여 디버깅을 할 수 있기 때문에

IE > 인터넷 옵션 > 일반 > 검색기록 > 설정 > 임시 인터넷 파일 > 저장된 페이지의 새 버전 확인을

웹 페이지를 열 때마다(E) 로 설정한다.

또는 IE10 의 경우 개발자 도구에서 캐시옵션을 Always Refresh from Server 로 바꾸면 된다고하는데 난 IE 11을 사용중이어서 캐시 메뉴를 못찾았다. 

혹은 컨트롤+F5 를 눌러서 리프레시 하면 된다고 하던데 그래도 나는 안되더라...

위 방법올 모두 동원해봤지만 나는 모두 FAIL....

혹시나 하는 마음으로 첫 index 페이지에 뭔가 잘못설정되어있나 해서 인코딩 타입을 봤더니

<meta charset = "UTF-8"> 로 설정되어있는걸 확인 후 EUC-KR 로 변경했더니 헐... 페이지 내에 출력되는 인코딩은 조금씩 깨지면서 [동적] 미리보기는 나오지않고 새로운 코드에 중단점이 적용이 된다!!!!!!

유레카!!!!!!!!!!!!!!!!!!!!!!

인코딩 문제였다.

visual studio 에서는 인코딩설정을 바꾸는게 매우 까다롭고 복잡하므로 sublime Text 를 열어서 저장형식을 UTF-8 BOM 으로 변경 후 저장한 뒤 index 파일에서 charset을 UTF-8 로 다시 변경하니 정상적으로 작동한다!!

하... 인코딩... 그놈의 인코딩.....

visual studio 의 경우 사용자의 언어 환경설정에 따라서 자동적으로 인코딩 형식을 지정한다. 

그러므로 visual studio를 한글로 설정해놓고 쓰던 나는 개발된 소스들이 거의 다 euc-kr로 설정되어있었을 것이다.

이제 이런 문제가 발생하면 인코딩 형식을 바꿔서 적용하면 될 듯 싶다.

참고

1. 스택오버플로우

http://stackoverflow.com/questions/840065/how-to-change-source-file-encoding-in-csharp-project-visual-studio-msbuild-ma