JSP-JQuery 시작
·
STUDY/JSP
JQuery ? 자바 스크립트의 대표적인 라이브러리 언어(프레임워크) => 선택자, 이벤트처리, Ajax, JSON JQuery를 사용하기 위해서는 https://jquery.com/ 에서 다운받아야함 네개 중 아무거나 다운 받으면 됨. Download the compressed, production jQuery 3.6.0 => 압축된 파일(주석x, 줄바꿈, 공백x) Download the uncompressed, development jQuery 3.6.0 => 비압축된 파일(주석o, 줄바꿈, 공백 o) Download the compressed, production jQuery 3.6.0 slim build => 압축된 파일(주석x, 줄바꿈, 공백x, Ajax, 효과x) Download the unc..
session 연습
·
STUDY/JSP
세션 : 서버와 클라이언트의 상태를 유지시키기 위한 정보(서버쪽 관리) 세션객체 생성 : session.setAttribute("이름",값) 세션객체 사용 : session.getAttribute("이름") 로그인 로직으로 세션정보 출력 (정보가 있을 때만 출력, 없을 때는 "세션값 없음") 1. 로그인 페이지 생성 2. 전달 받을 페이지 생성 (sessionLoginPro.jsp) 2-1.입력한 id, pw 와 비교값 생성 2-2. 입력한 id, pw 정보 받아오기 2-3. .equals로 비교 2-4. 아이디와 비밀번호가 같으면 sessionMain.jsp로 이동 참조형 타입(String)의 데이터 비교는 (==) 객체의 주소값 비교 참조형 타입(String)의 데이터 비교는(.equals()) 객체..
Scope 연습
·
STUDY/JSP
Scope : 데이터를 공유하는 범위(공간) Attribute : 공유되는 데이터(속성) 영역 영역객체 속성 유효 범위 page pageContext 해당 페이지 request request 클라이언트 요청이 처리되는 페이지 session session 세션정보가 유지되는 동안 모든 페이지 application application 서버(톰캣)가 실행되는 동안 모든 페이지 영역에 정보를 저장 : [영역객체].setAttribute("이름",값): 영역 객체에서 정보를 가져와서 사용 : [영역객체].getAttribute("이름") 1. scopeForm.jsp - 정보를 입력받을 페이지 작성 2. scopePro.jsp 내장객체 - 영역별로 객체 정보를 생성 scopeForm에서 전달된 id 파라메터 정..
템플릿페이지 연습
·
STUDY/JSP
전체 배경색 설정 기본 틀, 사이즈 구성 (top, left, right, bottom) 각각 페이지를 만들어서 jsp액션태그로 표시 1. TOP 코드를 이용해서 top.jsp를 main.jsp에 불러오기 2. LEFT & BOTTOM left와 bottom 부분도 똑같이 jsp include 액션태그를 이용해서 적용
Form태그 연습2(radio, checkbox, select)
·
STUDY/JSP
사용자이름, 성별(radio), 취미(checkbox), 강의장(select) 4개의 정보를 입력받아서 testPro2.jsp로 출력 1. 이름 2. 성별, 취미 - 같은 속성을 가지게 하려면 name 을 같게 설정. 3.강의장 - 첫번째 option은 안내 멘트 4. submit 버튼 생성 5. testForm2.html 전달한 정보 저장 후 출력(이름, 성별, 취미, 강의장) 1. 전달한 정보 저장 - hobby를 이렇게 전달받으면 취미가 game 하나만 Pro창에 전달된다. 기존의 hobby 구문은 주석처리 해주고, 제대로 전달받기 위해서는 취미를 배열로 저장해야 한다. 출력할 때도 if문과 for 반복문을 이용해서 체크되지 않은(null)값은 출력되지 않도록 작성해줘야 한다. 실행하면 정상적으로 ..
JSP form태그 연습
·
STUDY/JSP
1. 사용자의 정보(이름, 나이, 전화번호)입력받아서 testPro1.jsp 페이지에 전달 후 화면에 출력 2-0. 폼태그에서 POST 방식으로 전달할 때는 한글이 깨짐(인코딩 오류) 2-1. 전달해준 파라메터 정보를 저장(이름, 나이, 전화번호) 2-2. 화면에 출력하기 2-3. if문(20세 이상이면 성인입니다. 미만이면 미성년자입니다.)
JSP 내장객체
·
STUDY/JSP
javax.servlet 패키지(8개) request : 클라이언트의 HTTP 요청정보를 저장하는 객체 response : HTTP 요청에 대한 응답정보를 저장하는 객체 session : 클라이언트의 세션정보를 저장하는 객체 pageContext : 페이지를 실행할 때 필요한 컨텍스트(내 프로젝트) 정보를 저장한 객체 out : 응답 페이지를 전송하기 위한 출력 스트림 객체 application : 애플래케이션 컨텍스트 정보를 저장한 객체 config : 페이지 서블릿 설정정보 저장 객체 page : 페이지 서블릿 객체 java.lang 패키지(1개) exception : 예외 처리 객체 request 객체 response 객체 -> 3초에 한번씩 naver를 새로고침 session 객체 out 객체
get.Parameter
·
STUDY/JSP
test2. html 에서 사용자의 입력을 전달받아서 test2.jsp로 정보 전달 파라메터 데이터를 전달받아서 저장 requeset.getParameter("파라메터 명"); 파라메터를 전달할 때 데이터는 항상 String 타입으로 전달됨 전달받은 age가 String 타입이므로 int로 형변환 해줌 입력값 20