개발 아카이브/개발 관련 지식

[이클립스] 웹 개발을 위한 이클립스 인코딩 세팅

운클라우드 2021. 3. 18. 01:05
반응형

 

개발을 하면서 인코딩은 매우 중요한 역할을 하고 있습니다.

이 인코딩은 개발에 있어서 매우 골칫거리로 유명합니다.

인코딩이 개발의 걸림돌이 되지 않기 위해서 IDE 설정을 잘 해주어야 합니다.

이번 포스팅은 웹 개발에 필요한 이클립스 인코딩 세팅을 다루겠습니다.

 


Content Types 세팅

 

경로

Window → Preference General Content Types Text

위의 경로로 이동하면 아래의 그림처럼 창이 나옵니다.

 

Content Types 창

위의 그림에서 보면 맨 밑에 Default encoding 이라는 부분에 UTF-8로 변경해 주셔야 합니다.

Text 부분이 아닌 아래 CSS, DTD.. 등등 아래 항목의 인코딩을 변경해 줍시다.

그리고 변경 후 오른쪽의 Update 버튼을 눌러야 변경이 됩니다.

 

 

아래의 내용 모두 UTF-8로 변경합니다.

  • CSS
  • DTD
  • GitIgnore Files
  • HTML
  • JAVA Properties File
  • JAVA Source File
  • Javascript Source File
  • JSON
  • JSON (Illformed)
  • JSP
  • XML

변경할 항목

 

 

728x90

workspace 텍스트 인코딩

 

경로

Window → Preference  General  workspace

위의 경로로 이동하면 아래의 그림처럼 창이 나옵니다.

 

 

 

설정하지 않으신 분들은 Default로 설정되어 있습니다.

Default는 MS949이기 때문에 Other을 선택합니다.

Other가 MS949로 되어 있습니다.

MS949를 UTF-8로 변경합니다.

 

 


파일 인코딩 변경

 

경로

Window → Preference  Web → CSS Files

위의 경로로 이동하면 아래의 그림처럼 창이 나옵니다.

 

 

 

4개의 설정을 동일하게 변경해야 합니다.

위의 사진을 보면 순서 1번을 보면 빨간색으로 칠한 부분을 모두 동일하게 설정해야 합니다.

모두 Encoding을 UTF-8로 변경합니다.

 

 

  • Preference -> Web
    • CSS Files 클릭
      Encoding을 UTF-8로 변경
    • HTML Files 클릭
      Encoding을 UTF-8로 변경
    • JSP Files 클릭
      Encoding을 UTF-8로 변경
  • Preference -> JSON
    • JSON Files 클릭
      Encoding을 UTF-8로 변경

 


(추가) 웹 브라우저 변경

웹 브라우저 설정입니다.

기본적으로 시스템상 크롬으로 설정되면 괜찮지만,
웹 브라우저를 딱히 가리지 않는 분들은 웹 표준을 잘 지키는 Chrome으로 설정하는 것이 좋습니다.

 

경로

Window → Preference  General  Web Browser

위의 경로로 이동하면 아래의 그림처럼 창이 나옵니다.

 

 

웹 개발시 테스트를 할 수 있는 브라우저들이 나옵니다.

크롬을 선택 후, Apply를 눌러 설정합니다.

 

 

반응형