스프링 프레임 웤을 이용한 첫번째 웹 페이지를 띄워보자!!
D드라이브 web_dev 폴더에 sts-bundle 폴더와 (sts = Spring Tool Suite)
웹서버 구동 위한 아파치 톰캣 8 폴더
웹서버 소스를 보관한 project 폴더
를 구성한다.
sts-bundle -> sts-3.8.1.RELEASE -> STS.exe 을 실행시켜 프로그램을 실행시킨다.
Workspace 를 D:\web_dev\project 폴더로 지정해 주고 OK를 누른다.
짜잔! Spring Tool Suite 의 첫 화면이 다음과 같이 떳다.
sts에서 웹서버를 동작시키기 위해서 첫 번째로 설정해줘야 하는것은 톰캣을 서버로 등록해주는 것이다.
상단 메뉴바에서 Window->Preferences->Server->Runtime Enviroments 순으로 들어가면 아래와 같은 화면이 보인다.
리스트에 Privotal 어쩌구만 있고 원하고자 하는 톰캣이 없다.
Add 를 누루고
Apache 폴더 하위메뉴에 Apache Tomcat v8.0 을 선택 하고 Next 를 눌러준다.
Tomcat installation directory 에 Browse... 을 눌러주고 web_dev 폴더에 있는 톰캣 폴더를 지정해 준다.
피뉘쉬~
그러면 원하고자 했던 아파치 톰캣 8.0이 서버 항목에 들어가 있는 것을 볼 수 있다.
이제부터는 웹 페이지를 만들기 위한 프로젝트를 등록 할건데
package Explorer 의 오른 클릭->Spring Legacy Project 를 눌러준다
프로젝트 이름을 firstWeb
Templates 를 Spring MVC Project 로 선택해 준다.
넥스트를 누르면 다음과 같은 창이 뜨는데 가볍게 Yes 를 눌러준다.
패키지 이름을 정해야 되는데
여기서 주의할 점은 머.머.머 이렇게 점이 2개 이상 들어 가야 한다는 것이다.
머.머 로 하면 경고가 뜨면서 피뉘쉬를 할 수 없다.
왼쪽 상단의 Package Explorer 를 확인하게 되면 firstWeb 이라는 폴더가 생긴다.
처음에는 빨간색이 보이며 먼가 잘못된것처럼 보일 수도 있으나
조금의 시간만 지나면(컴퓨터 성능에 따라 다르겠지만) 아래와 같은 깨끗한 파일로 보인다.
첫 웹페이지를 띄워보기 전에 아까 등록한 서버를 실제 사용 하겠다 등록을 해줘야 한다.
왼쪽 하단에 Servers 빈공간에 오른클릭->New->Server 를 눌러준다
톰캣 8.0 선택
firstWeb 클릭-> Add
하면 오른쪽으로 firstWeb 이 넘어감 -> 피뉘시
이제 정말 firstWeb 의 페이지를 웹 서버로 띄워보자!!!
firstWeb 오른클릭 -> Run As -> Run On Server
톰캣 클릭 피니쉬!
아래와 같이 Hello World! 가 떳다면 성공적으로 첫 웹페이지를 띄우는데 성공한 것이다.
크롬이나 익스플로러에서 http://localhost:8080/firstWeb 페이지로 접속해 보아도 똑같은 결과를 보여준다.
근데 한가지 이상한 점은 The Time 어쩌구 하다가 2016 ? 10? 갑자기 웬 물음표가 있는거지 ??
이것은 원래 한글인데 한글 인코딩을 안해줘서 문제가 생긴 것이다.
firstWeb -> src -> main -> webapp -> WEB-INF -> views -> home.jsp 파일을 열고
첫줄에
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
라고 적어준 다음 저장하고 다시 실행시켜 보자!
이로서 완벽한 첫 페이지가 띄워 졌다!! 짝짝
