JSP

 

이클립스 다운로드

 

Eclipse Packages | The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source pro

520 MB 197,629 DOWNLOADS Tools for developers working with Java and Web applications, including a Java IDE, tools for JavaScript, TypeScript, JavaServer Pages and Faces, Yaml, Markdown, Web Services, JPA and Data Tools, Maven and Gradle, Git, and more. Cli

www.eclipse.org

 

Eclipse Enterprise 버전 다운로드 ( 웹을 구동해야 하므로 Enterprise 버전이 필요한다 )

 

 

 

 

 

 

아파치 톰캣 9 버전 다운로드

 

Apache Tomcat® - Apache Tomcat 9 Software Downloads

Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software, as well as links to the archives of older releases. Unsure which version you need? Specification version

tomcat.apache.org

 

64-bit Windows zip 버튼 눌러서 다운로드 및 압축 해제

 

압축 해제 완료

 

 

 

 

 

워크스페이스 생성 및 설정

 

프로젝트 생성

 

New Runtime 클릭

 

Apache Tomcat v9.0 클릭, Create a new local server 체크 후 Next

 

아파치 톰캣 설치된 경로를 설정 > Browse 클릭

 

아파치 톰캣 설치 경로까지 들어가 폴더 선택 클릭

 

Finish 클릭

 

src - main - webapp 하위에 ex01.jsp 생성 후 body 태그 안에 문자 작성 후 저장하여 웹 테스트

 

Ctrl _ F11 눌러서 실행시킨 뒤 서버를 톰캣으로 실행, Always use this server when running this project 클릭 후 Finish

 

웹 정상 실행

 

 

 

 

 


▼ 만약 서버를 실행시켰는데 에러가 출력된다면 사용하려는 포트 번호가 겹친 경우!! ▼

포트번호가 겹쳐 에러가 발생한다면 하단의 servers 탭에 현재 구동중인 Tomcat v9.0 서버 더블클릭

 

HTTP/1.1 포트 번호가 겹쳐서 문제가 발생하는 것이기 때문에 포트번호를 8080에서 변경해준다


 

 

 

 

 

인코딩 방식 변경

한글을 처리하기 위해서 charset 을 UTF-8 로 변경해야 함
Window - Preferences - General - Workspace 의 Other 항목이 UTF-8 로 선택되어 있는지 확인

 

Web - CSS Files - Encoding 을 UTF-8 로 변경

 

HTML Files 도 인코딩 방식 UTF-8 로 변경

 

JSP Files 도 인코딩 방식 UTF-8 로 변경

 

위 설정 이후 새로 jsp 파일을 생성하면 자동으로 인코딩 방식이 UTF-8 로 변경되어 생성된다

 


 

 

 

 

 

JSP 기본 태그

JSP 기본 태그

 

 

 

 

 

스크립트릿

스크립트릿 > 실행하면 웹이 실행되며 콘솔창에 num : 100 이 출력 > 웹에는 따로 출력한 것이 없기 때문에 빈 페이지가 출력됨

 

스크립트릿 > out.print(); 함수를 사용하여 웹에도 출력

 

 

 

 

주석

<%-- --%>

 

 

 

 

 

표현식

<%= %>

 

스크립트릿과 표현식 함께 사용

 

 

 

 

 

선언문

<%! %> : 서버가 실행될때 처음 한번만 확인.... 그래서 num++ 를 입력한 뒤 새로고침하면 num 의 수가 계속 올라감 ( 서버 재실행 시 초기화 )

 

메소드는 선언문에서만 생성할 수 있다!

 

선언문 사용 예시 ( HashMap 입력 후 Ctrl + Spacebar 눌러서 import 후 실행 )

 

 

 

 

지시자

( 아래서 자세하게 다룸 )

 


 

 

 

 

 

경로 이동 방식

 

새로운 dynamic web project 생성

파일 생성

 

절대경로와 상대경로 사용 방식

각각 상대경로, 절대 경로를 사용하여 각 jsp 파일로 a 태그를 사용하여 경로 변경

 

 

 

 

 

Get 방식, Post 방식

Request & Response

 

파일 세팅

 

form.jsp 작성

 

get.jsp, post.jsp 작성

 

post 방식으로 넘기면 request.setCharacterEncoding("utf-8") 로 인코딩 방식을 명시해줘야 한글이 깨지지 않는다.

!!! post 방식으로 값을 넘길땐 받는 쪽에서 인코딩 방식을 꼭 명시해주기 !!!

 

form2.jsp 와 result.jsp 파일 생성 및 작성

 


 

지시자

지시자

 

 

 

 

 

page 지시자

파일 생성

 

ex02.jsp 에서 값을 0 으로 나눠서 에러 발생시킨 뒤 <%@ %> 사용하여 에러페이지를 error_msg.jsp 로 설정

 

error_msg.jsp 에서는 isErrorPage 를 true 옵션으로 바꿔 에러페이지 파일임을 명시해줘서 exception 을 사용하여 에러 메세지를 출력할 수 있다.

 

 

 

 

 

include 지시자

파일 세팅

 

header.jsp 와 footer.jsp 파일 작성

 

main.jsp 작성 ( header.jsp 와 footer.jsp 를 불러와서 사용 )

 

 

 

 

 

taglib 지시자

 

 

 

 

 

 

 

 

 

 

 

 

 

 

실습 예제

실습 예제

 

예제 풀이

header.jsp ( 각각 파일의 디렉토리가 다르므로 절대 경로를 사용 )

 

main.jsp

 

ex01.jsp

 

ex02.jsp 는 에러가 발생하는 페이지 이므로 error_msg.jsp 에 include 태그 적용

 


 

 

 

 

 

Request / Response

파일 세팅

 

ex02_form.jsp 작성 ( request.getContextPath 를 사용해서 프로젝트의 경로를 받아와서 사용 )

 

ex02_result.jsp 에서 여러 파라미터 값이 같은 name 으로 넘어오는 경우 request.getParameterValues 를 사용하여 문자열 배열로 받아서 사용한다.

 

getParameterNames 를 사용하여 파라미터의 이름을 확인....

반환형태는 Enumeration<String> 형태이며 while 문을 사용하여 다음 내용이 있는지 확인하여 nextElement() 메소드를 사용하여 변수로 해당 파라미터명을 담아서 사용한다.

728x90

+ Recent posts