웹개발/jsp

[JSP] #1 개발환경 설정 및 웹페이지 생성

RBWSN 2015. 3. 22. 01:16
728x90
Jsp는 Java Server Page의 약자로 Jsp라는 언어로 웹사이드모듈을 개발할수 있는 기술이다.
Jsp는 Html과 달리 동적인 페이지를 생성하기 위해 서버에서 실행되는 스크립트언어로 자바를 기본으로 사용한다.

웹으로 동작하는 프로그램을 웹 애플리케이션이라고하는데 웹브라우저인 클라이언트에서 웹서버 웹애플리케이션서버 DB 순으로 차례대로 요청한뒤 거꾸로 디비에서 자료를 가져와 응답을 한다.

웹 서버의 대표적인 종류는 아파치와 IIS를 들수있는데 아파치가 가장많이 사용되므로 나는 아파치를 사용하도록 하겠다.

그리고 DB연동과 처리에 필요한 대표적인 웹어플리케이션 서버는 많지만 대표적인 무료제품은 톰캣이므로 톰캣을 사용한다.

웹애플리 케이션의 구현방식은 실행 코드 방식과 스크립트 코드 방식으로 구분되는데

JavaScript 나 VBScript 는 클라이언트에서 처리되기 때문에 클라이언트 사이드 스크립트

그와 ASP JSP PHP는 서버쪽에서 처리를 하므로 서버 사이드 스크립트라고 한다.

위의 실행코드방식은 미리 컴파일된 실행 프로그램을 사용자가 요청하면 실행된다.
하지만 스크립트 코드방식은 사용자의 요청이있을때 호출되어서 실행된다.
한번 실행되면 번역된 코드가 실행된다.

먼저 개발환경을 설정 해보자.

먼저 JDK를 다운받아야한다 Java Development kit 으로 


이곳에서 다운받아서 


이곳에서 자기의 운영체제에 맞게 다운받는다.

그리고나서는 자바의 환경변수를 설정해줘야하는데 
Path 와 JAVA_HOME을 추가/수정해준다.


JAVA_HOME : C:\Program Files\Java\jdk1.8.0_31    // JDK경로
CLASSPATH  : %JAVA_HOME%\lib // 자바경로\lib
path : 자바경로\bin



그리고는 cmd에 java와 javac를 쳐서 명령어가 나온다면 환경변수가 설정완료된것이다 아니라면 다시 해보길바란다.

이제는 웹컨테이너 톰캣을 설치해보자

JSP는 서버측과 연동되어 동적인 페이지를 생성한다.

아까도 말했다싶이 톰캣을 사용한다 

톰캣 사이트는 여기로써 8.0 버젼을 다운받으면된다 jdk의 버젼에따라 다르게 다운받아야하지만 jdk를 최신버젼으로 받는 가정하에 8.0을 다운받아 진행한다.

그리고 톰캣을 설치뒤 환경변수를 설정하는데 

CATALINA_HOME : 톰캣위치
환경변수를 설정하된다.

그렇게 한뒤 이제 톰캣이 실행되는지 봐야하는데 

startup.bat을 실행시킨뒤

로 접속하여 


이런화면이뜬다면 성공적이다.
종료할때는 shutdown.bat을 실행시키면된다.


그리고 나서는 이클립스를 설치해야하는데
이클립스는 프로그래밍을 하게 도와주는 도구라고 생각하면된다.

다운은 여기서한다.


설치하고 실행하면 될것이다.

이제 이클립스에서  웹애플리케이션을 작성하여야하는데

먼저 이클립스에서 웹서버를 설정해보자.


이렇게 이름들을 넣어주고 피니쉬를 클릭한다.

그리고 이제는 이클립스에서 웹프로젝트를 생성해야한다.


이런식으로 추가를 치킨뒤 이제 이 웹프로젝트를 서버에 추가시켜야하는데




오른쪽을클릭뒤 서버에 Add and Remove로 추가시키면된다.
그리고 JSP에서 한글이 설정되게하려면 Encoding 속성을 변경하여야하는데 
이클립스의 속성에서


 저부분을 UTF-8로 바꾸면된다.

그리고는 이제 jsp파일을 추가시켜야하는데 


저렇게 jsp파일을 추가시키면 이런화면이 나올것이다.

여기서 이제 JSP홈페이지를 띄워보도록 한다.

먼저 타이틀은 Hello World

큰글씨는 Hello World2

그밑의 작은글씨는 Hello World3 로 주었다.


그리고나서는 서버를 동작시킨다.
동작시키면 Started로 바뀐다


그리고나서는 이제 웹 프로젝트를 동작시킨다.


이렇게 웹 프로젝트를 동작시키면

이런식으로 자신의 웹페이지가 동작할 것이다.


이런식으로 웹페이지를 작성하는법을 간단히 알았는데 이제는 웹페이지를 실제로 동작을 해보는 war파일을 생성해보자











728x90