1. 페이징할때의 규칙 만약 100개의 게시글이 있는데 한번에 100개의 게시글이 보여진다면 매우 비효율적일 것이다. 그러므로 페이징 처리를 해야 한다. 만약 총 게시글의 수가 55개라면 한페이지당 10개씩 보여져야 할 때 페이지 수는 6개여야 할 것이다. 페이지의 끝 번호를 알기 위해선 총 게시글의 수를 알아야 한다. 먄악 총 게시글의 수가 155개라면 다음 버튼으로 다음 페이지를 이용해야 할 것이다. 시작 페이지의 번호가 1이 아니라면 이전 버튼이 필요할 것이다. 만약 총 게시글의 수가 255개라면 현재 페이지의 번호가 1~10이면 시작 번호는 1이어야 할 것이고 현재 페이지의 번호가 11~20이면 시작 번호는 11이어야 할 것이고 현재 페이지의 번호가 21~26이면 시작 번호는 21이어야 할 것이다..
1. AJAX ( Asynchronous JavaScript and XML ) 이란? AJAX를 사용하려면 일단 라이브러리에 JQuery를 추가해야 한다. 본인은 3.6.1 버전을 사용하였다. 웹페이지에서 비동기적으로 서버와 데이터를 주고받는 기술이다. 기본적으로 JavaScript와 XML을 이용하여 데이터를 전송하며 최근에는 JSON , HTML 등 다양한 형식의 데이털르 지원하고 있다. AJAX를 사용하면 전체 페이지를 다시 로딩하지 않고도 서버로부터 데이터를 가져와서 웹페이지의 일부분만 갱신하거나 , 사용자 입력을 받아서 동적으로 서버와 상호작용할 수 있다. 이러한 기능은 사용자 경험을 향상하고 서버의 부하를 줄이는 등의 장점을 가지고 있다. 2. AJAX의 사용법 XMLHttpRequest 객체..
1. 사용처 Spring에서 비동기 처리를 하는 경우 @RequestBody와 @ResponseBody를 사용한다. 2. 클라이언트와 서버의 비동기 통신처리 웹에서 이루어지는 데이터 통신은 클라이언트(Client)와 서버(Server)간에서 이루어지는데 , 예를 들어 로그인 버튼을 누르면 입력한 아이디와 비밀번호 값이 서버로 넘어가 판단을 요청(Request)한다. 그러면 서버에서 이를 판단해 로그인을 허용할 것인지 결정을 한 후 클라이언트에 응답(Response)을 해준다. 즉 , 클라이언트에서 서버로 통신하는 메시지를 요청 메시지라고 하고 , 서버에서 클라이언트로 통신하는 메시지를 응답 메시지라고 한다. 비동기 통신이란 화면전환 ( F5 , Refresh 등 ) 없이 이루어지는 동작을 말하는데 , 비..
1. Session 1 - 1 Session의 정의 망 환경에서 사용자 간 또는 컴퓨터 간의 대화를 위한 논리적 연결 프로세스들 사이에서 통신을 하기 위해 메시지 교환을 통해 서로를 인식한 이후부터 통신을 마칠 때까지의 기간 즉 , 일정 시간동안 같은 사용자 ( 브라우저 ) 로부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술이다. 여기서 일정 시간이란 방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점으로부터 웹 브라우저를 종료함으로써 연결을 끝내는 시점을 말하며 방문자가 웹서버에 접속해 있는 상태를 하나의 단위로 보고 세션으로 칭한다는 것이다. 2. HTTP Session이란 Session이란 서버가 해당 서버 ( 웹 ) 로 접근 ( Request ) 한 클라이언트 (..
1. Redirect HTTP에서 redirect란 re(다시) + direct(지시하다)라는 뜻이다. www.test.com/page1 URL을 웹서버에 요청해서 서버는 HTTP 응답 메시지를 통해 www.test.com/page2로 로 다시 요청하라고 브라우저에게 다른 URL을 지시할 수 있다. HTTP redirect는 HTTP 표준으로 정의되어 있는데 최초 요정을 받는 웹서버는 HTTP 응답 상태 코드로 302를 보내고 응답 메시지 헤더 중 Location 값으로 리다이렉트 되어야 할 주소를 설정해 리턴한다. 브라우저 등의 웹 클라이언트는 HTTP 응답 메시지의 상태 코드가 302라는 것을 보고 리다이렉트라는 것을 인지하여 Location에 설정되어 있는 URL로 다시 재요청한다. 2. Redir..
1. ReadOnly 태그에 ReadOnly 속성을 적용하면 이 요소의 입력 필드가 읽기 전용임을 표현하는 것이다. 읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수 없지만 해당 내용을 하이라이트 하거나 복수할 수 있다. 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있다. disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만 readonly 속성이 명시된 입력 필드의 값은 서버로 제출된다. readonly 속성은 boolean 속성이기 때문에 해당 속성을 명시하지 않으면 자동으로 false 값을 가지게 ..
create user user_springframework identified by "1234"; create database db_springframework; grant all privileges on db_springframework.* to user_springframework; root-context 복붙 데이터베이스 이름 수정 이름 value 수정 비밀번호 value 수정 에러 해결을 위해 resources에 mybatis-config.xml 파일 생성 후 배포파일에서 복붙 mapper 폴더 만든후에 book-mapper.xml 생성후 배포파일에서 복붙 create user user_springframework identified by "1234"; create database db_sprin..
@Autowired 문법이란? 필요한 의존 객체의 타입에 해당하는 bean을 찾아서 주입하는 기능 Spring Container에 등록한 bean에게 의존 관계 주입이 필요할 때 ( DI = 의존성 주입 ) 을 도와주는 어노테이션 문법이다. Spring Container에 bean들을 모두 등록한 후에 의존성 주입 단계가 이루어지는데 이 때 @Autowired 어노테이션이 부여된 메소드가 실행되며 필요한 인스턴스를 주입한다. @Autowired은 생성자 , setter , field를 사용할 수 있다. 생성자 주입 방법 Constructor 생성자를 통해 의존 관계를 주입하는 방법이다. 객체가 생성될 때 딱 한번 호출되는 것이 보장된다. 의존관계가 변하지 않는 경우 필수 의존관계에 사용된다. 생성자가 하..
Request와 model은 같은 컨트롤러 메서드의 매개변수로 사용되어 웹 요청에 대한 정보를 전달하는 역할을 하지만 두 개매변수의 역할에는 차이가 있다. HttpServletRequest request Model model HTTP 요청에 대한 정보를 담고있는 객체 이 객체를 사용해 HTTP 요청에 대한 정보 HTTP 메소드(get , post 등), 요청 URI , 요청 매개변수를 직접 얻을 수 있다. 대신 이러한 정보를 직접 추출하려면 코드가 길어지고 복잡해지게 된다. 뷰에 데이터를 전달하기 위한 객체 컨트롤러 메소드에서 Model 객체를 사용하면 뷰에서 표시할 데이터를 추가하거나 수정할 수 있다. 이를 통해 컨트롤러와 뷰 간에 데이터 전달을 간편하게 처리할 수 있다. 즉 , HttpServletR..
서버를 구축했다면 이제 컨트롤러 클래스를 만들어줘야 한다. @Controller로 어노테이션 기능으로 추가하고 @GetMapping ( / ) 중에 ( / )는 주소인데 주소값이 없으니 가장 디폴트로 실행된다. 내용은 String 타입을 리턴하고 , 메소드명은 index , 실행하면 String 값 "index"를 리턴한다. IntelliJ에서는 리턴한 값 내용을 찾아서 그 내용을 가진 jsp를 실행하게 된다. 버튼 1 , 2번은 onclick 이벤트로 누르면 각각 fun1() , fun2() 함수를 실행한다. a 태그로 각각 hello3 , hello4 , hello5 링크를 만들었다. fun1() 함수는 누르면 hello1이라는 jsp파일을 찾아가서 실행한다. index.jsp로 돌아가기 다시 ind..
