크롬 확장 프로그램 Set Character Encoding 한글 깨짐 해결 방법
크롬 글자 깨짐 현상
웹 프로그래밍을 하거나 인터넷을 하다보면 위와 같이 글자가 깨지는 경우를 종종 볼 수 있습니다.
이런 현상은 인코딩이 맞지 않아 나타나는 현상입니다.
해결하려면 HTML 소스를 맞추거나 해당 페이지의 인코딩을 맞추면 글자 깨짐이 해결이 됩니다.
크롬에서는 인코딩을 쉽게 바꾸어주는 확장 프로그램이 있어 소개하려고합니다.
크롬 확장프로그램 열기
... 아이콘 > 도구 더보기 > 확장 프로그램
크롬(Chrome)을 실행하여 위와 같이 따라하여 확장 프로그램 버튼을 클릭합니다.
더 많은 확장 프로그램 다운로드
확장 프로그램 페이지에서 밑으로 스크롤하여 더 많은 확장 프로그램 다운로드라는 버튼을 클릭합니다.
Set Character Encoding 다운로드
저는 이미 다운로드를 하여 평가하기라는 버튼이 보이지만, 여러분은 + CHROME에 추가라는 버튼이 보일겁니다.
+ CHROME에 추가 버튼을 눌러 확장 프로그램을 다운로드합니다.
사용 설정됨 확인
확장 프로그램 페이지에서 Set Character Encoding이 사용 설정됨으로 체크가 되어있는지 확인합니다.
페이지 인코딩 변경 방법
인코딩을 바꾸려는 페이지로 이동합니다.
마우스 우클릭을 하면 Set Characrter Encoding 항목이 있고 선택을 하면 Encoding하려는 언어의 목록들이 나옵니다.
기본적으로 모든 페이지들은 UTF-8로 구성이 되어 있습니다.
제가 바꾸려는 페이지는 한국어(EUC-KR)로 인코딩이 되어있습니다.
그래서 저는 Korean (EUC-KR)을 선택하여 변경하였습니다.
페이지 인코딩 변경된 모습
글자가 깨지지 않고 정상적으로 나오는 것을 확인할 수 있습니다.
Set Character Encoding 확장 프로그램으로 인코딩을 바꾸는 것은 일시적으로 바뀌는 형태입니다.
페이지를 종료했다가 다시 접속하면 인코딩이 원래대로 바뀌는 것을 알 수 있습니다.
지금까지 크롬 확장프로그램 Set Character Encoding 글자 깨짐 해결 방법에 대해서 설명하였습니다.
수고하셨습니다 :)
'Backup > Develop' 카테고리의 다른 글
MacOS 용량 확보하기 (8GB 확보) Xcode Unavailable CoreSimulator 제거 (0) | 2018.01.15 |
---|---|
Postman(포스트맨) 설치 및 간단 사용 방법 (HTTP 통신 테스트 프로그램) (0) | 2018.01.15 |
(출처) 한 번쯤 들어봤던 화면설계 & 프로토타이핑 툴 총정리 (0) | 2018.01.05 |
Visual Studio 2015 GitHub 플러그인 설치 및 연동하기 (2) | 2018.01.03 |
(출처) 모바일 커머스 아이콘 (0) | 2017.12.28 |
댓글
이 글 공유하기
다른 글
-
MacOS 용량 확보하기 (8GB 확보) Xcode Unavailable CoreSimulator 제거
MacOS 용량 확보하기 (8GB 확보) Xcode Unavailable CoreSimulator 제거
2018.01.15 -
Postman(포스트맨) 설치 및 간단 사용 방법 (HTTP 통신 테스트 프로그램)
Postman(포스트맨) 설치 및 간단 사용 방법 (HTTP 통신 테스트 프로그램)
2018.01.15 -
(출처) 한 번쯤 들어봤던 화면설계 & 프로토타이핑 툴 총정리
(출처) 한 번쯤 들어봤던 화면설계 & 프로토타이핑 툴 총정리
2018.01.05 -
Visual Studio 2015 GitHub 플러그인 설치 및 연동하기
Visual Studio 2015 GitHub 플러그인 설치 및 연동하기
2018.01.03