[Spring]1/3 eclipse에서 spring mvc project 생성+tomcat 화면 띄우기 (mac,openJDK11)

오랜만의 포스팅입니다. 

오늘은 이클립스에서 스프링프로젝트를 하기위해 spring legacy project를 생성하고 tomcat을 추가하고 화면 띄우는 것 까지 진행해보겠습니다.

---

전체 목차입니다.

2021.10.03 - [WEB/BACK] - [Spring]2/3 spring 프로젝트에 +mybatis + mariadb연동

[Spring]2/3 spring 프로젝트에 +mybatis + mariadb연동

2021.10.04 - [WEB/BACK] - [Spring]3/3 게시판 - 목록 보여주기 (selectList)

---

이 환경은 mac, openJDK 11에서 진행했습니다. 톰캣은 설치되어있어야 합니다.

이 포스팅을 이어서 다음에는 mybatis + mariadb 연동 + 게시판 까지 진행해가겠습니다.

---

1. new project - spring legacy project 선택 후 next

 

2. project name 적고 Spring MVC Project 선택  후 next 가눌리면 당신은 행운자 next를 기쁜 마음으로 클릭합니다.

만약에 여기서 next 선택이 안되고 오류가 난다면 2-1로 이동 된다면 3번으로 넘어가세요.

2-1 next가 클릭안되는 오류해결방법

1. eclipse.ini 파일에 들어가서 내가 설치했던 open jdk11 경로를 써준다. /bin  까지

(보통 eclipse의 설정파일은 eclipse설치 폴더에 들어있다. 하지만 MacOS의 경우  Eclipse.app을 우클릭하여 패키지 내용보기 > Contents > Eclipse > eclipse.ini 에서 찾을 수 있다. 경로는 조금씩 다를수 있다.) 필자는  ini 파일에서 vm 과 vmargs사이에 경로를 넣어줬다.

-vm
/Library/Java/JavaVirtualMachines/adoptopenjdk-11.jdk/Contents/Home/bin
-vmargs

2. 그리고 만들어진 프로젝트의 오른쪽 마우스 클릭 property에 들어가서 자바 버전을 우리가 설치했던 jdk11버전으로 변경해준다.

3. 그럼 정상작동.

3. 주소를 만들어주고 finish

 

4. 그럼 왼쪽에 프로젝트 생성 확인 , 이제 서버를 추가 해보겠습니다.

5. 서버 영역에서 오른쪽 마우스를 클릭합니다.

6. 원하는 톰캣 버전을 선택하고 서버 이름을 지어줍니다. (저는 8090포트에서 돌릴것이라 이름에 옆에 써주었습니다. )

 

7. 오른쪽에 아까 만들어둔 therapy 프로젝트를 추가해줍니다. 그리고 finish

8. 그러면 레이아웃 하단 서버 영역에 방금 생성한 서버를 확인할 수 있습니다. 여기서 그냥 진행해도되지만 저는 포트를 변경하고 싶으니까 더블클릭해서 포트 넘버를 기존 8080에서 8090으로 변경하겠습니다. 그리고 반드시 컨트럴+s 를 이용해서 저장해줍니다.

 

 

9. 서버에서 오른쪽 마우스 클릭해서 start 해줍니다. 그리고 브라우저의 url 에 http://localhost:8090/therapy 를 입력해줍니다. therapy 는 저의 project 명입니다.

10.  hello world! 를 볼 수 있습니다. 여기서 글자깨짐을 해결하려면

 

11. src/main/webapp/WEB-INF/views/home.jsp의 내용에 하단 내용을 추가해줍니다.

contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

 

 

12. 결과확인

만약

http://localhost:8090/therapy 가 아니고 그냥 http://localhost:8090 까지만 입력하고 싶다면 

서버 - modules 탭에가서 path를 /therapy -> / 으로 변경해준다. 그리고 저장하고 서버를 다시 재시작하여 확인해본다.

 

url 변경 확인

 

후우 여기까지 이클립스에서 스프링 프로젝트를 생성하고 톰캣을 연결하여 브라우저에서 실행시키기까지 해보았습니다.

다음 포스팅에서는 이 프로젝트에 mybatis + mariadb를 연동하겠습니다.

감사합니다.