본문 바로가기
WEB

이클립스(Eclipse) 웹 개발 환경 구축

by Amy IT 2022. 6. 21.

웹 개발을 하기 위해 필요한 프로그램을 설치하고 초기 환경설정을 진행해 보겠습니다. 

 

 

1. 이클립스(Eclipse) 웹 개발용 설치

 

이클립스 홈페이지(https://www.eclipse.org/)의 우측 상단 Download 탭에 들어간 후, Download Packages를 클릭하여 패키지 파일을 받도록 하겠습니다. 

 

 

웹 개발용 이클립스(Eclipse IDE for Enterprise Java and Web Developers)를 설치합니다.

 

 

 

2. JDK 설치 및 환경 변수 설정

 

아래 게시글에서 자세한 내용을 확인할 수 있습니다. 1. JDK (Java Development Kit) 설치, 3. 환경 변수 설정 을 참고해 주시면 감사하겠습니다.

https://amy-it.tistory.com/24?category=937334 

 

[JAVA] 자바 개발 환경 구축

자바 개발 환경 구축 방법을 알아보겠습니다. 1. JDK (Java Development Kit) 설치 JDK는 자바프로그램을 개발하기 위한 개발 툴킷입니다. https://www.oracle.com/kr/index.html 에 접속하여 리소스 - 다운로드 -..

amy-it.tistory.com

 

 

3. Apache Tomcat 설치

 

아파치 톰캣은 아파치사에서 개발한 웹 서버 프로그램으로서, 웹 서버와 연동하여 실행할 수 있는 자바 환경을 제공해 줍니다. 아파치 톰캣 홈페이지(https://tomcat.apache.org/download-80.cgi)에서 다운로드 가능합니다. 저는 8.5.81 버전 64-bit Windows.zip 파일을 다운 받았습니다. 

 

 

 

4. 환경 설정

 

(1) workspace 설정 

이클립스를 실행한 후, 생성한 프로젝트가 어디에 저장될 것인지 위치를 지정합니다. 

 

 

(2) 한글 설정

총 네 가지를 UTF-8로 변경해야 합니다.

Window - Preferences - General - Workspace - UTF-8로 변경

 

 

Window - Preferences - Web - CSS Files - UTF-8로 변경

Window - Preferences - Web - HTML Files - UTF-8로 변경

Window - Preferences - Web - JSP Files - UTF-8로 변경

 

 

 

5. 서버 추가

 

처음 이클립스를 실행하면 아래에 현재 서버가 연결되어 있지 않다고 나옵니다. 해당 메세지를 클릭해서 서버를 create합니다. 

 

 

설치한 톰캣 버전을 선택합니다. 

 

 

Browse를 클릭해 톰캣 파일을 설치한 폴더를 선택합니다.

 

 

아래에 추가된 서버를 더블클릭하여 서버 환경 설정을 해 주어야 합니다. 총 세 가지 부분을 설정해 줍니다. 첫째, Server Locations에서 이미 설치한 톰캣을 사용하겠다는 Use Tocat installation을 선택합니다. 둘째, Deploy path에서 생성한 프로젝트를 어디에 올려서 실행할 것인지 선택할 수 있는데, 톰캣 폴더 안에 있는 webapps 폴더를 선택합니다. 셋째, Ports에서 포트번호를 설정해 줍니다. 사용중이 아닌 포트번호를 설정해 주어야 합니다. 

 

 

Start the server 버튼을 클릭하면 서버가 동작합니다. 

 

 

브라우저에 localhost:8082 (포트번호) 를 검색창에 입력하여 아래 페이지가 뜬다면 서버가 정상적으로 동작하고 있는 것입니다.

 

 

 

6. 기타 설정

 

프로젝트 생성시 프로젝트의 web.xml 파일을 생성하기 위해 아래 체크박스를 체크해 줍니다. 

 

 

사용하고 있는 자바 버전을 맞추려면 프로젝트 우클릭 - Bulid Path - Configure Build Path - Libraries - JRE Edit - Workspace default JRE 로 설정해 주면 됩니다. 

 

 

 

이상으로 웹 개발을 위한 이클립스 설치와 기본 환경 설정 방법에 대해 알아보았습니다.

 

 

'WEB' 카테고리의 다른 글

[WEB] 웹 클라이언트-서버(Client-Server) 모델  (0) 2022.07.06

댓글