본문 바로가기

CS/웹14

스프링 스프링 mvc 구조 View - Controller - Service -Serviceimpl - DAO - DAOimpl - DTO * DAO (Data Access Object) - 프로젝트와 데이터베이스 연결. mapper에 sql을 명시한 뒤 mapper와 함께 데이터베이스와 데이터 주고받음. * DTO (Data Transfer Object) - MVC 구조 사이사이에서 데이터 교환을 위한 오브젝트 IoC (Inversion Of Control) 제어의 역전. 제어의 흐름을 사용자가 아닌 특별한 객체에 맡기는 것. 객체의 생성부터 생명주기 등 모든 객체에 대한 제어권이 넘어간 것. IoC Container 스프링 컨테이너. 프로젝트에서 사용되는 객체들을 Bean으로 관리하고 있고, @Autowir.. 2022. 3. 5.
[React] 생명주기 라이프사이클 메서드 Will 접두사 - 작업 작동하기 전에 실행되는 메서드 Did 접두사 - 작업을 작동한 후에 실행되는 메서드 라이프사이클의 카테고리는 3개이며, 총 9개의 메서드가 존재 1. 마운트 - DOM이 생성되고 웹 브라우저상에 나타나는 것. * 실행 순서 (1) 컴포넌트 만들기 (2) constructor : 컴포넌트를 새로 만들 때마다 호출되는 클래스 생성자 메서드 (3) getDerivedStateFromProps (업데이트에서도 불림) : props의 변화에 따라 state 값에도 변화 주고 싶을 때 사용함. (4) render : 우리가 준비한 UI를 렌더링하는 메서드. (5) componentDidMount : 컴포넌트가 웹 브라우저 상에 나타난 후 호출하는 메서드. DOM 정보를 .. 2021. 9. 6.
JS 비동기 HTTP 통신 1. AJAX(Asynchronous Javascript And XML) 비동기식 자바스크립트와 XML 이란 의미로 데이터를 이동하고 화면을 구성하는 데 있어 화면을 갱신하지 않아도 필요한 데이터를 서버로 보내고 응답을 가져오는 방법으로 페이지를 전체 새로고침 하지 않아도 데이터를 조회할 수 있음 - JQuery를 통해 Ajax를 더 쉽게 사용할 수 있음. 코드도 간단하고, 브라우저 간 호환성이 보장되어 있음. 2. Axios 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리. => return을 Promise 객체로 해주기 때문에 response 데이터를 다루기 쉬움. - 백엔드와 프론트엔드의 통신을 쉽게 하기 위해 사용하는 Ajax와 더불어 사용함. - .. 2021. 8. 7.
서블릿 구조 서블릿(Servlet) 웹서버에서 동작하는 서비스 페이지로 웹브라우저에서 클라이언트 요청에 따라 서버가 실행하는 자바 프로그램 web.xml - 웹 어플리케이션 서비스 처리에 대한 정의된 환경설정 파일. Web Application 의 설정을 위한 배포 서술자 - 웹 서버 구동 시 web.xml 파일 읽기 - 클라이언트가 어떤 URL을 요청했을 때 어떤 servlet 파일을 실행시킬 것인지를 매핑해놓은 파일 - 톰캣은 web.xml에 매핑되어진 자바 파일을 Servlet 으로 변환시키고, 그 Servlet을 실행하여 요청에 응답함 - 개발자가 Servlet이라는 것을 명시해줘야함. // aliases 설정 welcome servlets.WelcomeServlet // 실제 클래스 이름 ex) 패키지이름... 2021. 7. 22.