Server Programming/Spring Boot 2 Full-Stack Programming (4) 썸네일형 리스트형 [작업 관리 애플리케이션 개발] 3-2. 스프링 부트와 Vue.js 조합 (연동) 조합하기 코드 합치기 UI 렌더링 요청 API 요청 HTTP 클라이언트로 통신 (axios 이용) app.sample.messages 패키지 통합 작업 같은 프로젝트에 프런트엔드 코드와 백엔드 코드 추가 메시지를 가져와 새로운 메시지를 저장하는 API를 백엔드 코드에 추가 백은데 코드와 통신하는 기능을 프런트엔드 코드에 추가 코드 합치기 Vue.js를 통해 httlp-server로 만든 index.html 파일과 정적.js 에셋 파일 -> 통합완료시 임베디드 톰캣 서버가 파일들을 서비스한다. 작성한 프런트엔드 코드를 백엔드 코드에 옮기는 방식으로 통합한다. 처리 과정 #요청이 들어오면 Filter와 DispatcherServlet 객체를 거쳐 Controller 객체에 도달한다. 설계한 코드의 요청 유형.. [작업 관리 애플리케이션 개발] 3. 스프링 5 -> 스프링 부트 + MySQL 스프링 프레임워크 : 경량화된 IoC(제어의 역전) 컨테이너로 AOP와 함께 차세대 J2EE 아키텍처 기반 제공 스프링5의 기본 개념 IoC(제어의 역전)과 DI(의존성 주입) 스프링 컨테이너 구동 어노테이션 기반의 설정 빈 선언 의존성 주입 생성자 기반의 주입 세터 기반/메소드 기반의 주입 필드 기반의 주입 의존성 주입 모범 사례 스프링 MVC 자바 EE 서블릿과 HTTP 요청, 응답 DispatcherServlet을 통한 스프링 MVC의 HTTP 요청, 응답 메시지 앱의 웹 애플리케이션 전환 데이터 접근을 위한 스프링 JDBC와 JPA 관점 지향 프로그래밍 스프링 AOP 스프링이 트랜잭션을 관리하는 방법 스프링 부트 IoC(제어의 역전)과 DI(의존성 주입) -빈 : 스프링 컨테이너가 관리하는 객체 .. [작업 관리 애플리케이션 개발] 2. Vue.js 2 목차 기본 개념 Vue 인스턴스 컴포넌트 Vue 인스턴스 라이프 사이클 지시자 필터 믹스인 플러그인 반응형 시스템 동작 방식 내부 구현 로직과 설계 기본 개념 : 작은 규모에서 대규모로 성장시킬 수 있는 점진적인 프레임워크 Vue.js Vue 인스턴스 컴포넌트 Vue 인스턴스 라이프 사이클 지시자 필터 믹스인 플러그인 싱글 페이지 애플리케이션 SPA인 메시지 앱 메시지 추가하기 메시지 리스트 보기 메시지 삭제하기 특정 조건에서 추가 기능을 자동으로 비활성화하기 목차 Vue인스턴스를 이용해 index.html 생성 컴포넌트를 이용해 메시지 리스트 렌더링과 메시지 삭제 구현 지시자를 이용해 페이지 열린 뒤 폼의 입력 항목에 초점 필터를 이용해 메시지 앱에 보기 좋은 날짜와 시간 형식 제공 훅 함수에서 인스턴.. [작업 관리 애플리케이션 개발] 1. 자바 개발자 관점의 자바스크립트 목차 함수와 메서드 객체와 클래스 객체, 프로퍼티, 프로포티 속성 프로토타입과 상속 스코프와 클로저 this 키워드 호이스팅 함수와 메서드 자바스크립트에서 함수 Function -자바스크립트 내장객체 Function 생성자로 생성된 객체 자바스크립트에서 메서드 Method -함수Function이 객체의 프로퍼티일 때 즉, 모든 메소드는 함수지만, 모든 함수가 메소드는 아니다. 함수와 메서드의 차이 프로퍼티와 메소드를 가질 수 있는 함수 -instanceof를 이용해 함수여부 확인 var workout=function() {}; console.log(workout instanceof Function); -함수는 호출 가능, 다른 객체는 호출 불가 -함수는 프로토타입 프로퍼티를 가지지만, 다른 객체는 가지지.. 이전 1 다음
