글자가 깨져보일 경우 웹 문서 및 인코딩 설정하시면 되어요.
자세히 알아보기
웹 문서 및 인코딩 설정하기
모든 웹문서에서는 어떤 언어로 보여줄건지 언어 형식을 설정하는 옵션 설정을 해줘야 해요.
charset을 정확하게 설정하지 않으면 글자가 깨지므로 적절한 언어 형식 사용이 매우 중요합니다.
그럼 웹 문서 및 인코딩 설정 방법을 알아보도록 하겠습니다.
주로 사용되고 있는 언어 형식의 종류
-
UTF (Unicode Transformation Format)
UTF는 유니코드 형태의 문자를 변환하기 위한 공식으로 유니코드는 4byte 로 구성되어 있기 때문에 사용하는 코드 범위에 따라 1~4byte로 변환 가능합니다.
UTF-7, UTF-8, UTF-16BE, UTF-16LE 등의 종류가 있는데 주로 다국어를 사용할 땐 UTF-8로 지정해주세요.
-
EUC (Extend Unix Code)
EUC는 유닉스에서 영어를 제외한 문자를 표시하기 위한 확장 부호를 의미합니다.
그 중 euc-kr은 한글 표현을 위한 문자 인코딩입니다.
메타태그 적용 방법
아래는 HTML 문서 기본 구조입니다.
언어를 선언해주는 메타태그를 <head></head> 사이에 넣어주세요.
<html>
<head>
<title>제목</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
본문내용
</body>
</html>
해외 쇼핑몰을 사용하고 있거나, 뉴상품을 사용하고 있는 경우 라면 utf-8 메타태그를 사용해주세요.
국내 몰만 사용하고 있는 경우라면 euc-kr 메타태그를 사용해주세요.
문서 인코딩 및 JS 파일 사용시 한글 깨짐 현상
- 문서 인코딩
실제 HTML 문서에서 언어 형식을 정해줬어도 파일의 인코딩 형식이 다르면 깨져서 노출됩니다.
파일의 인코딩을 언어셋에 맞게 변경해주어야 해요. - JS파일 사용시 언어 깨짐 현상
HTML 문서 내에 JS 파일을 연결해 사용시 JS 파일 내에 사용된 글자가 깨져 노출될 수 있어요.
해결 방법은 문서 인코딩을 변경하여 새로 저장하는 방법과 SCRIPT 태그에 언어 형식을 선언해주는 방법이 있어요.- 언어가 깨져 노출된다면 이 부분을 먼저 체크해 주세요.
아래와 같이 태그에 언어 형식 charset='euc-kr'를 선언하여 Script에 추가해 주세요.
<meta http-equiv="content-type" content="text/html; charset=utf-8"> -
문서 인코딩을 변경하여 새로 저장하는 방법입니다.
깨지는 해당 JS파일을 메모장이나 EditPlus 같은 편집툴로 인코딩 형식을 'utf-8'로 변경하여 새로 다시 저장해주면 됩니다.
- 언어가 깨져 노출된다면 이 부분을 먼저 체크해 주세요.