주 콘텐츠로 건너뛰기

글자가 깨져보일 경우 어떻게 하나요?

글자가 깨져보일 경우 웹 문서 및 인코딩 설정하시면 되어요.

 

자세히 알아보기

웹 문서 및 인코딩 설정하기

모든 웹문서에서는 어떤 언어로 보여줄건지 언어 형식을 설정하는 옵션 설정을 해줘야 해요.

charset을 정확하게 설정하지 않으면 글자가 깨지므로 적절한 언어 형식 사용이 매우 중요합니다.

그럼 웹 문서 및 인코딩 설정 방법을 알아보도록 하겠습니다.

 

주로 사용되고 있는 언어 형식의 종류

  1. UTF (Unicode Transformation Format)

    UTF는 유니코드 형태의 문자를 변환하기 위한 공식으로 유니코드는 4byte 로 구성되어 있기 때문에 사용하는 코드 범위에 따라 1~4byte로 변환 가능합니다.

    UTF-7, UTF-8, UTF-16BE, UTF-16LE 등의 종류가 있는데 주로 다국어를 사용할 땐 UTF-8로 지정해주세요.

  2. 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 메타태그를 사용해주세요.

<meta http-equiv="content-type" content="text/html; charset=utf-8">

 

국내 몰만 사용하고 있는 경우라면 euc-kr 메타태그를 사용해주세요.

<meta http-equiv="content-type" content="text/html; charset=euc-kr">

 

문서 인코딩 및 JS 파일 사용시 한글 깨짐 현상

  1. 문서 인코딩
    실제 HTML 문서에서 언어 형식을 정해줬어도 파일의 인코딩 형식이 다르면 깨져서 노출됩니다.
    파일의 인코딩을 언어셋에 맞게 변경해주어야 해요.

  2. JS파일 사용시 언어 깨짐 현상
    HTML 문서 내에 JS 파일을 연결해 사용시 JS 파일 내에 사용된 글자가 깨져 노출될 수 있어요.
    해결 방법은 문서 인코딩을 변경하여 새로 저장하는 방법과 SCRIPT 태그에 언어 형식을 선언해주는 방법이 있어요.
    1. 언어가 깨져 노출된다면 이 부분을 먼저 체크해 주세요.
      아래와 같이 태그에 언어 형식 charset='euc-kr'를 선언하여 Script에 추가해 주세요.
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
    2. 문서 인코딩을 변경하여 새로 저장하는 방법입니다.
      깨지는 해당 JS파일을 메모장이나 EditPlus 같은 편집툴로 인코딩 형식을 'utf-8'로 변경하여 새로 다시 저장해주면 됩니다.

이 페이지가 도움이 되었나요?
현재 콘텐츠