JSP (11) 썸네일형 리스트형 엔터 누를 때 폼전송 막고 다른 이벤트 호출하기 input 태그에 검색 내용을 담아 엔터를 눌렀을 때 , 검색 버튼에 걸어놓은 search() 이벤트를 호출하고 싶은데, 자꾸 form이 submit 되면서 화면이 넘어간다..... 여기서 중요한건 , onkeydown 이벤트를 걸 때 먼저 form 전송해주는 이벤트를 막아 주고나서 searchUser()를 호출해주면 된다 ! 막아주는 이벤트 : event.preventDefault(); 변경 전 : 변경 후 : [JSP] 예외처리 예외 처리 - 프로그램이 처리되는 동안 특정한 문제(에러)가 발생했을 때 처리를 중단하고 다른 처리를 하는 것(== 오류처리) 예외 처리 방법의 종류 1) try-catch 2) page 디렉티브 3) web.xml 4) 웹브라우저 위 순서대로 권한이 강하다 ==> 네 가지 예외처리를 동시에 한 경우, 1) try-catch 부터 우선 처리한다. try-catch 예외처리 - 자바의 예외 처리 구문으로 스크립틀릿 태그에 작성한다. 예시) 컴파일->html리턴받음. 데이터를 전달할 수 있음 2) redirect : URL을 재요청. 데이터를 전달하기 어려움 */ //request객체와 response객체를 전달 //tryCatch_error.jsp에서도 요청파라미터인 ?num1=12&num2=6n을 사용할.. [JSP] 시큐리티 시큐리티 허가된 사용자만이 특정 웹 페이지에 접근할 수 있도록 제한하는 보안 기능 1) 인증(authentication) ==>로그인 - 사용자가 웹 브라우저를 사용하여 웹 페이지에 접근할 때, JSP컨테이너는 보안 제약이 있는지 확인 후 사용자에게 이름과 암호를 확인하여 수행 2) 권한 부여 (authorzation) ==> 인증 후 진행됨 - 특정 사용자가 해당 페이지에 접근할 수 있는지 확인하여 승인 웹 서버에 역할과 사용자 구성하기 톰켓 폴더 내 tomcat-users.xml 파일 선언적 시큐리티 - 웹 에플리케이션 배포 설명자 web.xml 파일에 보안 구성을 작성하여 수행하는 방식 web.xml 파일 내에 작성 1) 시큐리티 역할 설정 역할이름 2) 시큐리티 제약 사항 설정 - 사용자의 요청 .. [JSP] 다국어 처리 다국어 처리 - 웹 브라우저를 사용하는 국가에 따라 다양한 언어 및 지역을 지원하는 서비스 - JSP페이지에 JSTL의 fm태그를 이용하면 언어별로 페이지를 따로 만들 필요 없이 간단하게 다국어를 지원할 수 있다. - 다양한 언어와 지역에 적용될 수 있도록 하는 국제화와 언어별 구성 요소를 추가하여 특정 지역의 언어나 문화에 맞추는 지역화를 포함한다. 지역화 - 사용 국가별 환경에서 특정 언어와 지역에 맞게 적합화 하는 것 (L10n으로 표기) - 숫자, 날짜 시간의 형식 - 화폐의 표시 등 지역화 예시 현재 로케일의 국가, 날씨, 통화 국가 : 날짜 : 숫자 : 국제화 - 여러 국가에서 사용할 수 있도록 다국어를 지원하는 것 - i18n으로 표기 국제화 예시1 국제화 숫자 : 숫자 : 숫자 : 숫자 :.. [JSP] 유효성 검사 * 유효성 검사 - 사용자가 폼 페이지에서 입력한 데이터 값이 서버로 전송되기 전에 특정 규칙에 맞게 입력되었는지 검증하는 것 ex) 나이를 적을 때 숫자를 입력하였는지, 아이디 중복 검사, 비밀번호 확인 ....등 * 핸들러 함수 폼페이지에서 이벤트 발생(submit 클릭 한 경우)시 유효성 검사를 위해 매핑하는 메서드 * 정규 표현식 - 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어 -정규 표현식의 사용 형식 var 변수 이름 = /정규표현식/[Flag]; -정규 표현식의 메서드 정규 표현식의 표현 방법 -기본 메타 문자 종류 - 문자 클래스의 종류 회원가입 유효성검사 예제 회원 가입 아이디 : 비밀번호 : 이름 : 연락처 : 010 011 016 017 019 - - 이메일 :.. [JSP] 파일 업로드 - 웹 브라우저에서 서버로 파일을 전송하여 서버에 저장하는 것 - 파일을 전송하기 위해 JSP 페이지에 폼 태그 사용 파일 업로드를 위해선 1) method : post 방식 2) enctype : multipart/form-data 3) action : 파일 업로드를 처리할 JSP 파일 4) type : file 로 설정해줘야 한다. 파일 업로드 처리 방법 *DiskFileUpload 클래스의 메서드 *FileItem 클래스의 메서드 파일 업로드 예시 fileupload04.jsp 이름 : 제목 : 파일: 전송된 파일을 처리하는 fileupload04_process.jsp Kb->Mb->Gb) upload.setSizeThreshold(4096); // 메모리에 저장할 최대 크기(bytes) uploa.. [JSP] 폼(form) 태그 Form 태그 - 사용자가 웹 브라우저를 통해 입력된 모든 데이터를 한 번에 웹 서버로 전송하는 양식 폼을 구성하는 태그 종류 폼 태그의 속성 input 태그의 기본 속성 - 사용자가 텍스트 입력이나 선택 등을 다양하게 할 수 있도록 공간을 만드는 태그 - 종료 태그 없이 단독으로 사용할 수 있다. select 태그 - 여러 개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그 - 시작 태그와 종료 태그가 있고, 리스트 박스에 여러 항목을 추가 삽입하기 위해 반드시 option 태그를 포함해야 한다. (1) select 태그의 속성 (2) option 태그의 속성 textarea 태그 - 여러 줄의 텍스트를 입력할 수 있는 태그 - 기본 값은 와 태그 사이에 설정 - 입력 폼 안에 사용된 태그와 띄어.. [JSP] 내장 객체 내장객체(implicit object) - JSP 페이지에서 사용할 수 있도록 JSP 컨테이너에 미리 정의된 객체 - JSP 페이지가 서블릿 프로그램으로 번역될 때 JSP 컨테이너가 자동으로 내장 객체를 멤버 변수, 메서드 매개 변수 등의 각종 참조 변수로 포함 - 별도의 import 문 없이 자유롭게 사용 가능 - 객체를 생성하지 않고도 직접 호출하여 사용 가능 *out.print와 out.println은 줄바꿈을 지원하지 않는다 방법1) 태그 붙이기 방법2) 블럭 요소인 태그 안에 넣기 방법3) "\n" 붙이기 welcome.jsp 도서 웹 쇼핑몰 menu.jsp (header) Home footer.jsp ©WebMarket books.jsp 도서 목록 상세정보 여기서 상세정보를 누르면 해당 도서의.. 이전 1 2 다음
