New World
[HTML] 한글이 깨져서 나올 때 해결 방안 본문
한글이 깨져서 노출되었다.
그 이유는 인코딩 때문인데, 아래 그림을 한번 살펴보자.
<meta> 안에 있는 charset과 해당 IDE의 Encoding이 'EUC-KR', 'UTF-8'로 다른 것을 알 수 있다.
서로 다른 이야기를 하고 있으니 맞을리가 있을리가.
이와 같은 현상이 발생 했을 때 해줄 수 있는 방법은 두가지이다.
1. <meta> 안의 charset을 바꿔준다. (권장)
2. IDE의 인코딩 방식을 바꿔준다.
1. <meta> 안의 charset을 바꿔주자. (권장)
이 방법을 권장하는 이유는, 코드만 바꿔주면 되는 일이기 때문에 인코딩 방식을 바꿨을 때 나오는 코드 안의 문자 깨짐이 나타나지 않기 때문이다.
| 이전 코드 | 현재 코드 |
|
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>인코딩 테스트</title> </head> <body> <h1>인코딩 테스트</h1> </body> </html> |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>인코딩 테스트</title> </head> <body> <h1>인코딩 테스트</h1> </body> </html> |
2. IDE의 인코딩 방식을 바꿔주자.
2-1. 아래 있는 'UTF-8'을 선택해준다.
2-2. 'Reopen with Encoding'을 선택해준다.
2-3. <meta> 태그 안의 charset의 인코딩 방식을 찾아 선택해준다.
위 두개의 방식 모두 동일하게 현 상태(한글깨짐)에서 정상 동작(한글이 깨지지 않게) 노출시킬 수 있다.
1. <meta> 태그 charset 바꿔주기
2. IDE의 인코딩 방식 바꿔주기
