티스토리 뷰

프로그래밍/JSP

[2] JSP 기초_프로젝트 생성하기

안싱미 2016. 2. 1. 14:19

* JSP란? : Java Server Pages 의 줄임말
HTML위에 Java 코드를 올리는 것이 바로 JSP이다. 프로젝트 생성부터 차근차근 살펴보고자 한다.

일단 STS를 켜고 프로젝트를 생성한다.



참고 :

Servers는 절대 지우면 안된다.



1. 프로젝트 생성  - (Dynamic Web Project 생성 , Project name : HelloJSP)


2. HelloJSP라는 프로젝트가 생성된다.



3. WebContent 폴더에서 오른쪽 마우스를 클릭하여 jsp파일을 생성한다. 파일 이름은 index.jsp로, 반드시 소문자로 만든다.

JSP 의 기본 형식이 보여진다. 이 기본 형식을 잘 기억해두자! 더 자세한 내용은 아래에서 설명하겠다.



4. 내용을 입력한다.



5. 실행을 시키면 아래와같은 화면이 Console창에 나타난다.
(JSP 에서는 public static void main을 쓰지 않는다. 이것은 윈도우에 있는 자바 프로그램을 실행시킬 때 쓰는 것이고, 웹은 실행방식이 다르다.)


5. 웹 브라우저를 열고 아래 주소를 입력한다.

http://localhost:8080/HelloJSP/index.jsp
http://localhost:8080/HelloJSP

index.jsp : 가장 첫번째 화면
그렇기 때문에 두 주소 모두 같은 결과가 나온다. 

* JSP 구조

1. 디렉티브

JSP 파일을 생성하면 제일 상단에 디렉티브가 나타나는 것을 볼 수 있다. <%@ %> 으로 된 것이 바로 디렉티브이고, 해석하자면 "이 페이지에서 자바 언어로 html을 사용해서 UTF-8 방식으로 인코딩을 하겠다"라고 하는 것이다.


2. <!DOCTYPE HTML>

html5를 사용하겠다는 선언부이다. JSP파일을 생성하면 원래

이렇게 자동 생성되지만, html5를 사용하고자 한다면 PUBLIC 뒤의 부분을 모두 지워주어야 한다.

 

3. HTML 영역

<html>부터 </html>까지가 HTML 구역이다. HTML은 항상 <>괄호를 통해서 묶여있다. 괄호 안에 들어가는 것들을 element라고 부르며 <element></element>가 한 쌍으로 이루어진다.

- <title>은 제목이 들어가는 구역을 말한다. <head></head>안에서 사용된다.

- <body> 부분은 본문이다. 

- <body> 내부의 <% %>은 스크립트릿이라고 불리는 것으로,  JSP에서 Java 코드를 쓸 수 있는 영역을 말한다. 


# 주석의 방식

주석에는 <!-- --> 방식과 <% %> 방식이 있는데,

아래와 같이 사용자가 웹에서 F12를 눌러 코드를 봤을 때 <%    %> 이렇게 쓰여진 것은 보여지지 않는다.



#스크립트릿의 출력 방식

아래 두가지 방식 모두 출력할 수 있는 방식이나, 보통 처음처럼 많이 사용한다.

<%= hello %> 


<% 

String hello = "반갑습니다.";

out.println(hello); // 화면에 출력한다. 

%>


'프로그래밍 > JSP' 카테고리의 다른 글

[4] jsp를 이용해서 심플 게시판 만들기  (0) 2016.02.02
[3] 테이블을 이용해서 심플 계산기 만들기  (0) 2016.02.02
[2] JSP기초_요약  (0) 2016.02.02
[2] JSP 기초_심플 계산기 만들기  (0) 2016.02.01
[1] JSP를 시작해봅시다  (0) 2016.02.01
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함