JSP 개발환경 구축

HTML 처럼 정적인 웹 페이지를 만드는 것 이외에 동적인 웹페이지를 생성하기 위해서는 JSP(JavaServer Pages)를 사용하게 된다. JSP 페이지를 만들기에 앞서 우선 JSP 개발환경을 구축해야 한다.
다음의 총 4 단계로 이루어져 있다:

1. JDK 설치
2. Tomcat 설치
3. STS4 tool 설치

---

1. Open JDK 설치

아래 사이트로 들어가서 "Amazon Corretto 11 다운로드하기"를 클릭한다

aws.amazon.com/ko/corretto/

Amazon Corretto 프로덕션용 OpenJDK 배포

설치 한 후 내 PC-> 시스템 속성 -> 환경변수 -> 시스템변수에서   JAVA_HOME 이 설정 되었는지 확인한다.

그 다음 환경변수 창에 사용자 변수 부분에 path에 자바 bin 디렉터리를 추가한다.

 2. Tomcat (Tomcat 9 버전으로 설치 할 예정) 

tomcat.apache.org/

Apache Tomcat® - Welcome!

위의 압축 파일을 다운 받은 후 적절한 위치에 풀어준다. 이때 경로 확인을 꼭 해놓도록 하자! 나중에 STS4를 등록할 때 필요하기 때문이다.

Tomcat 설치가 끝났다면 로컬 컴퓨터에서 잘 구동되는지 확인해봐야 한다.
Tomcat 압축 파일 푼 폴더로 가서 -> bin -> startup.bat을 실행한다

startup.bat을 실행한 후 localhost:8080을 입력해서 다음 화면이 확인이 되면 tomcat 설치가 잘 된 것이다.
혹시나 잘 안된다면 shutdown.bat 을 실행한 후 다시 startup.bat을 실행해보자.

[참고] startup.bat 을 실항한 후 로컬 pc에서 tomcat이 잘 돌아가는 지 확인한 후에는 shutdown.bat을 실행해서 서버를 shutdown 해야한다. 하나의 서버를 다른 곳에서 동시에 구동시킬 수 없기 때문에(port 번호를 다르게 설정하지 않는 이상) STS4에서 tomcat 서버가 무사히 돌아가게 하기 위해서는 shutdown.bat 까지 실행해줘야 한다.
혹시나 STS4에서 tomcat server가 잘 작동되지 않는다면 이 부분을 확인해보자!

(Mac 또는 Linux 의 경우는 starup.sh를 실행하면 된다)

 3. STS4 설치 

아래의 사이트를 접속한 후 STS4를 다운로드하고 압축을 해제한다

spring.io/tools

Spring Tools 4 is the next generation of Spring tooling

설치가 완료된 후에는 몇가지 작업을 추가적으로 해줘야 한다.

• Spring Tools 3 Add-On for Spring Tools 4를 설치한다

위에 navigation bar에서 -> Help -> Eclipse Marketplace... -> spring 검색 -> "Spring Tools 3 Add-On for Spring Tools 4" 설치

• Encoding

(Mac은 자동으로 utf-8로 설정이 되어 있어서 상관이 없지만 Windows의 경우에는 인코딩 설정을 해줘어야 한글이 깨지지 않는다)

navigation bar -> Window -> Preferences -> "encoding" 검색 -> Workspace, CSS Files, HTML files, JSP Files, XML files 인코딩을 "utf-8" 로 변경

• Server runtime에 Tomcat9을 추가한다

Navigation bar -> Windows -> Preference -> Runtime Environment -> 맨 우측에 "Add"

---

여기까지 되었다면 프로젝트를 하나 제작 해보자!

 Dynamic Web Project 제작해보기 

Navigation bar -> File -> New -> other -> "Dynamic Web Project" 선택

프로젝트를 새로 만들 때(아래 사진과 같이) Target runtime에 Tomcat이 선택되어 있지 않으면 선택한 후 프로젝트 만들기를 완료하도록 하자.

HTML 파일은 WebContent 폴더 아래에 index.html 파일을 새로 만든다. 앞으로 html, jsp 등 브라우저에서 보일 파일들은 이 폴더 아래에 만들면 된다.

그 다음 index.html 파일 하나를 예시로 만들어서 서버가 잘 돌아가는지 확인해보자.
WebContent 폴더에서 마우스 우클릭 -> New -> html file

예시)
* 여기서 charset="UTF-8"으로 설정되어 있는 것을 확인하자! 인코딩 작업을 미리 하지 않으면 아마 EUC-KR로 나타날 것이다. 따라서 인코딩 작업을 꼭 하도록!

index.html 파일 하나를 만들었다면, 프로젝트의 이름으로 가서 -> 마우스 우클릭 -> Run As(아래 사진 참고) -> Run on Server를 클릭한다

다음과 같이 tomcat을 설정해서 Finish를 누르면

다음과 같이 index.html 페이지의 내용이 무사히 나오게 된다.