GitHub

https://github.com/Backcoder-June

BackCoder 기록 그리고 숙달

분류 전체보기 171

[AJAX] 동적태그에 AJAX 적용하기

$("#allmember").on("click", function(){ $.ajax({ url : "ajaxmemberlist", dataType:"json", success : function(resp) {for(var i =0; i a 태그에 이벤트 걸때, 해당 dto 정보를 같이 보낼 수 있다. { "id" : {this}.attr("id") } 이렇게 동적으로 생성된 a 태그들에 이벤트를 걸어줄 때, JS 문법은 아래와 같다. : $( 동적으로생성되는 태그의 부모태그 ). on ( "click", "동적으로 생성되는태그", function() { } ) $("#ajaxresult2").on( "click", "a", function(event){ event.preventDefault(); $.aj..

Back to the Spring 2022.08.26

[ AJAX ] REST API / JSON / ResponseBody

[ 1. HTTP 프로토콜 방식 ] : Synchronous 동기적 처리 방식 클라요청1 => 응답1 클라요청2 => 응답2 클라요청3 => 응답3 ... - 응답이 나오기 전에는 다른 요청을 받지 못한다 - 응답이 나온 후에 다음 요청을 받는 방식 - + = > @GetMapping => return JSP (새로운 페이지) 방식 => 요청에 대해 새로운 페이지로 응답 - 코드 반복 - 2개의 개별적 페이지 => Multi Page Application ( MPA ) [ 2. REST API 방식 ] REpresentational State Transfer : Asynchronous 비동기적 처리 방식 클라요청1/요청2 => 여러개 동시에 들어오고 처리 가능 => 응답2/ 응답1 =..

Back to the Spring 2022.08.25

[ 파일 업로드 ] MultipartFile 사용 => transferTo / UUID 파일명 중복방지

[[ 파일 업로드 ]] => Multipart 이용 [ Multipart 개념 ] 1. 도입부 내용 : (1) uri?파라미터 내용(get요청 일 때) (2) Method 방식 ( get / post ) (3) http 버전 이용가치 : request.getMethod( ) / request.getRequestURI( ) 2. Header 내용 : (1) 브라우저이름 (2) 요청 ip 이용가치 : req.getHeader(" 요청정보 ") / req.getRemoteAddr( ) 3. Body 내용 : (1) post요청일때 파라미터 내용 이용가치 : req.getParameter( ) / MultipartFile - 도입부에는 길이에 제한이 있다. 즉, get방식으로 요청할 ..

Back to the Spring 2022.08.24

[Mybatis] 검색처리 SQL

[[ 검색처리 SQL ]] => SQL 문에서 태그로 조건문 사용 1. select 태그에서 option 으로 DTO 의 변수 값 하나가 들어오면 ( ex. id , name, title ... ) 해당 변수값만을 DTO 에 set 해둔다. => 그 DTO 에는 해당 변수값만이 존재하는 상태 ( ex. name 만을 가진 DTO ) @GetMapping("/searchmember") public String searchmember(String item, String search, Model model) { memberDTO dto = new memberDTO(); if(item.equals("아이디")) { dto.setId(search); }else if(item.equals("이름")) { dto.s..

Back to the Mybatis 2022.08.22

[Mybatis] Paging처리

[[ 페이징 처리 ]] [ foreach SQL ] - 먼저 SQL.xml 파일에서 반복문을 사용하는 법을 익혀야 한다. - SQL 문의 #{?} 변수값으로 배열 등의 복수개의 데이터가 들어갈 경우, 그 여러개의 데이터들을 SQL문에 , 쉼표 로 구분 하면서 하나하나 반복되며 집어넣어서 그 결과로 ?, ?, ? 같은 모양새를 가진 SQL 문 하나를 완성시킬 수 있다. [ 자바 ] session.selectList ("key", new int[ ]{100,200,300,400} ); => select * from emp where id in #{ id } - items : 뽑아낼 배열 등의 복수 객체 - separator : 구분자 => 반복문결과를 a1, a2, a3 쉼표로 구분해줘 ( SQL문에서는 거..

Back to the Mybatis 2022.08.22

[Mybatis] + [Spring] 연동 순서

[[ Spring MVC => Mybatis 연동 ]] : Spring이 주인이 된다. mybatis를 관리한다 [ 순서 ] 1. pom.xml 라이브러리 추가 (1) mySQL ( DB driver ) (2) mybatis .jar (3) mybatis-spring. jar (적당한 버전) (4) spring-jdbc.jar (springframework-version 버전일치) 2. mybatis-Config.xml 파일 생성 (해당 프로젝트에 생성) 3. 각 SQL.xml 파일 생성 (해당 프로젝트에 생성) select * from boarddto 4. *spring-bean configuration.xml 생성 (해당 프로젝트에 생성) (1) component-scan 설정 - context 태그..

Back to the Mybatis 2022.08.22

[Mybatis] 사용법

[ DB 접근 방법 ] 1. JDBC : 반복되는 코드 등 다소 불편한 점이 많다. 2. Spring JDBC : 자체만으로는 많이 사용하지 않는다. 3. Mybatis 프레임워크 : Spring 과 합쳐서 많이 사용된다. 4. JPA ( Hibernate ) : 자동화가 잘 되어 있다. SQL 외의 문법을 사용한다. => JDBC 단점을 메꾸는 방향으로 Mybatis가 등장했다. [ JDBC ] 1. 코드반복이 많다. - DB 연결, 해제, SQL 문 사용시 필요한 PreparedStatement 등 2. 자바언어 / SQL 서로 다른 언어가 한 파일에 있다. 3. Resultset으로 결과를 뽑아야한다. ( Mybatis ) => 연결해주는 Connection 객체를 매번 만들지 말고, 한 번 만들어..

Back to the Mybatis 2022.08.22

@Mapping 사용법 ( @RequestParam / @ModelAttribute / @PathVariable )

[ @Controller ] @GetMapping("/ url ") public String A( ) { } - Mapping 해주는 메소드의 타입은 기본적으로 String 이다. => return 값으로 호출할 HTML/JSP 파일 이름으로 주기 때문. => ViewResolver 가 자동으로 연결 1. public String( ) { return "A"} - Model 담는거 없이 그냥 바로 연결 2. public String(Model model) { return "A"} - Model 담아서 가져간다. 3. public String(String id, int pw) { return "A" } - 자동으로 form태그에서 name == 파라미터명 같은거 매칭해서 가져옴 ( url 파라미터 => 메..

Back to the Spring 2022.08.18

DispatcherServlet // HandlerMapping // ViewResolver

[ MVC servlet-context.xml 태그 이용 Mapping ] - @Mapping 방식을 사용하기 이전의 방식 - 단점이 많다. [ Mapping 과정 ] 사용자가 특정 URL로 요청 => Dispatcher Servlet("/")이 받아서 servlet-context.xml 참조 => handlerMapping ( 마치 HashMap처럼 어떤 key 값 ("/url") 이 들어오면 어떤 Controller 로 연결시킬지 저장해둠 ) => 해당 Controller(servlet)에서 요청에 대한 처리를 한 후 => ModelAndView / handleRequest 모델에 응답을 담음 ( addObject / setViewName ) => return mv 응답 [ web.xml ] : 전반..

Back to the Spring 2022.08.18

[DI] xml 방식 / Componenet - Scan 방식

[ xml 방식 ] - Spring-Bean configuratioin.xml 1. Bean 등록 - 해당 패키지에 Spring Bean Configuration.xml 생성 ( new - other ) == MemberDTO dto1 = new MemberDTO( ); dto1.setId = "spring"; dto1.setPw = 1111; dto1.setName = "backcoder"; - : 기본생성자 필요 - : setter 필요 - set 할 개수에 맞춘 생성자 필요 ( new 로 객체 생성할때와 마찬가지 규칙 ) 2. Bean 가져다 쓰기 ApplicationContext fac = new ClassPathXmlApplicationContext( "패키지..

Back to the Spring 2022.08.18