티스토리 뷰

BackEnd/JSP

[JSP] 기본적인 JSP 사용법

best 2016. 2. 1. 15:42

1. 프로젝트/파일 생성

 

 

Dynamic Web Project로 project를 새로 생성

 

 

프로젝트 우클릭 후 Other를 눌른다. - JSP File로 생성

(JSP는 소문자로 파일명을 만든다.)

WebContent에 JSP, HTML, CSS, Image, JavaScript 등 웹과 관련된 내용들이 들어간다.

방금 생성한 JSP 또한 WebContent에 들어가 있다.

 


 출력하고자 할때는

 

Servers 에서 하나 있는 서버를 오른쪽 클릭한 후

 

 

 

Add and Remove 를 클릭한다.

 

 

생성한 프로젝트를 Add 한 후 Finish

 

2. 기본적인 JSP

  • 형식 - 기본적인 틀
    <!DOCTYPE html>
        <html>
             <head>
                      ...기타 데이터가 들어갈 영역...
                      <title> 제목 </title>
             </head>
             <body>
              ...본문...
              웹 브라우저에 보여질 영역
             </body>
        </html>

 

 이부분을 디렉티브라고 한다.

 

 

  • 주석

JSP의 주석은 사용자가 볼 수 있는 주석과 볼 수 없는 주석으로 나뉜다.

<!-- 주석... 다른 사용자가 이 주석을 볼 수 있다. 민감한 정보는 여기에다 쓰지 않는다. -->
<%-- 주석... 다른 사용자가 이 주석을 볼 수 없다. JSP의 주석 --%>

  • 출력

화면에 출력하는 방법은 2가지가 있다.

첫번째로 스크립트릿 영역에 out.println(    )로 출력하는 경우와

두번째로 <%=    >의 형식으로 출력하는 경우가 있다.

 

<실제로 인터넷 창에서 확인하기>

 

 서버를 클릭하고 Run을 눌러주면 아래와 같이 Console에 실행이 된다.

이 이후 인터넷 창에서 결과를 확인 할 수 있다.

접속을 하려면 인터넷을 키고 주소창에 http://localhost:8080/HelloJSP/index.jsp 를 입력하면 된다.

http://localhost:8080/프로젝트명/파일명

 

실습1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html> <!-- 지운이유 HTML5로 쓰겠다는 의미 (이게주석) -->
<!-- 주석... 다른 사용자가 이 주석을 볼 수 있다. 민감한 정보는 여기에다 쓰지 않는다. -->
<%-- 주석... 다른 사용자가 이 주석을 볼 수 없다. JSP의 주석 --%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    안녕하세요! <br /> <!-- 한칸 띌 때 -->
    <p>JSP입니다.!</p>
    <%  //스크립트릿 : JSP에서 Java 코드를 쓸 수 있는 영역
    
        String hello = "반갑습니다.";
        out.println(hello); // 화면 출력할 때 사용
    
    %>
    <%= hello %>
 
</body>
</html>
 cs

 

3. 또 다른 출력

http://localhost:8080/HelloJSP/calc3.jsp?f=50&s=70  이러한 형태로 출력하는 방법

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
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 
    <%
        // URL에 포함된 파라미터를 가져온다.
        // URL의 파라미터는?(물음표)를 기준으로 가져올 수 있다.
        // key = value 형태로 전달된다.
        // 여러개의 파라미터가 전달 될 경우는 &로 연결한다.
        // http://localhost:8080/HelloJSP/calc3.jsp?f=50&s=70
        // request 는 URL에 포함된 정보를 가져올 때 쓰인다. (jsp안에 있는 내장개체)
        String f = request.getParameter("f");
        String s = request.getParameter("s");
        
        int firstNumber = Integer.parseInt(f);
        int secondNumber = Integer.parseInt(s);
        
        int additionResult = firstNumber + secondNumber;
    
    %>
    
    <%= firstNumber %> + <%= secondNumber %> 의 결과는 <%= additionResult %> 입니다.
 
</body>
</html>
 cs

 

 

 

http://localhost:8080/HelloJSP/calc3.jsp?f=50&s=70  접속하면  위와 같은 결과를 얻을 수 있다.

페이지를 요청하는데 f=50&s=70을 같이 받아온다.

이때 파라미터는 반드시 문자로 들어가야한다.

 

'BackEnd > JSP' 카테고리의 다른 글

[JSP] JSTL, taglib  (0) 2016.02.05
[JSP] JSTL 설치  (0) 2016.02.05
[JSP] JSP, Servlet ( forward, redirect )  (0) 2016.02.03
[JSP] list를 이용해서 table 만들기 , import  (0) 2016.02.02
[JSP] table, input, javascript를 이용한 계산기만들기  (2) 2016.02.02
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
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
글 보관함