땅콩이 맛난고 먹이자

[부스트코스]{2. DB 연결 웹 앱}(3. JSP - BE)_2. JSP 스크립트 요소와 주석 본문

edwith_부스트코스_웹 프로그래밍

[부스트코스]{2. DB 연결 웹 앱}(3. JSP - BE)_2. JSP 스크립트 요소와 주석

pea_Nut 2020. 2. 28. 12:29

JSP 문법

JSP 페이지에는 선언문(Declaration), 스크립트릿(Scriptlet), 표현식(Expression) 이라는 3가지의 스크립트 요소가 있다.

<%!     %> 선언문(Declaration) 전역 변수 선언 및 메소드 선언에 사용 class body에 위치함
<%      %> 스크립트릿(Scriptlet) 프로그래밍 코드 기술에 사용 _jspService() 함수 내에 위치함
<%=    %> 표현식(Expression) 화면에 출력할 내용 기술에 사용 _jspService() 함수 내에 위치함

 

 

 

 

#선언문

  • 선언문 : <%! %>
  • 선언문은 JSP 페이지 내에서 필요한 멤버변수나 메소드가 필요할 때 선언해 사용하는 요소
  • 선언문의 문법
    • <%! 문장 %>
  • 실습
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

id : <%=getId() %>      //getId() 함수를 호출 후 그 return 값을 출력한다.
</body>
</html>

<%!
    String id = "u001"; //멤버변수 선언
    public String getId( ) { //메소드 선언
        return id;
    }
%>

위 jsp파일이 서블릿으로 바뀌면 아래와 같이 class body 내에 위치하게 된다.

 

 

 

 

 

#스크립트릿

  • 스크립트릿 : <% %>
  • 가장 일반적으로 많이 쓰이는 스크립트 요소
  • 주로 프로그래밍의 로직을 기술할 때 사용
  • 스크립트릿에서 선언된 변수는 지역변수
  • 스크립트릿의 문법
    • <% 문장%>
  • 실습
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<%
for(int i = 1; i <= 5; i++){    //반복하며 글씨 크기를 줄여나간다.
%>
<H<%=i %>> 아름다운 한글 </H<%=i %>>
<%
}
%>
</body>
</html>

위 jsp파일을 실행하면 다음과 같은 결과가 출력된다.

위의 변환된 서블릿 코드는 다음과 같고,

HTML 소스는 다음과 같다.

 

 

 

 

 

#표현식

  • 표현식 : <%=%>
  • JSP 페이지에서 웹 브라우저에 출력할 부분을 표현 (즉, 화면에 출력하기 위한 것)
  • 스크립트릿내에서 출력할 부분은 내장객체인 out 객체의 print() 또는 println() 메소드를 사용해서 출력
  • 표현식의 문법
    • <%=문장%>
JSP Servlet
학교: <%=EWHA%>

out.write("학교");

out.print("EWHA");

 

 

 

 

주석

JSP페이지에서 사용할 수 있는 주석: HTML주석, 자바주석, JSP주석

 

HTML 주석
  • HTML 주석은 <!--로 시작해서 -->로 끝나는 형태
  • HTML 주석은 HTML주석을 사용한 페이지를 웹에서 서비스할 때 화면에 주석이 내용이 표시되지는 않으나 , [소스보기]수행하면 HTML주석의 내용이 화면에 표시.
  • HTML주석의 예시
JSP주석
  • JSP 페이지에서만 사용되며 <%--로 시작해서 --%>로 끝나는 형태
  • JSP 주석은 해당 페이지를, 웹 브라우저를 통해 출력 결과로서 표시하거나, 웹 브라우저 상에서 소스 보기를 해도 표시 되지 않음. 또한 JSP주석 내에 실행코드를 넣어도 그 코드는 실행되지 않음.
  • JSP주석의 예시
자바주석
  • 자바 주석은 //, /**/을 사용해서 작성.
  • //은 한 줄짜리 주석을 작성할 때 사용되고, /**/은 여러 줄의 주석을 작성할 때 사용
  • 스크립트릿이나 선언문에서 사용되는 주석으로, 자바와 주석 처리 방법이 같음
  • 자바주석의 예시

 

 

 

 

 

 

 

 

 

#부스트코스 강의

https://www.edwith.org/boostcourse-web/lecture/16704/

 

[LECTURE] 3) JSP 문법 : edwith

들어가기 전에 JSP는 HTML태그와 자바코드를 섞어서 개발할 수 있습니다. JSP에서 자바코드는 어떻게 입력을 하는지, 어떤 결과를 출력하려면 어떤 것을 사용해야 하는지에 대해서... - 부스트코스

www.edwith.org

 

 

 

 

 

 

'edwith_부스트코스_웹 프로그래밍' 카테고리의 다른 글

[부스트코스]{2. DB 연결 웹 앱}(4. redirect & forward - BE)_1. redirect  (0) 2020.02.29
[부스트코스]{2. DB 연결 웹 앱}(3. JSP - BE)_3. JSP 내장객체  (0) 2020.02.28
[부스트코스]{2. DB 연결 웹 앱}(3. JSP - BE)_1. JSP 개념과 라이프 싸이클  (0) 2020.02.28
[부스트코스]{2. DB 연결 웹 앱}(2. WEB UI 개발 - FE)_4. Ajax 통신의 이해  (0) 2020.02.21
[부스트코스]{2. DB 연결 웹 앱}(2. WEB UI 개발 - FE)_3. Browser Event, Event object, Event handler  (0) 2020.02.21
'edwith_부스트코스_웹 프로그래밍' Related Articles more