첫번째 웹 페이지를 띄워보자! (windows)

스프링 프레임 웤을 이용한 첫번째 웹 페이지를 띄워보자!!

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"%>

라고 적어준 다음 저장하고 다시 실행시켜 보자!

이로서 완벽한 첫 페이지가 띄워 졌다!! 짝짝