Eclipse JSTL / JSP 개발환경 설정하기

Eclipse JSTL 과 JSP 개발환경 설정하기에 앞서 Tomcat과 필요한 Library를 다운로드해야 하고

Eclipse에서 Project를 Dynamic Web project로 생성해야한다. 

Eclipse JSP 개발환경 설정 또한 마찬가지이므로 JSTL과 필요한 Library가 다를 뿐 진행 절차는 똑같다.

 

먼저 Tomcat 다운로드 사이트 링크는 아래와 같다.

https://tomcat.apache.org/download-90.cgi

Apache Tomcat® - Apache Tomcat 9 Software Downloads

 

 

본인이 다운로드 받고자 하는 버전을 확인하고

Binary Distributions의 core에서 zip 파일을 다운로드 받는다.

나는9.0.83버전의 64-bit Windows zip을 클릭해 다운로드 받았다.

 

 

 

 

다운로드를 완료했다면 zip을 풀어주고 Eclipse에서 Dynamic Web project를 생성한다.

Dynamic Web project를 생성하는 방법은

• 좌측 사이드에서 Explorer를 통해 생성
• 상단 바에서 File > New > Dynamic Web Project 를 생성
• 마지막으로 Ctrl + N을 누르고 Dynamic을 검색하여 Web > Dynamic Web Proejct를 찾아 생성

위와 같은 방법들이 있으므로 본인이 선호하는 방식으로 생성하면 된다.

 

 

 

 

그러나, Dynamic Web project를 생성할 수 없다면 Help > About Eclipse IDE를 확인한다.

 

 

 

 

About Eclipse IDE를 봐도 모르겠다면 다운로드 받았던 Eclipse의 zip 파일명을 확인해보면 된다.

파일명에 jee가 들어있다면 Dynamic Web project를 생성할 수 있다.

 

 

 

 

 

그러므로 Dynamic Web Proejct를 생성할 수 없다면

https://rlog0918.tistory.com/10를 참고하여 Eclipse를 다운로드하는 것을 추천한다.

 

다시 본론으로 돌아가 Dynamic Web Project 생성이 가능하다면

Project Name을 입력하고 Next 버튼을 클릭한다.

나는 Project Name을 jstl_practice라고 입력해주었다.

 

 

 

 

별 다른 것 할 것 없이 Next 버튼을 다시 한 번 더 클릭한다.

 

 

 

 

 

Web.xml을 생성하기 위해 체크박스를 클릭하고 Finish 버튼을 클릭한다.

 

 

 

 

Dynamic Web project 생성을 완료했다면 상단바의 Window > Preference에서 설정을 시작한다.

 

 

 

 

왼쪽 사이드 메뉴에서 enc를 검색하여 General > Content Types를 클릭한다.

오른쪽 Content types에서

• Java Class File
• Text
• Word Document

위의 3가지를 각각 클릭해 하단의 Default encoding에 utf-8을 입력하고  Update 버튼을 클릭한다.

 

 

 

 

그 이어서 General > Workspace를 클릭한다.

오른쪽 하단의 Text file encoding을 Other: UTF-8로 설정하고

New text file line delimiter는 Other: Unix로 설정한다.

이때 New text file line delimiter의 설정은 크게 중요하지 않다.

모든 설정을 완료했다면 Apply 버튼을 클릭한다.

 

 

 

 

마지막으로 Web과 XML의 카테고리에 속하고 있는

• CSS Files
• HTML Files
• JSP Files
• XML Files

위의 하단 메뉴들을 모두 Encoding: ISO 10646/Unicode(UTF-8)로 설정한다.

설정을 완료했으면 Apply 버튼을 클릭한다.

 

 

 

 

enc 부분의 설정을 끝마쳤으니 다음 설정을 위해 새로운 검색을 시작한다.

검색창에 jre를 입력하고 Java >Installed JREs를 클릭한다.

그 후, 오른쪽의 Add 버튼을 클릭한다.

 

 

 

 

Standard VM을 선택하고 Next 버튼을 클릭한다.

 

 

 

 

Directory 버튼을 클릭하고 본인이 사용하는 JDK의 경로를 찾아 설정한다.

