50일차 - [JSP] 톰캣 설치/개발 환경 설정/JSP 기본 문법

 

 

웹 서버

사용자 요청을 직접 처리합니다.

정적인 콘텐츠를 처리합니다.

동적인 자료는 웹 서버에서 처리할 수 없고 웹 애플리케이션 서버에 자료 처리를 요청합니다.

 

웹 애플리케이션 서버(WAS)

db조회, 저장 등의 동적인 데이터를 생성하고 응답합니다.

jsp 확장자 파일로 만들고, 그 파일에는 html 태그, css, js, java 코드도 작성할 수 있습니다.

 

웹 컨테이너

웹 서버 구성요소 중 하나로 자바 서블릿과 상호작용합니다.

톰캣을 사용하여 JSP 파일에 대한 요청을 처리합니다.

 

톰캣 설치

톰캣을 다운받습니다. :  https://tomcat.apache.org/ 

 

받은 파일을 알아서 풀기로 압축해제 합니다.

 

 

이클립스 개발 환경 설정

 

1. 인코딩, 기본 브라우저 설정

[Window] - [Preferences] 를 클릭합니다.

 

[General] - [Web Browser] 에서 Chrome을 선택하고 Apply를 클릭합니다.

 

[General] - [Web Browser] - [Text file encoding] 에서 UTF-8을 선택하고 적용합니다.

 

[Web] - [CSS Files] - [Encoding] 에서 UTF-8을 선택하고 적용합니다.

 

[Web] - [HTML Files] - [Encoding] 에서 UTF-8을 선택하고 적용합니다.

 

[Web] - [JSP Files] - [Encoding] 에서 UTF-8을 선택하고 적용합니다.

 

[Window] - [Web Browser] - [Chrome] 을 선택합니다.

 

2. 톰캣 서버 연결하기

Servers 창의 [Click this link to...] 메시지를 클릭합니다.

Servers 탭이 보이지 않으면 [Window] - [show view] - [Servers]를 선택합니다.

 

다운로드 받은 톰캣 버전을 선택하고 [Next]를 클릭합니다.

 

[Browse...]를 클릭합니다.

 

다운로드 받아 압축해제한 톰캣 파일을 선택합니다.

 

[Next]를 클릭합니다.

 

[Finish]를 클릭합니다.

 

port 번호를 설정합니다. (server 폴더 안의 server.xml 파일)

→ 서버의 서비스들은 port 번호로 서비스 종류를 구분합니다.

→ Oracle DataBase port 번호 8080과 충돌되므로 8081로 변경하고 저장합니다.

→ Servers 탭에서 초록색 시작 버튼을 클릭합니다.

 

JSP 프로젝트 생성하기

[File] - [New] - [Dynamic Web Project]를 클릭하여 프로젝트를 생성합니다.

 

DataBase 연동 준비

DataBase와 연동하기 위해 ojdbc6.jar 파일을 WebContent/WEB-INF/lib 폴더에 복사합니다.

 

JSP(Java Server Page)

서버 측에서 처리되는 프로그래밍 언어입니다.

동적인 요청을 받아 처리하고 HTML 문서로 동적인 결과를 생성하여 응답합니다.

HTML 태그 안에 실행에 필요한 자바코드(스크립트릿)를 작성합니다.

 

JSP의 기본 문법 요소

1. 지시자

<%@ 지시자 속성1="값1" 속성2="값2" ... %> 

현재 페이지 처리에 필요한 정보를 JSP 컨테이너에 전달합니다.

지시자에는 page, include, tablib 등이 있습니다.

page 지시자 : 현재 JSP 페이지의 속성을 정의합니다.

language="언어"

contentType="MIME유형; charset=문자인코딩"

pageEncoding="페이지 문자인코딩"

 

2. 스크립트릿(scriptlet)

<%  %> 태그로 작성합니다.

html 문서 안에서 자바코드가 작성되는 부분입니다.

태그 안의 각 문장은 ; 로 끝납니다.

 

3. 표현식

<%=  %> 태그로 작성합니다.

데이터를 html 문서에 출력합니다. (변수, 수식 결과, 메소드 리턴값 등)

 

4. 주석문

JSP 페이지에서 사용할 수 있는 주석은 다음과 같습니다.

HTML 형식 : <!-- 내용 -->

JSP 형식 : <%-- 내용 --%>

자바 형식 : //내용  /* 내용 */

 

 

JSP 기본 형식 예제1

vo 클래스를 활용하여 MyUser 타입 객체의 데이터를 출력합니다. 

 

MyUser의 vo 클래스를 생성합니다.

 

MyUser 객체를 생성합니다. → 스크립트릿

값을 표로 출력합니다. → 표현식

 

JSP 기본 형식 예제2 : List 객체, table 태그의 행 반복

List객체를 생성하고 반복문으로 데이터를 출력합니다.

비고란에는 청소년(20세 미만) 여부를 출력합니다.

 

List에 생성한 객체를 추가합니다. → 스크립트릿

반복문(for문)으로 행을 추가합니다. → 스크립트릿

데이터를 셀에 저장합니다. → 표현식

비고란에 청소년 여부를 출력합니다. (if문) → 스크립트릿

 

DataBase 연동 예제1 :  select Dao로 Custom 테이블 조회

Oracle에 저장된 Custom 테이블의 데이터를 가져와 표로 출력합니다.

 

Oracle Custom 테이블

 

Custom vo 

 

Custom Dao - selectAll( ) 메소드

 

Custom_list JSP

 

DataBase 연동 예제2 :  select Dao로 Product 테이블 조회

Oracle에 저장된 Product 테이블의 데이터를 가져와 표로 출력합니다.

 

Oracle Product 테이블

 

Product vo

 

Product Dao - selectAll( ) 메소드

 

Product_list JSP