JSP 8

8.JSP (useBean 액션 태그)

useBean 액션태그를 사용하지 않을 때 *form.jsp action="result1.jsp" 로인해 데이터가 전송된다. request.getParameter를 할때 String, int, boolean 각각의 형변환을 해줘야하는 불편함이 있다. 받는 정보가 위의 예시보다 많다면 엄청 불편할 것이다. 위 사진과 같이 폼 화면이 나타나고, 이름/나이/성별 등을 입력할 수 있다. 첫번째 문장에 241살이 나온 이유는 String 값으로 저장되기 때문에 24에 1 이어붙어 "241" 값이 나온것이다. 두번째 문장에서는 age라는 변수를 int로 형변환 하였기 때문에 24 + 1 이 되어 "25" 값이 나온것이다. 텍스트 글자가 깨질 땐 request.setCharacterEncoding("UTF-8");을..

JSP 2017.10.06

7.JSP (session을 이용한 로그인)

로그인 페이지 만들기 1) login.jsp : 로그인을 할때 보여지는 폼 화면2) loginOK.jsp : 실질적으로 값을 전달받아 처리하는 페이지3) index.jsp : 저장된 값과 비교하여 로그인 기능을 처리하는 페이지4) logout.jsp : 로그아웃 페이지 *login.jsp 로그인 페이지를 만들기 위해선, 우선 폼 화면을 만들어야 한다.login.jsp의 이름으로 로그인할때 보여지는 화면의 폼태그를 만들어준다. action="loginOk.jsp는 사용자가 폼 화면에 입력한 아이디와 패스워드를 loginOk.jsp로 전송한다.즉 실제 기능은 loginOK.jsp 를 통해 일어나는 것이다 method="post"는 POST 방식을 이용하여 URL 경로를 숨기는 기능을 한다. login.jsp..

JSP 2017.10.06

6.JSP 에러처리

1. page 디렉티브의 errorPage 속성에서 지정한 에러페이지를 보여주는 것을 할것이다.webContent에 page1.jsp를 만들어서 페이지를 만들어야 한다.i= 10 j= 0 으로 변수의 값을 준 뒤 i를 j로 나눈다.즉 10/0 은 실행이 안되는 에러이기 때문에 에러페이지가 나타날것이다. 2.Error 페이지 노출입력한 코드에 문제가 있기 때문에 500번 페이지가 나타난다. 3. error 의 페이지에서 실행시키는것 말고 page1에서 지정한 에러페이지를 불러오려면를 입력한다. error/error.jsp위치에 있는 error.jsp 파일을 불러온다는 코드이다. 4. WebContent 안에 error폴더를 만든 뒤 error.jsp 파일을 만들고 아래와 같이 소스코드를 입력하여 원하는 경..

JSP 2017.10.04

5. JSP <Json>

search.maven.org 사이트에 들어가서 gson을 다운받는다 다운받은 gson을 webContent -> WEB-INF -> lib 에 넣는다 GsonEx1 Gson gson = new Gson()으로 gson객체를 만들고 자바배열을 json문자열로 변환할 때는 gson.toJson()을 사용하고 json 문자열을 java로 변환할 때는 gson.fromJson()을 사용한다. GsonEx2 클래스를 따로 만들어서 불러오는 방법을 사용한다. 패키지와 클래스를 만든다. VO 클래스는 데이터를 저장하기 위한 용도의 클래스다. 변수선언, 생성자만들기,getter & setter 만들기, 메서드 오버라이딩 4가지 방법 getter & setter 만들기 위에 사진처럼 하기전에 우선 변수를 선언한다. p..

JSP 2017.10.04

4. JSP (Jsoup)

JsoupEx01 Jsoup.org 사이트에 들어가서 파일을 다운받고 압축파일을 풀지않은 상태로 WEB-INF안에 lib안에 넣으면 jsoup를 사용할 수 있게 된다. 단 코딩할 때 jsoup 관련된 사항은 import 처리를 해야한다 Jsoup.connect 를 통해 해당 페이지를 get을 통해 Document doc로 해당 홈페이지를 가져온다는 의미이다. doc.title()은 가져온 홈페이지 중에 title만 나타내는 것이다. 나타낸 title은 String title에 저장하고 out.println(title)를 통해 서버를 실행시키며 내용을 출력시킨다 JsoupEx02 실시간 급상승 검색어 가져오기 네이버에 들어가서 소스보기를 누른 후 수많은 코드 중에 원하는 정보를 찾으려면 Ctrl+f 로 필..

JSP 2017.10.04

3. JSP ( Javascrpit 표현 방법)

Javascript 표현방법은 3가지가 있다 1) 외부파일 2) 내부파일 3) 직접입력 외부 파일 불러오기. 1) js라는 폴더를 하나 만들고 그안에 comm.js 라는 파일을 만든다. 나중에 불러올 외부파일의 내용을 만든다. 에 의해 처음 실행을 하면 안녕하세요 라는 창이 뜬다. 그 밑에 onclick=clickMe 는 클릭할 때 clickMe를 불러온다는 의미이다. clickMe는 아까 위에서 설정한 comm.js 파일 안의 내용이다. come on 을 클릭하면 come on 으로 인해 왜그러시죠가 실행된다. come here 을 클릭하면 come here 으로 인해 외부파일인 comm.js를 불러오게 된다. 를 head안에 작성하고 js폴더안에 comm.js파일을 만든다. functioni clic..

JSP 2017.09.23

JSP 2. HTML - 폼태그

을 이용해서 폼태그를 사용한다여기서 폼태그란 보여지는 모양을 말하는 것이다.action은 서버를 받아주는 이름이다.result.jsp 파일에 서버에서 받아주는 문구를 작성한다.type을 통해 text/password/submit 을 설정할 수 있다.placeholder = "빈칸일때 보여줄 문구" 를 작성한다.required = "required"   미입력시 반드시 입력하게 할 때 사용한다 submit타입은 value라는 이름의 전송하기 칸을 만들고 누를 시에 서버로 전송시킨다.     서버에서 받아주는 파일을 작성한다request.setCharacterEncoding("UTF-8")은 charset 처럼 UTF-8로 설정하여 글이 깨지지 않도록 설정한다.String ..

JSP 2017.09.22

JSP 1. HTML

Dynamic Web Project 만들기 (동적인 웹 프로젝트 만들기) 1. 이클립스를 실행시킨 뒤 File -> New -> Dynamic Web Project를 실행한다. 2. 프로젝트이름을 설정한 뒤 Next 클릭한다 3. 빈칸으로 되어있는 Generate web 칸을 클릭 하여 설정한 후 Finish 버튼을 누른다. 4. 프로젝트가 만들어 졌다면 이제 HTML 파일을 만들어야 한다. 프로젝트를 더블클릭 하여 WebContent 로 설정한 content directory 파일에 오른쪽버튼을 클릭 New -> HTML File 을 클릭한다. 5. HTML 파일의 이름을 정한 뒤 Finish 버튼을 클릭하여 종료한다. 6. HTML 파일 생성 완료 1. HTML 꾸미기 1. 이제 html 을 꾸미는 ..

JSP 2017.09.22
반응형