* Ajax 포스팅 글 https://yelin1217.tistory.com/321 [SIST] JSP_days13_Ajax 1. Ajax란? - Asynchronous Javascript And Xml 약자로 데이터를 사용하는 비동기적인 자바스크립트 기술 - 페이지 로드된 후에도 웹 서버에서 데이터를 읽어와서 사용 가능 - 페이지가 전체 새로 고침되 yelin1217.tistory.com 1. JSON이란? - ajax는 xml 데이터를 비동기적으로 처리하는 javascript 기술로 JSON 데이터 형식을 xml 파일보다 더 많이 사용한다. 이유? 가볍고 편리하기 때문에 - JSON == JavaScript Object Notation - javascript로 객체 표기화를 하겠다는 방법(형식) - ..

1. Ajax란? - Asynchronous Javascript And Xml 약자로 데이터를 사용하는 비동기적인 자바스크립트 기술 - 페이지 로드된 후에도 웹 서버에서 데이터를 읽어와서 사용 가능 - 페이지가 전체 새로 고침되지 않고 웹 페이지의 일부분만 업데이트 하는 기능 - 페이지는 유지된 채로 백그라운드에서 웹 서버와 통신하는 기술 즉, Ajax는 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술 예시) - 네이버에 메인 페이지 요청 후 검색창에 검색어를 입력시 연관검색어만 나오는 부분을 업데이트 하는 기능 + 환율, 날씨정보, 상품의 다음페이지/이전페이지 - 회원가입할 때 이름, 생년월일, 주소, 아이디를 입력 받을 때 주소 우편번호검색시 / 아이디 중복체크검사시 ajax..

1. 파일 업로드는 클라이언트가 서버에 파일을 올리는 것을 말하고, 파일 다운로드는 서버에서 클라이언트가 파일을 다운로드 받는 것을 말한다. 2. 파일 업로드 게시판 + 첨부파일 == 자료실 쇼핑사이트 - 상품 목록 문서 파일 또는 이미지 파일 등을 서버에 올리는 작업 3. 실제 파일을 업로드 하려면 아래 2가지를 꼭 기억하자 1) form 태그에 스트림 기반의 전송 방식인 method="post"로 설정 2) 인코딩 방식 enctype="multipart/form-data" 설정 인코딩 기본 값은 application/x-www-form-urlencoded 예시) form 태그에 method='post'와 enctype="multipart/form-data" 속성을 설정해주지 않으면 request.ge..

답변형(계층형) 게시판을 구현하기 전에 로직을 먼저 이해해야한다. 실제 DB에는 아래와 같이 출력이 되는 상태 글 목록을 뿌리면 ORDER BY seq DESC로 시퀀스에 따라 마지막에 작성한 글이 맨 위로 올라오게 되는데 이렇게 되면 답글을 달았던 글이 답글을 단 글 밑에 보여지는게 아니라 맨위로 출력이 되게 된다. 계층형은 이렇게 보이면 안되고 게시글에 답글을 달면 해당 게시글 밑에 들여쓰기가 되어진 상태로 출력이 되어져야 한다. 계층형으로 답글을 출력하기 위해서는 해결 방법이 2가지가 있다. 첫 번째 해결 방법은 하나의 게시글을 묶어줄 수 있는 그룹화 컬럼(REF)을 추가하고 그룹 안에서도 순서를 지정할 수 있는 컬럼(STEP)을 추가한다. 그리고 새글인지 답글인지 답답글인지 파악하여 들여쓰기를 할..

서블릿은 다양한 시점에서 발생하는 이벤트와 이벤트를 처리하기 위한 인터페이스를 정의하고 있다. 웹 어플리케이션에서 필요로 하는 데이터의 초기화나 요청 처리등을 추적할 수 있게 된다. 서블릿 규약은 다양한 이벤트를 처리할 수 있는 인터페이스를 정의하고 있는데 이번시간에는 ServletContextListener 인터페이스 활용법을 배우게 되었다. Listener란? 이벤트를 처리 * ServletContextListener 인터페이스는 서블릿이 발생시키는 이벤트를 처리하거나 요청 추적을 할 수 있는 인터페이스이다. 1. ServletContextListenr를 이용한 이벤트 처리 웹 컨테이너는 웹 어플리케이션이 시작되거나 종료되는 시점에 특정 클래스의 메서드를 실행할 수 있는 기능을 제공하고 있다. 이 기..

