개발자노트/웹 (74) 썸네일형 리스트형 JSP - Bean 설명과 request 객체설명, 이를 이용한 계산기 예제 Bean - 자바 빈즈 - JSP 서버 프로그래밍에서 로직을 갖는 클래스를 Bean 클래스라고 부름 - '클래스' 이기 때문에 패키지 안에 class 파일을 만들면 된다. - 멤버변수를 private로 선언하고, - op 값이 null이 아니게 하기 위해 기본 생성자를 만들어준다. ( 초기에 html에서 불러오면서 null값이 들어가게 되는 것을 막기 위해) - 그리고 private 처리를 하였으니 당연히 get,set을 해주어야겠다. - 마지막으로 CalBean이 수행할 함수까지 만들어주면 된다. CalBean 클래스를 만들었으면 JSP에서 사용하는 법을 설명하겠다. - java의 bean을 그대로 데려올 수 있음 - test 패키지에 CalcBean 클래스를 cb라는 이름으로 객체화 - CalcBea.. 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 - API 사용하기 ( 구글맵API , Marker icon 변경 ) API - 외부 모듈을 연결 구글맵 API를 사용하여 맵을 불러오고, Marker(마커) 아이콘, 속성 등을 바꾸는 법 작동원리는 주석에 달아놨고, 다음에 더 정리해서 축약하고, CSS와 JS , HTML을 분리한 뒤 정리된 코드를 다시 올리겠다. 이용한 출처 좌표 검색기 : https://map.yjhoon.com/naver/ 무료 아이콘 링크 : https://icon-icons.com/ko/ 구글맵 API : https://mapsplatform.google.com/ 여기서 중요한것은 API에서 Key값을 받아서 script에 추가해주어야한다. YourKey에 자신의 키값을 넣자 코드가 길어 수행결과 먼저 보여주겠다. 지도 중심 이동-1 지도 중심 이동-2 이전 1 2 3 4 5 6 7 8 ··· 10 다음