JDK를 다운로드 할 때, 별도로 경로를 지정하지 않았다면 일반적으로 저장되어 있는 경로는

C:\Program Files\Java\jdk-버전이다.

경로를 설정해 주었다면 Finish 버튼을 클릭한다.

 

 

 

 

추가해준 jdk의 체크박스를 클릭하여 체크 표시를 남기고  Apply 버튼을 클릭한다.  

 

 

 

 

그 다음은 compi를 검색하여 Java > Compiler를 클릭한다.

본인의 JDK 버전에 맞춰 오른쪽의 Compiler Compliance level의 숫자를 변경해주고 

Apply 버튼을 클릭한다.

 

다른 검색어를 입력할 때, 혹은 Apply 버튼을 눌렀을 때

바꾸겠느냐, 업데이트 하겠느냐와 같은 팝업창이 뜬다면

모두 Yes 또는 Ok와 같은 맥락의 긍정적인 문구의 버튼을 클릭하면 된다.

 

 

 

 

runti를 검색하여 Server > Runtime Environments를 클릭하여 오른쪽의 Add 버튼을 클릭한다.

 

 

 

 

다운로드 받았던 본인의 Tomcat의 버전을 선택하여 Next 버튼을 클릭한다.

 

 

 

 

Browse 버튼을 클릭하여 다운로드 받은 Tomcat의 경로를 설정한다.

 

 

 

 

나는 64-bit Windows zip으로 다운로드해 압축을 풀었기 때문에

apache-tomcat-9.0.83-windows-x64 폴더 안의 apache-tomcat-9.0.83를 선택하여 경로를 설정했다.

 

 

 

 

경로를 설정 했다면 Finish 버튼을 클릭하고 Apply And Close 버튼을 클릭한다.

 

 

 

여기서 설정이 모두 끝났으면 좋겠지만

단순히 Apply 버튼이 없어서 Apply and Close 버튼을 선택할 수 밖에 없었을 뿐이다🤣

다음에 설정할 때는 Runtime Environments를 마지막에 해야지🥲

이러한 사정으로 종료된 Preference를 다시 열어준다 (상단바의 Window > Preference)

 

본인이 별도로 사용하고 있는 Web browser가 있다면
web을 검색하여 General > Web Browser에서 Use external web browser를 선택하고

목록들을 보며 본인이 사용하는 Web browser의 체크박스를 클릭하고 Apply 버튼을 클릭한다.

만약 리스트에 없다면 오른쪽 버튼들 중에 Search 버튼을 클릭해 Web browser를 다운받은 경로를

설정해 추가하면 된다.

 

참고로 나는 Whale을 자주 사용해서 리스트에 추가하기 위해 다운로드 받은 경로로 설정을 시도해보았으나

자꾸 Web Browser가 없다며 추가할 수 없었다.

굳이 설정을 안하고 넘어가도 되는 부분이지만 Internet Explorer나 Microsoft Edge는 쓰고 싶지 않아서

떠났던 Chrome을 다시 다운로드 받아 경로를 설정해주었다.

 

 

 

 

conso를 검색하여 Run/Debug > Console에서 Console buffer size (character) 값을

1000000(100만) 으로 설정해 주었다.

더 이상 Preferences에서 설정할 것은 없으므로 Apply and Close 버튼을 클릭한다.

 

 

 

 

다음은 서버를 설정할 차례다.

상단바에서 Window > Show View > Servers를 클릭해서 Servers 창을 열어준다.

만약 안보인다면 Window > Show View > Other..에서 Servers를 검색하여 Severs 창을 열어준다.

 

 

 

 

Servers의 창에 파란색으로 적힌 글자를 클릭한다. 

 

 

 

 

본인이 다운로드 받은 Tomcat의 버전과 일치하는지 확인하고 Next 버튼을 클릭한다.

만약 불일치한다면 일치하게 설정한다.

또한 Preference에서 설정했던 것들 중에 Tomcat이 등장했던 부분들도 다시 확인하는 것을 추천한다.

 

 

 

 

서버를 연결할 본인 프로젝트를 클릭하고 Add 버튼을 클릭한다.

그럼 Available(좌)에 있던 프로젝트가 Configured(우)로 이동한다.

프로젝트를 제대로 선택해주었다면 Finish 버튼을 클릭한다.

 

 

 

 

