본문 바로가기
개발자/백엔드 웹 개발자 과정(국비)

jsp[2]_2023-01-03

by 초응 2023. 1. 3.

[JSP]

- Java Server Page

- 어렵게 구현하던 서블릿을 스크립트 언어로 구현한것.

ㄴ 스트립트 언어를 흉내낸것. JSP가 직접 구동되지 않고 jsp를 서블릿으로 번역하고 서블릿에서 실행된다.

서블릿은 자바가 주가되고 html이 핸들링 되었는데 jsp는 html이 주가되고 자바코드가 핸들링된다.

 

[JSP 장점]

1. 서블릿보다 쉽고 빠르다.

2. 디자인 부분과 로직 부분을 분리시킬 수 있다.

3. 자바의 기능을 사용할 수 있다. (API)

4. 사용자가 만든 서블릿보다 좀 더 최적화된 서블릿을 생성시켜준다.

 

[JSP 구성요소]

-디렉티브 (Directive) : 설정 정보를 지정할 때 사용한다. (정보태그)

  ㄴ 형식 : <%@ 디렉티브 이름 속성1="값1" 속성2 = "값2" %>

  ㄴ 종류 : page ( contentType(text/html) import 기억, 나머지는 기본값 사용) , taglib, include

- 스크립트 원소(Scripting Element) : JSP페이지에서 자바코드를 직접 기술 할 수 있게 하는 기능.

ㄴ 선언부 : <%!자바코드%> / 클래스 하단에 작성됨(멤버변수로 지정, 메서드 선언도 가능하다)

ㄴ 스크립트릿 : <%자바코드%> / service 메소드 안에서 번역됨( 지역변수로 선언)

ㄴ 식 : <%= 자바코드%> /  값만 전문적으로 출력

- 기본객체 : 만들어서 제공해주는 기본 객체 (요청,응답)

- 정적인 데이터

- 액션태그 : 서버에서 돌아가서 결과만 돌려주는 태그

- 커스텀 태그 :  인위적으로 만드는 태그

 

- 번역과정을 세번 거치기 때문에 시간 오래걸림.

- 번역의 순서 자바 > 자바스크립트>css> html (자바가 출력X, 다음 언어에 전달하겠다.)

- 웹 400에러 : 클라이언트 쪽에서 발생하는 오류 / 웹 500 에러 : 서버 에러

 

//jsp출력 기본 객체 :  out

 


[웹 만들기]

1. 컨텐츠의 구성 요소 수집.

2. 컨텐츠의 기본 레이아웃 선정( 저수준 프로토타이핑)

3. 컨텐츠의 뼈대(구조화 작업)

4. html로 컨텐츠 구성

 

시멘틱 태그 : 의미 부여

<header>  : 상단 영역

<nav> : 메뉴 영역

<section> : 컨텐츠들의 영역

<article> : 고유한 컨텐츠 

ㄴ alticle안에 section이 들어갈 수 있고 section안에 alticle 들어갈 수 있음 (병합해서 사용 가능)

<footer> : 하단 영역

 

css파일 불러오기

<link rel ="stylesheet" type = "text/css" href = "css/mainLayout.css">