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

 

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

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

인코딩이 개발의 걸림돌이 되지 않기 위해서 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를 눌러 설정합니다.