Servers에 연결된 Tomcat을 더블클릭한다.

 

 

 

 

그럼 Tomcat v9.0 Server at localhost 이 나타나는데

오른쪽의 Ports에서 HTTP/1.1에서 값을 더블클릭하여 8088로 수정한다.

수정 값을 입력했다면 반드시 Ctrl + s 로 저장한다.

제대로 저장하지 않았다면 상단의 Tomcat v9.0 Server at localhost 이름 앞에 *이 붙어있다.

 

 

 

 

하단 탭에서 Modules를 클릭하여 프로젝트를 선택하고 Edit 버튼을 클릭한다.

여기서는 인터넷 창에서 주소에 적힐 부분을 설정하는 곳이다.

경로가 길게 길게 되어도 상관없다면 안 해도 괜찮지만 싫다면 이곳에서 간소화 시킬 수 있다.

 

 

 

 

 Path : / 로 입력한 뒤 OK 버튼을 클릭한다.

 

 

 

 

Path가 수정한대로 변경이 되었는지 확인하고 마찬가지로 반드시 Ctrl + s를 눌러 저장한다.

 

 

 

다음은 Properties를 띄우기 위해 본인의 프로젝트 위에 마우스 커서를 올리고 우클릭을 한다.

그 후 제일 하단에 위치하고 있는 Properties를 클릭한다.

 

 

 

 

좌측 메뉴에서 Java Build Path를 클릭하여 Libraries 탭을 선택하고

JRE System Library [JavaSE-숫자]를 선택한 후 Edit 버튼을 클릭한다.

JRE System Library [JavaSE-숫자]의 위치가 나의 캡쳐와 달리 아래에 위치할 수도 있는데

위치는 중요하지 않기 때문에 크게 신경쓰지 않아도 된다.

 

 

 

 

Workspace default JRE (jdk-본인이 사용하려는 버전의 숫자가 적혀 있어야 한다)를 선택하고

Finish 버튼을 클릭한다. 

 

 

 

 

그럼 jdk의 버전이 변경된 것을 확인할 수 있다.

확인 후에 Apply 버튼을 클릭하여 적용한다.

 

 

 

 

좌측 메뉴에서 JavaCompiler를 클릭하고 Compiler compliance level에서

본인이 사용하려는 jdk버전의 숫자를 선택한다.

선택을 완료했으면 Apply 버튼을 클릭한다.

 

 

 

 

좌측 메뉴의 Project Facets를 클릭하면 

• Dynamic Web Module
• Java
• JavaScript

위의 3가지 항목의 체크박스를 반드시 체크해 주어야 하고

각각의 Version 값을 4.0 / 11 / 1.0로 설정해야한다.

• Dynamic Web Module    >>>> 4.0
• Java    >>>> 11
• JavaScript    >>>> 1.0

 

 

 

그 후 3가지 항목 중에 아무거나 하나를 선택하고

오른쪽에 Runtimes 탭을 클릭해서 Apache Tomcat  v9.0의 체크박스에 체크한다.

하나만 설정해주면 나머지 2개도 모두 같이 체크된다.

불안하다면 나머지 2개도 제대로 체크 되었는지 확인해보면 된다.

확인을 완료했다면 Apply 버튼을 클릭한다.

 

 

 

 

마지막으로 좌측메뉴에서 Targeted Runtimes를 클릭하여 Apache Tomcat v9.0에 체크가 되어있는지

확인하고 Apply and Close 버튼을 클릭한다.

제대로 잘 따라했다면 Targeted Runtimes를 클릭 했을 때 이미 체크되어 있고

만약 체크되어있지 않다면 방금 전에 설정하고 왔던 Project Facets에서 Rumtimes에 체크해두지 않아서

그렇게 되어있을 가능성이 높으며 문제가 없다면 Tomcat을 설정하는 부분들을 다시 확인해야한다.

 

 

 

 

JSTL과 JSP을 연습하기 위한 Eclipse와 Project의 개발 환경 기본 세팅은 여기서 끝!

 

 

 

Eclipse JSTL / JSP 개발환경 설정하기

(다음 게시물 예고편)
Eclipse에서 JSTL Library 적용하기