웹 (71) 썸네일형 리스트형 JSP - JSP만을 이용한 계산기 예제1 + ( HTTP 상태 500 - 내부 서버 오류) (GET,POST) 주의할점 , 생각할 점 - 초기 페이지의 로딩 방식은 get 방식일 것이다. - 만약 request와 로딩방식이 둘다 get이라면, - 이러한 오류가 발생하게 된다 (500 에러는 대부분 로직상 문제이다.) 이유 : 코드를 상단부터 불러오기 때문에 , request 할 것이 없어서 변수,함수 등을 정의 할 수 없기 때문이다. 이때 사용자의 입력값을 전달해주는 POST방식일 때만 작동하게끔 바꾸면 되는데, if(request.getMethod().equals("POST")) 를 한줄 추가해주면 된다. --> ( request를 POST 방식일 때만 수행되게끔 ( 사용자의 입력값을 전달 받기 위해 ) ) 또한 웹에서는 정보들이 모두 String 타입으로 관리가 되기 때문에 Integer.parseInt()를.. JSP - import, JSP 주석, JAVA를 HTML에서 사용하기 JAVA 언어를 사용할 수 있게 해주는 서버 프로그래밍 언어 - 상단에 지시어에 import 속성으로 java.util.* ( 와일드카드 ) 를 사용하여 java의 기능들을 import함 - JSP의 주석은 을 사용한다. JSP 전체 동작 과정 1) URL 입력 2) IP 주소로 변환 3) JSP 페이지 요청 4) JSP 서블릿 처리 - 웹 서버거 요청 내용을 분석, - 서블릿 컨테이너에게 요청을 넘겨서 처리 -> new 서블릿(); -> .doGet() 호출 5) HTML 페이지 응답 화면에 출력될 내용을 HTML 문서 형태로 웹 브라우저에게 전송 == 응답 JSP 지시어 [<%@%>] Page 지시어란? - jsp 전체적인 페이지에 대한 정보를 설정 - jsp가 서블릿(java파일)으로 변환될 때 전반적인 영향을 줄 수 있는 정보를 제공함 - jsp 페이지를 컨테이너에서 처리하는 데 필요한 각종 속성을 기술하는 부분 속성 설명 default 설정 값 language 스크립트 언어의 유형을 정함 java import JSP 내에서 사용할 외부 자바 패키지나 클래스의 불러오기 (import)를 정한다 - session 세션의 사용 유무 true buffer 버퍼의 크기를 정함 8KB autoFlush 버퍼의 내용을 자동으로 비움 true isThreadSafe 단일 스레드 모델을 사용함으로써 동시성 제어 여부를 정한다 true info JSP 페이지에 대한 설명 - errorPage 현재.. JSP와 Servlet(서블릿) + Servlet doGet(),doPost() [JSP] HTML 코드내부에 JAVA 언어를 사용할 수 있게 해줌 ==> HTML 문서 안에 Java 코드를 포함 - 서버 프로그래밍 언어 - 컴파일 결과로 .java로 끝나는 파일을 생성함 => 서블릿 Servlet [서블릿 Servlet] - JAVA 언어에서 HTML를 작성할 수 있게 해줌 ==> 자바 코드 안에 HTML을 포함 - .java로 끝남 - 패키지가 항상 존재해야함! - 기본 생성자 필수 - doGet(), doPost() 메서드로 GET, POST 요청에 대해 수행할 것을 작성 ex) public class Student 와는 다른 클래스 파일 - Student을 POJO라고 함 - 서블릿은 POJO가 아닌 클래스 @WebServlet("/xxx") 어노테이션(애너테이션) : "/x.. 클라이언트와 서버간의 동작 과정(웹 서비스 진행 과정) [서버] Server 서비스를 제공하는 컴퓨터 웹 호스팅 요청을 받아서 서비스를 제공하는쪽 (응답하는 쪽) [클라이언트] Client 서비스를 이용하는 컴퓨터 사용자 브라우저 요청을 (시도)하는 쪽 [클라이언트와 서버간의 동작 과정(웹 서비스 진행 과정)] 1) URL 입력 2) IP 주소로 변환 3) HTML 페이지 요청 4) 3의 요청 내용을 분석 5) HTML 파일 전송 6) HTML 태그를 분석하여 화면 구성 [HTTP 명령: GET, POST] [GET] URL에 정보가 노출됨(보안 불리) 전달할 수 있는 데이터 크기에 제한O URL?매개변수=값&매개변수=값 R(데이터를 로드) 작업에 많이 활용: SELECT -> 서버에서 정보를 가져오려고 사용하는 방법 -> 보여주는 것 [POST] URL에 .. HTML - jQuery를 이용한 toggle() 예제 ( 사진 열기 ) 이번엔 class를 따로 지정하지 않고 ID만으로 toggle 시키는 예제이다. 버튼 이미지인 box은 기본적으로 display: none; 상태로 설정되어있는데 toggle()을 통해 display 되도록 한다. 이곳에서 button:eq()는 버튼이 여러개 있을 때 몇 번 째 버튼인지 알려주기 위함이고, toggle("fast")는 투글이 활성화 되어서 display가 되는 속도를 조절하는 것이다. slow로 하게 된다면 천천히 디스플레이된다. 수행결과 HTML - jQuery를 이용한 toggleClass("on") 예제 액션1 액션2 액션3 toggleClass를 사용해 box 에 on class를 추가하면 위에 스타일이 적용되어 폼이 변경되는 방식 수행결과 버튼 1 : 왼쪽 주황박스 버튼 2 : 오른쪽 파랑박스 버튼 3: 두개 동시 조작 이전 1 2 3 4 5 6 7 8 9 다음
