PROGRAMMING/Web
-
AJAX, 게시판 카테고리PROGRAMMING/Web 2022. 6. 9. 22:47
하루입니다. 서버와 브라우저는 서로 동기화되어 맞물려 돌아간다. 그에 비해 AJAX는 요청할 때마다 xhr을 만들 수 있다. 게시판 카테고리 만들기. 게시판 DB 만들기 (SAMPLE_BOARD_CATEGORIES) vo, dao 만들기 dao에는 상위카테고리를 보여주는 메소드와 상위카테고리의 no를 받아 하위카테고리를 보여주는 메소드가 있다. ajax 작업 위해 categories.jsp 만든다. 상위No를 하위카테고리 메소드에 넣어 나온 하위카테고리 list를 gson의 toJson을 사용해 jsonText로 만든다. select box를 누르면 refreshSubCategories() 가 실행되게 함. 해당 함수 안에는 자바db연동문의 결과를 gson.toJson() -> JSON.parse()를 ..
-
크롬 요소 소스 보기, MIME, AJAX, 서버와 자바스크립트의 데이터 교환, JSONPROGRAMMING/Web 2022. 6. 8. 22:45
하루입니다. 1. 세미 크롬 디버깅 말이 디버깅이지 그냥 요소 소스 보기입니다. 왜 거창한 이름을 붙였냐면 제가 이거로 오류를 고쳐서임. 1. 크롬에서 F12 누르기 2. 네트워크 들어가기 3. 파란 동그라미 클릭하기 저 네모화살표를 클릭하고 요소에 커서를 올리면 이렇게 뜬다. 내가 이거로 오류 찾은 법 1. 다운로드를 누르면 이클립스 콘솔에 boardNo(게시물 번호)가 뜨도록 했음. 2. 0이 떴다. 31이 떠야 하는데. 3. 때마침 숙련된 선생님의 페이지 요소 검사법 알려주기가 있었고 4. no가 아닌 ne로 적힌 걸 알게 되었다. 5. ne를 no로 바꿔주니 정상동작함. MIME 타입 클라이언트에게 전송되는 컨텐츠의 타입을 지정할 때 사용되는 규약이다. type/subtype : 타입과 서브타입으..
-
게시판 만들기 과정도, jsp의 예외처리, 파일 업로드 다운로드PROGRAMMING/Web 2022. 6. 7. 19:54
게시판 만들기 (요약) 1. home user == null일 때는 로그인과 회원가입이 보이게 한다. nav는 요청파라미터값을 받아 이름에 맞는 메뉴를 하이라이트시킨다. 2. 회원가입 추가된 것 : 자바스크립트를 이용해 입력값을 확인한다. submit(제출) 버튼을 누르면 submitRegisterForm()함수가 실행된다. id, password 등의 필수 요소를 확인하고 입력되지 않았다면 '' false를 반환해 값을 제출하지 못하게 한다. 전하고 싶은 정보가 있다면 url 뒤에 붙이자. fail=id&id=hong -> 너는 id때문에 회원가입 실패했는데 그 id는 hong이야. 글고 이 값을 우리가 변수에 넣어서 alert 등으로 사용할 수도 있당. 3. 로그인, 로그아웃 로그인 : 사용자 인증작..
-
[ JSP ] 로그인하기, 장바구니 담기 해야 할 것PROGRAMMING/Web 2022. 6. 1. 23:09
[ 로그인하기 ] 1. 로그인폼 html 만들기 유저가 요청하면 응답으로 보내기 2. 로그인폼에 응답된 email과 pwd 받아서 getUserByEmail(email) 돌리기 돌리는 이유 : 이 사람이 db에 저장되었나 알기 위해서 3. db에 저장되어 있지 않다면(user == null), 탈퇴한 회원이라면(getDeleted = "Y"), 비밀번호가 틀렸다면(!getPassword().equals(pwd)) 경고창을 html페이지에 포함해 로그인창을 redirect시킨다. 3-1. "invalid".equals(fail)이라면 "아이디 혹은 비밀번호가 올바르지 않습니다.", "deleted".equals(fail)이라면 '탈퇴처리된 계정입니다.', "deny".equals(fail)이라면 "해당 서..
-
[ JSP ] 로그인하기(HttpSession), 로그인 활용(cart), 절대주소와 상대주소PROGRAMMING/Web 2022. 5. 31. 19:02
하루입니다. HttpSession, Session 객체 프로세스 클라이언트가 북 스토어 페이지로 들어온다 (home.jsp를 요청한다) home.jsp로 요청메세지가 가고, 요청객체 응답객체가 만들어진다. home_jsp.java 객체가 만들어진다. 그 안의 _jspService()가 실행되고, 그 안의 getSession()도 실행된다. 요청메세지 안에 SessionId가 존재하지 않으므로, getSession()은 HttpSession객체를 생성한다. pageContext.getSession()으로 세션 객체를 session변수에 집어넣는다. 응답메세지 안에 HttpSession객체의 Id를 포함시켜서 보낸다. 같은 클라이언트가 registerform.jsp를 요청했을 때, 이미 SessionId가 ..
-
[ JSP ] 서블릿(Servlet)의 주요 객체PROGRAMMING/Web 2022. 5. 30. 23:14
하루입니다. 서블릿은 서버에서 실행되는 자바이다. 서블릿이란 Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술입니다. 웹 요청과 응답의 흐름을 간단한 메서드 호출만으로 체계적으로 다룰 수 있게 해 줍니다. Servlet의 주요 객체 Servlet 인터페이스 서버에서 실행되는 프로그램이 반드시 구현해야 하는 라이프사이클 메소드를 정의하는 인터페이스이다. GerericServlet 클래스 다양한 프로토콜을 기반으로 하는 서버용 애플리케이션을 개발할 때 상속받는 클래스이다. Servlet 인터페이스의 추상메소드들을 대부분 재정의하고 있다. (구현) HttpServlet 클래스 HTTP 프로토콜에 최적화된 서버용 애플리케이션을 개발할 때 상속받는 클래스이다. Gere..
-
[ JSP ] 클라이언트의 요청방식PROGRAMMING/Web 2022. 5. 26. 23:42
하루입니다. 클라이언트의 요청방식 클라이언트가 서버로 요청 메세지를 보내는 방식 GET 방식의 요청 - 주소창에 주소를 입력해서 요청하는 경우 GET 방식의 요청이 발생하는 경우 링크를 클릭해서 요청하는 경우 회사소개일 때 회사소개를 클릭한 경우 form태그의 method 속성을 지정하지 않고, 폼 입력값을 서버로 제출하는 경우 검색 위와 같이 작성된 웹 페이지에서 검색버튼을 클릭했을 때 form태그의 method 속성을 GET으로 지정하고, 폼 입력값을 서버로 제출하는 경우 검색 위와 같이 작성된 웹 페이지에서 검색버튼을 클릭했을 때 GET방식의 요청을 사용할 때 서버로부터 데이터를 조회할 때 데이터의 흐름 : 클라이언트 서버 회원가입폼에서 회원정보를 입력하고 서버로 제출한다. 주문정보입력폼에서 주문정..
-
[ JSP ] JSP 구성요소, 내장객체PROGRAMMING/Web 2022. 5. 26. 23:41
하루입니다. 디렉티브 JSP페이지에 대한 설정 정보를 정의한다. Page 디렉티브 page 디렉티브의 주요 속성 contentType - 응답컨텐츠의 타입 및 인코딩방식을 설정한다. pageEncoding jsp 파일 저장할 때 사용할 인코딩 방식을 설정한다. import errerPage 발생한 에러를 전달받는 jsp 페이지이다. 여러 jsp 페이지에서 오류가 발생해도 하나의 jsp 페이지에서 일괄적으로 오류를 처리할 수 있다. trimDirectiveWhiteSpace 디렉티브 정의로 발생되는 빈줄을 삭제할지 여부를 설정한다. include 디렉티브 JSP페이지에 다른 JSP 페이지를 포함시킨다. 웹사이트 중 헤더 배너 푸터는 같은데 본문 내용만 달라지는 웹사이트들이 있을 것. 그런 사이트의 경우엔 ..