N스크린하이브리드앱과정/JSP:Model-1

[3주][5일][5~8th] JSP: JSP의 개념, JSP 실습.

광천스러움 2013. 8. 2. 18:15

☆ 정적 웹페이지 vs 동적 웹페이지

1. 정적웹페이지 (유저(브라우저)실행)
    --> html,css,javascript

 

2. 동적웹페이지(웹프로그래밍) (서버실행)
    --> asp, asp.NET, php, jsp

(1) 웹프로그래밍 : 웹기반에서 동작되는 프로그래밍
(2) 웹 : 하이퍼텍스트(HTML) 기반

 

----- 웹 브라우저의 동작원리 ---------------------------------------------------------

브라우저 -> 요청(request) -> 웹서버 -> 응답(response) -> 브라우저
웹브라우저 -> 요청(test.jsp) -> 웹서버(아파치) -> 웹어플리케이션서버(WAS), 컨테이너(톰캣)
-> 처리(날짜,데이터베이스..) -> 웹서버 -> 응답 -> 웹브라우저

 

웹브라우저->요청(..jsp)->웹서버(요청객체request,응답객체response)->웹컨테이너->처리(servlet생성,초기화,스레드생성->service메서드,doGet,doPost메서드->자바파일생성,실행파일생성)->웹서버->응답->웹브라우저(request,response,스레드소멸)

------------------------------------------------------------------------------------

앞으로의 JSP수업 진도는...

 - 웹페이지, 모델1(화면,디비), 모델2(화면,제어,디비), 프레임워크 ☜ 요로케 나갈 예정...

    글자만 봤을 뿐인데 어려워 보인다 ㅠ_ㅠ...

 

 

☆ JSP의 기본 문법

<%@ %> 페이지설정 page include taglib
<%! %> 전역변수,메서드
<%  %> jsp구문
<%= %> 간단출력

 

 

☆ 실습(1) : jsp언어로 화면 출력시키기

분석

 (1) 5번줄 : color.jspf 파일을 불러온다.

      12번줄 : 불러온 파일의 변수를 출력시킨다.

 (2) 13번줄 : include를 이용해서 top.jsp파일을 불러온다.

 (3) 15~19번줄 : 날짜 출력을 설정하는 부분

 (4) 20~21번줄 : 인스턴스를 출력

 

전체 소스

top.jsp 파일

 

color.jspf 파일

 

결과

 

 

☆ 실습(2) : 함수 사용하기

전체 소스

 

결과

 

 

/(ㅇ_ㅇ>>>> 불금이라 나 집에갈꺼다 바이