전체 글 77

[SpringMVC] Server응답 처리방식(Request, Model, ModelAndView)

ViewResolver ? * 컨트롤러에서 전달받은 View이름으로 클라이언트에게 응답 할 Jsp페이지를 찾아 선택하며, 응답 데이터를 분석하여 응답결과를 생성하여 전달하는 역할을 한다. * SpringMVC에서는 Client의 요청을 처리할 시, HttpServeltRequest객체를 JSP(Java Server Pages)로 전달한다. * ViewResolver에서 이를 활용하여, JSP(Java Server Pages) 처리 시 응답데이터를 활용하여, 최종결과를 생성한다. Dispatcher Servlet, Handler Mapping, Controller, View ? * Client 로 부터 HTTP요청이 들어올 시, DispatcherServlet에서 요청을 확인 후, 해당 요청에 맞는 Con..

SpringMVC 2021.09.05

[SpringMVC] 파라미터 처리방식 (2)

Map(맵), List(리스트) ? * Client로 부터 Server로 전달된 파라미터 데이터를 Map, List 로 주입 받을 수 있다. * Map으로 주입 받을시 같은 이름으로 전달되는 2개이상의 파라미터는 하나의 값만 저장된다. * 위 경우, List로 주입받으면 해결된다. --> Util Package ( java.util.Map, java.util.List ) @ModelAttribute ? * Client로 부터 Server로 전달된 파라미터 데이터를 클래스객체(Bean)으로 주입 받는다. * 전달된 파라미터의 이름과 동일한 객체의 프로퍼티(속성)에 자동으로 데이터가 주입이 된다. * @ModelAttribute 어노테이션은 생략이 가능하다. (매개변수로 자바클래스를 선언시 자동으로 @Mod..

SpringMVC 2021.09.01

[SpringMVC] 파라미터 처리방식 (1)

HttpServletRequest ? * Servlet/JSP에서 Client로 부터 Server로 전달된 파라미터 데이터는 HttpServeltRequest 객체에 담기게 된다. SpringMVC에서 HttpServeltRequest 객체를 활용할 수 있다. * Client 요청(REQUEST) 발생 하였을 때, 호출되는 컨트롤러 메서드의 매개변수로 클래스 타입의 매개변수(HttpServeltRequest)를 지정할 시 객체가 자동으로 주입이 된다. @PathVariable ? * Client요청 URL주소 자체를 데이터로 활용하는 방법이다. * Restful API Server에서 주로 사용되는 방법이다. * 파라미터 데이터와 주입받는 변수 자료형에 따라 자동으로 캐스팅(형변환) 처리. * 구조:: ..

SpringMVC 2021.08.30

[SpringMVC] Http요청 정의 및 활용

Http요청방식 ? * SpringMVC는 요청 주소별로 메서드를 정의할 수도 있지만, 같은 요청 URL주소에서 HTTP요청방식에 따라 메서드를 달리 정의할 수 있습니다. * GET, POST, PUT, DELETE PATCH 에 대해 처리할 수 있습니다. - GET: 리소스를 조회할 때 사용 - POST: 데이터의 처리 (등록 INSERT) - PUT: 리소스를 대체, 리소스가 없을 시 새로생성 - PATCH: 리소스 부분변경 (수정 UPDATE) - DELETE: 리소스 삭제 1. ReqWayController 선언. * 요청 URI ["/reqTest", "/reqTest2", "/reqTest3"] 생성 "/reqTest" : 각, GET요청 POST요청에 따라 req_get(), req_post..

SpringMVC 2021.08.29

[SpringMVC] URL Mapping 정의 및 활용

Servlet/JSP URL 주소 ? * Client가 서버에 접속해서 서비스를 제공 받기위해 입력하는 주소 URL URL 구조 ? * 프로토콜유형://도메인주소(IP주소):Port번호(생략시 80)/상세경로1(ContextPath)/상세경로2/... --> Cf). http://127.0.0.1:8080/board/list ContextPath : 하나의 서버에서 각, 웹 애플리케이션(WebApplication)을 구분하기 위해, 사용되는 명칭. 프로토콜 (Protocol) ? 데이터를 송신하는 측과 데이터를 수신받는 측의 상호 간 통신규약 (Default - http) 1. BasicPathController 선언. * 요청 URI ["/req1", "/req2", "/req3/dtl"] 생성 2. ..

SpringMVC 2021.08.28

[React.JS] 리액트Hooks. useEffect 정의 및 활용 (8)

* useEffect ? --> 리액트 컴포넌트가 처음 화면에 나타나게 될때(Mount), 화면에서 사라지게 될때(Unmount) 컴포넌트의 프롭스(Props), 상태(State) 가 업데이트 된 이후, 업데이트 되기 전 또는 컴포넌트가 리 렌더링 될 때 마다 어떤 특정한 작업을 수행하기 위해, Hooks문법인 useEffect를 사용할 수 있습니다. * useEffect 의 2가지 요소 첫번째요소: useEffect가 발생될때, 수행하는 익명 CallBack함수 - (params) => { function Execute.. } 두번째요소: 첫번째 콜백함수 내부에서 참조하고 있는 요소 ( Props, State, Function )등.. - 배열로선언 [ props, state, function ] * ..

FrontEnd_React.JS 2021.08.28

[SpringBoot] RestAPI요청 예외처리(2)

...Rest요청에 관한 에러처리 연습두번째 시간. 1. BizException 생성 (비즈니스 예외) 비즈니스 예외처리 클래스 선언 (java.lang.RuntimeException 상속) 2. ApiExceptionController수정 (Rest Controller - throw Exception) REST요청을 처리하는 URI - "/api/boards/{id}" 추가. PathVariable ("biz")일시, BizException 강제발생..(서블릿컨테이너 WAS로 예외가 전달된다..) 3. ExceptionResolver 생성 (Custom) org.springframework.web.servlet.HandlerExceptionResolver 인터페이스 구현하여 커스텀한다. --> reso..

SpringBoot 2021.08.26

[React.JS] 리액트 배열 생성 및 활용 (7)

* 배열(Array) ? 여러 값(문자, 숫자, Boolean, Object 등..) 들이 순서를 가지며 나열되어있는 집합요소 * React에서 배열(조회, 수정, 삭제) 에 관하여 Exercise.. 1. GoodsList.js 컴포넌트 생성 (* 상품목록 렌더링) * GoodList 함수형컴포넌트는 상위 컴포넌트 App.js로 부터 (goodLi: "상품목록", onRemove: "상품삭제처리 함수", onToggle: "상품상태변화 함수") 3가지의 Props를 전달 받는다. * GoodList 에서 Props로 전달받은 상품목록을 배열 내장함수(map) 을 활용하여, Goods(하위 컴포넌트) 반복호출.. * Goods(하위 컴포넌트)에서 상위 컴포넌트 GoodList 로부터 전달받은 Props로..

FrontEnd_React.JS 2021.08.23

[SpringBoot] RestAPI요청 예외처리 (1)

...Rest요청에 관한 에러처리 연습 1. Rest요청 처리, Controller 선언. import lombok.AllArgsConstructor; import lombok.Data; import lombok.extern.slf4j.Slf4j; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RestController; @Slf4j @RestController public class ApiExceptionController { @GetMapping("/a..

SpringBoot 2021.08.18

[React.JS] 리액트Hooks. useRef 정의 및 활용 (6)

* Html. Javascript, JQuery 에서, View에 존재하는 특정 돔(DOM)을 선택시 Document.getElementById(), Document.querySelector(), $("#idValue"), $(".ClassValue") .. 과 같은 방법을 활용하였습니다. * useRef ? --> 리액트에서 특정 돔을 선택할시, Hooks문법인 useRef를 사용할 수 있습니다. (Class형 컴포넌트에서는 React.createRef() 사용) 1. UserInput.js 컴포넌트 수정 Step1. react로 부터 useRef 함수 Import.. Step2. useRef() 함수실행, 반환된는 useRef 객체를 변수에 할당. Step3. useRef 적용할 특정, 돔(DOM) ..

FrontEnd_React.JS 2021.08.16