Developer

VSCode를 이용한 인코딩 문제 해결하기

loyblg 2024. 11. 15. 08:52
반응형

특정 파일에 대해서 작업할 때는 파일의 인코딩 문제로 인해 한글이나 특수 문자가 깨져 보이는 일이 종종 발생합니다. 이러한 문제를 쉽게 해결할 수 있는 방법이 VSCode를 통해 가능합니다. 다음은 이 과정을 단계별로 설명드리겠습니다.

파일을 열 때 보이는 한글이 깨지거나, 특수 문자가 의도와 다르게 표시되는 경우가 있습니다. 이는 대부분 파일의 인코딩이 잘못 설정되었기 때문입니다. 예를 들어, UTF-8로 저장된 파일을 EUC-KR로 열면 한글이 깨져 보이게 됩니다. 이러한 문제를 해결하기 위해서는 올바른 인코딩을 설정하는 것이 중요합니다.

한글이 깨지는 이미지 예시


VSCode 설치 및 파일 열기

먼저, VSCode가 설치되어 있어야 합니다. 설치가 완료되면 VSCode를 실행하고, 파일 메뉴에서 [Open File]을 선택하여 인코딩 문제로 고생하던 파일을 불러옵니다.

 

VS Code 설정

 

 

현재 인코딩 확인하기


파일을 열면 오른쪽 하단에 현재 인코딩이 표시됩니다. 예를 들어, "EUC-KR" 또는 "UTF-8"과 같은 형태로 나타납니다. 이 정보를 확인하고, 어떤 인코딩으로 열려 있는지 파악하는 것이 중요합니다.

 

VS Code에서 우측 하단에 있는 UTF-8로 표시되어있는 인코딩

 

 

Reopen with Encoding 사용하기

파일의 인코딩이 잘못된 경우, 오른쪽 하단의 인코딩 표시를 클릭하고 "Reopen with Encoding"을 선택합니다. 이후 나타나는 리스트에서 현재 인코딩(예: "Korean (EUC-KR)")을 선택하여 파일을 다시 엽니다. 이렇게 하면 파일이 올바른 인코딩으로 표시되게 됩니다.

 

VS Code에서 Encoding 설정

 

Save with Encoding으로 파일 저장하기

파일을 올바른 인코딩으로 열었다면, 이제 원하는 인코딩으로 저장해야 합니다. 다시 오른쪽 하단의 인코딩 표시를 클릭한 후 "Save with Encoding"을 선택합니다. 이 옵션을 통해 원하는 인코딩 형식으로 파일을 저장할 수 있습니다.

 

VS Code에서 저장하고 다시 열기 설정

 

 

추가적인 인코딩 설정

VSCode에서는 파일 인코딩과 관련된 추가적인 설정도 가능합니다. 예를 들어, 자동으로 인코딩을 추측하는 기능을 활성화할 수 있습니다. 이를 위해 [File] > [Preferences] > [Settings]에서 "Auto Guess Encoding"을 체크하면 됩니다.

 

VS Code에서 자동으로 인코딩을 설정하는 부분

 

 

이 기능을 활성화하면 인코딩 문제를 예방하는 데 큰 도움이 됩니다.

인코딩 문제는 개발 시에 자주 겪는 문제 중 하나입니다. 따라서 처음부터 올바른 인코딩을 선택하는 것이 중요합니다. 파일을 저장할 때는 항상 UTF-8을 기본 인코딩으로 사용하는 것이 추천됩니다. 또한, 팀원들과의 협업 시에도 모두 같은 인코딩을 사용하도록 하여 문제를 줄일 수 있습니다.

이제 VSCode를 활용하여 인코딩 문제를 쉽게 해결할 수 있는 방법을 익히셨길 바랍니다.

반응형