본문 바로가기
  • think normal
새로워지기/서른의 생활코딩

hello world : STS4.0.1(스프링부트) + Maven(메이븐) build

by 청춘만화 2019. 2. 11.

(작성 중인 튜토리얼? 일단 캡쳐화면만 나열.. 시간이되면? 각 이미지별로 설명을 추가하고 GIT 연결할 예정.. 일단 파일 첨부)


hello world : STS4.0.1(스프링부트) + Maven(메이븐) build  

소스 : startSpringWithMaven20190123.zip


1. 오른쪽 마우스 > New > Other


2. Maven Project 선택

3. 첫번째 체크박스 Create a simple project 선택한 후,  next> 버튼 클릭 

4. Form 안에 프로젝트 내용 작성한 후  Finish 버튼 클릭 

5. 새로 생성된 프로젝트 확인

6. 프로젝트 이름을 클릭하면 목록이 펼쳐짐 

7. pom.xml 파일을 열고 필요한 dependency 작성

8. 프로젝트 제목을 선택한 후 오른쪽 마우스 클릭한다. 아래쪽에 java EE tools를 선택하고 Generate Descriptor Sub를 클릭

9. src 아래 main 아래 webapp 아래 WEB_INF 아래 web.xml 파일이 생성된다.


10. 생성된 web.xml을 열고, 가장 먼저 두번째 줄에 있는 xml DocType선언부 에서 javace 버전을 3.0으로 변경해준다.

11. 이제 필터와 contextConfigerLocation, DispatcherServlet 정보들을 설정한다

12. 프로젝트 이름을 선택하고 오른쪽 마우스를 누른다. 아래 쪽에 있는 maven을 선택하고 Update Project를 클릭한다. 

13. 목록에 선택한 프로젝트가 잘 체크되어있는지 확인하고 OK를 클릭하면 우하단에 녹색 프로그래스 바가 열심이 읽고 있는 모습을 확인할 수 있다.

14. 메이븐 설정은 일단락 되었다. 이제 톰캣 서버를 세팅해보자 . 상단의 Window 네비게이션 탭에서 Show View를 선택하고 Other를 클릭한다. 

15. 새로운 창에서 서버를 선택, Open을 클릭한다.

16. 좌하단에 Server 탭이 추가된 것을 확인 할 수 있다.

17. 파란색 링크를 클릭하면 New Server를 생성하기 위한 창이 나온다. 목록에서 본인의 PC에 설치한 톰켓과 같은 버전을 선택한다.

18. 톰켓이 설치된 디렉토리 경로를 선택하고 next 버튼을 클릭한다 

19. 방금 세팅한 서버에 연결할 프로젝트를 선택한다. (지금은 왼족 목록에 하나 밖에 없지만 나중에는 여러 프로젝트들이 나열될 수 수 있음을 기억해두자.)선택후 중간에 있는 add 버튼을 누르면 

20. 선택했던 프로젝트가 오른쪽으로 이동했음을 알 수 있다. 이제 Finish 버튼을 눌르면 연동이 완료된다.

21. 좌 하단 영역을 보면 서버 아래로 프로젝트 이름이 추가되었음을 확인할 수 있다.

22. 이번엔 프로젝트의 경로 속성을 조정해보자. 프로젝트 선택 후 오른쪽 마우스, 이번엔 맨 아래에 있는 Properties를 클릭한다.

23. 왼쪽 목록에서 Web Project Setting을 선택한다.

24. 모두. 오른쪽에 Conect root의 경로를 '/'로 수정한 후 Apply 를 클릭한다 

25. 이번에 생성한 서버 이름을 더블 클릭한다. 그러면 우측에 Web Module 이라는 영역이 출력되고 그 안에 내가 연결한 프로젝트 이름이 있다. 

26. Web Module 안에 있는 프로젝트 이름을 클릭하면 Edit Web Module 창이 뜬다.

27. Path를 확인하고 '/'으로 수정하자.

28. Web Module 목록에서 수정한 Path가 잘 적용되었는지 확인한다. 

29. resource package 경로를 선택하고 Ctrl + N를 클릭하고 words 창에서 pack를 검색하고 결과를 더블클릭하면

30. 새로 생성하는 resource 패키지 경로와 이름을 설정한다.

31. 새로 생성하는 resource 패키지 경로와 이름을 설정한 후, 조금 전에 작성한 web.xml을 다시 열어 보자.

32. 이번엔 web.xml에 servlet-context에 대한 경로와 설정을 해보자 

33. 새로 생성한 resource 패키지에 조금전 web.xml에 작성한 경로와 동일한 위치에 root-context.xml과 servlet-context.xml 파일을 생성한다.

34. 새로 생성한 root-context.xml 을 열고 service와 repository에 대한 context를 설정한다.

35. 새로 생성한 servlet-context.xml 을 열고 base-package와 view.internal 경로를 설정한다.

36. view page를 만들자. webapp 폴더를 선택하고 ctrl + N을 누르면 New 창이 뜨고 Words 영역에  jsp를 입력하면 아래와 같은 목록을 확인할 수 있다.

37. jsp를 선택하고 next를 클릭한 후 파일 이름(index.jsp)을 입력한다. 그리고 엔터 또는 Finish 버튼.

38. 새로 생성된 index.jsp를 더블클릭하면 오른쪽에 관련 코드를 볼 수 있다. 그리고 <head></head> 영역 안에 스크립트를 추가하자

39. 이번엔 컨트롤러를 만들어 보자. 첫번째 package 디렉토리를 선택하고 ctrl + N을 누르면 새 창이 뜬다. words 영역에 class를 입력하고 선택하고 next 버튼을 클릭하면 

40. New java Class 페이지로 전환되고 이곳에 생성할 클래스의 이름 또는 패키지 경로를 작성한다.

41. controller 클래스를 작성한다.

42. index.jsp에 설정한 리다이렉트 경로를 controller 클래스에 맵핑해준다.

43. WEB-INF폴더를 선택하고 Ctrl+N클릭하고 words에 folder를 쓰고 목록을 선택, next 버튼 클릭 

44. 폴더 이름은 servlet-context.xml에 작성한 bean property의 설정한 이름과 동일하게 view라고 작성 후 Finish 클릭  

45. view 폴더 안에 helloMaven.jsp 파일 생성. java와 xml, jsp 간 path mapping 구조를 고려하여 코드 작성 

: URL:8081 -> web.xml ->  index.jsp -> root-context.xml -> mavenController.java -> servlet-context.xml -> helloMaven.jsp 

46. 좌하단에 있는 서버를 선택하고 녹색으로된 재생버튼을 클릭하여 톰캣 서버 구동, ["http-Bio-8080"]이 정상적으로 뜨는지 확인

46. 브라우저를 띄우고 주소창에 localhost:8080을 입력 

47. 브라우저 결과










댓글