[HTML] Visual studio code(vs code) 한글 깨짐 해결

오늘은 visual studio code에서 html로 출력할 때 한글이 깨지는 현상을 없애는 법에 대해 알아보겠습니다.

 

 

 

 

 

 

먼저 위의 코드를 html로 출력했을 때의 화면입니다.

 

 

 

 

 

 

 

한글이 깨져서 나온다? 는 십중팔구 인코딩 문제입니다.

 

 

visual studio code의 우측 하단을 보면 UTF-8로 되어있는 인코딩을 확인할 수 있습니다.

"UTF-8"을 먼저 클릭합니다.

 

다음으로 저는 visual studio code를 영문 버전으로 다운받았기 때문에 Reopen with Encoding이라고 나와 있으나 한글버전일 경우 '인코딩하여 다시 열기'를 클릭합니다.

 

 

 

 

 

 

 

 

Korean의 일부를 입력하면 그와 관련된 목록이 나옵니다. Korean(EUC-KR)을 클릭해줍니다.

 

 

 

 

 

 

UTF-8이 Korean(EUC-KR)로 바뀐 것을 확인할 수 있습니다.

 

 

 

 

 

한글 깨짐 해결