티스토리 뷰

프로그래밍/JSP

[2] JSP기초_요약

안싱미 2016. 2. 2. 10:06

# Script  방식

웹에서 사용되는 언어는 2가지가 있다.

1. SSS(Server Side Script) : 서버에서 동작하는 언어, JSP --> HTML을 만든다.

2. CSS(Client Side Script) : 클라이언트에서 동작하는 언어 = 브라우저가 어떤 작업을 수행한다. (ex. HTML, CSS, Javascript)


# 웹 구동방식

① 요청을 보낸다. : url을 통해서 서버(tomcat)에 요청을 보낸다.

② 찾는다 : 요청을 처리할 수 있는 jsp파일을 찾는다.

③ 처리한다(컴파일한다) : 스크립트릿을 제거하고 결과를 사용자가 볼 수 있는 형태, 즉 html로 바꾸어 JVM으로 보낸다.

④ 결과를 알려준다. : 결과를 서버로 보낸다.

⑤ 응답을 보낸다. : html 형태로 클라이언트 사이드로 보낸다.

→ 클라이언트 사이드에서 렌더링 해서 웹브라우저에 보여준다.




# JSP 파일의 구조

1. JSP 선언부

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

 

페이지 디렉티브  : 뭔가를 선언할 대 <%@ page   %> 라고 쓴다

 <%@   디렉티브를 선언하겠다는 뜻 (디렉티브란? 하나의 JSP 파일에 대한 공통적인 설정들)

<%@ page language="java"%>  이 페이지의 언어는 Java이다.

<%@ page contentType="text/html; charset=UTF-8"%> 이 페이지의 형식은 html이다.

<%@ page pageEncoding="UTF-8"%> 이 페이지는 UTF-8로 인코딩 되어있다

 

* 참고 - Web Script 3가지 

1. PHP <?      ?>

2. JSP <%     %>

3. ASP <%     %>

JSP vs. ASP : 선언부를 보면 알 수 있다



2. HTML 선언부

<!DOCTYPE html>

 

3. HTML 내용

<body>

 ... 본문....

</body>

- 대소문자나 심지어 body가 없어도 알아서 인식을 해주지만, 통일성을 줘서 코드의 가독성을 높이는게 중요하다.

- 들여쓰기로 계층구조를 나타내는 것이 중요하다.

- 사용자에게 보여지는 영역 body를 예쁘게 꾸며주는 것이 css 와 JavaScript 

 

HTML의 규칙 1. HTML Element 들은 시작이 있으면 끝이 있다.

 

참고!

HTML element( = DOM, Tag) : 꺽쇠 안에 들어가는 것들.


HTML의 규칙 2. HTML Element 들은 일정한 계층이 있다. 따라서 들여쓰기가 굉!장!히! 중요하다.

 

 


HTML의 규칙 3. element는 소문자로 적는다.

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   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
글 보관함