[HTML] 파비콘 아이콘 변경이 안되는 이슈

안녕하세요. 개발자 드리머즈입니다.

위 사진과 같이 인터넷 브라우저에서 보이는 웹페이지를 표현하는데 사용되는 아이콘을 파비콘(favicon)이라고 합니다. 

부트스트랩(bootstrap)을 이용해 웹페이지를 만들고 있는데 부트스트랩을 의미하는 파비콘을 변경하고 싶었습니다.

 <link rel="icon" href="favicon.ico">

html 코드에서 위의 라인이 파비콘을 설정하는 코드였습니다.

그런데 제가 새로 만든 파비콘을 적용하려고 하는데 아무리해도 바뀌지 않았습니다.

이미 크롬과 같은 브라우저에서 캐쉬로 이전의 파비콘이 저장되어 있는 것 같았습니다.

이 문제에 대해 스택 오버플로우에 이미 논의가 된 바가 있습니다.

https://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh

저의 경우에는

<link rel="icon" href="http://www.xxxxxxxx.com/favicon.ico" />
<!-- <link rel="icon" href="favicon.ico"> -->

위와 같이 favicon의 full 경로를 입력하니 파비콘을 잘 읽어 오네요.

그 다음에는 다시

<!-- <link rel="icon" href="http://www.xxxxxxxx.com/favicon.ico" /> -->
 <link rel="icon" href="favicon.ico">

원래의 코드를 사용했습니다.

잠시 후에 다시 테스트하니 정상적으로 파비콘이 변경된 것을 확인했습니다.