HTML_한글이 깨지는 현상 방지

우리가 VS Code에서 html 코드를 작성하고,

이를 어떤 브라우저에서 실행하는가에 따라

한글이 깨지는 현상이 발생하기도, 발생하지 않기도 한다.

 

예를 들어,

크롬에서 실행하면 한글이 깨지는 현상은 발생하지 않는다.

그러나, 한글을 지원하지 않는 사파리에서 실행할 경우 다음과 같이 한글이 깨지는 현상이 발생한다.

 

이를 방지하려면 어떻게 해야할까?

한줄의 코드를 더 추가해주면 된다.

 

 

이전의 코드와 달라진 점이 무엇일까?

 

<meta charset="utf-8">

 

이 코드가 추가되었다는 점이다.

이 코드를 추가해줌으로써 한글 깨짐 현상을 방지할 수 있다.

 

이 코드를 실행해보면

한글깨짐 현상이 발생하지 않고 잘 실행된다.