1. 필터(Filter)란? 필터 요약 : http 요청할 때 올바른 요청 + 요청 권한 체크 또는 응답할 때 응답 데이터를 변경(암호화) 등등을 할 수 있는 클래스 - 필터는 HTTP 요청과 응답을 변경할 수 있는 '재사용 가능한 클래스' - 필터는 개체의 형태로 존재하며 클라이언트에서 오는 요청(request)과 최종 자원(JSP, 서블릿) 사이에 위치하여 클라이언트의 요청 정보를 알맞게 변결할 수 있다. - 필터는 최종 자원과 클라이언트로 가는 응답 사이에 위치하여 최종 자원의 요청 결과를 알맞게 변경할 수도 있다. - 여러 개의 필터가 모여 하나의 필터 체인을 형성할 수도 있음 - 필터는 웹 컨테이너 안에서 일어남 ex) 로그인을 했으면 A 페이지로 안했으면 B 페이지를 보여주기 전에 필터를 통해..

게시판 처리 과정에 대해서도 적고 코딩 부분도 이미지를 넣기 때문에 아마 이번 포스팅은 내용이 길어질 거 같다. 게시판을 만들기 전에 체크 사항! SQL 디벨로퍼를 실행하여 scott 계정에 tbl_cstvsboard 테이블과 해당 테이블과 관련된 seq_tbl_cstvsboard 시퀀스 확인 필요! 만약 게시판 테이블이 없다면 테이블과 시퀀스를 생성하고 임의의 데이터를 집어넣어주면 된다! * JDBC 수업 때 사용했던 자료들을 많이 사용한다. 준비 단계! 1) jspPro/webapp/days05 폴더 안에 board 폴더를 생성 2) src/main/java에 days05.board 패키지 생성하여 그 안에 BoardDTO 클래스와 BoardDAO 인터페이스, BoardDAOImpl 클래스 생성 * ..

게시판을 구현 과정을 설명하기 전에.. MVC 패턴에 대해서 먼저 알고 구현을 하기! https://yelin1217.tistory.com/313 [SIST] JSP_days08_모델 2구조와 MVC 패턴 1. JSP 웹 프로그래밍의 구조는 모델 1구조와 모델 2구조로 나뉜다. 1) 모델 1구조 - JSP를 요청하면 바로 응답하는 구조 ex) ex01.jsp 구현 클라이언트(웹 브라우저) ex01.jsp 요청 -> (웹 컨테이너[서블릿 yelin1217.tistory.com CommandHandler는 인터페이스이며 해당 인터페이스를 구현한 클래스는 각각의 명령어에 해당하는 로직 실행 코드를 담고 있는 클래스이다. 이 로직 처리 클래스는 로직을 수행하기 위해 process() 메서드를 호출하고 결과를 보..

1. JSP 웹 프로그래밍의 구조는 모델 1구조와 모델 2구조로 나뉜다. 1) 모델 1구조 - JSP를 요청하면 바로 응답하는 구조 ex) ex01.jsp 구현 클라이언트(웹 브라우저) ex01.jsp 요청 -> (웹 컨테이너[서블릿 클래스 -> 서블릿 객체]) -> ex01.jsp 응답 - 웹 브라우저의 요청을 JSP가 직접 처리 - 웹 브라우저의 요청을 받은 JSP는 자바빈이나 서비스 클래스를 사용해서 웹 브라우저가 요청한 작업을 처리하고 그 결과를 클라이언트에 출력 2) 모델 2구조 - 웹 브라우저의 요청을 단 하나의 서블릿이 받는다. - 서블릿은 웹 브라우저의 요청을 알맞게 처리한 후 그 결과를 보여줄 JSP 페이지로 포워딩한다. - 포워딩을 통해 요청 흐름을 받은 JSP 페이지는 결과 화면을 클..