(UI교육)(스프링고급 + UI고급) 스프링부트,Spring Data JPA, Security & 앵귤러, 뷰(Angular, Vue.js) UI 프로젝트과정

(스프링고급 + UI고급)

스프링부트,Spring Data JPA, Security & 앵귤러, 뷰(Angular, Vue.js) UI 프로젝트과정

 

               

평일주간: http://topcredu.co.kr/sub/crcl/view/java/2338

 

★ 교육개요 ★

풀스택 개발자를 위한 최고의 과정 소개 합니다.
소수 정예 스파르타식 교육! 
국비지원교육과 비교하지 마세요!
본 과정은 스프링프레임워크에 대해 어느정도 기반 지식이 있는 분을 대상으로 최근 많은 관심을 받고 있는 자바기반 서버측 기술인 스프링부트, Spring Data JPA를 학습하고 최근 Hot한 Angular, Vue.js의 이론 및 실습을 TypeScript, ECMAScript등을 통해 체계적으로 배우신 후 실제 미니프로젝트를 진행해 보는 과정 입니다. 
프로젝트 전단계인 단계별 교육시에도 실습을 통해 따라할 수 있도록 구성하여 어렵지 않도록 진행하는 것이 본 과정의 특징 입니다.
자바, 스프링 기반의 교육을 받은 신입사원, 현장개발자 이지만 Angular, Vue.js를 통해 UI를 구현해 보지 않은 개발자, Spring Data JPA 및 Querydsl을 통한 타입세이프한 쿼리를 경험해 보고 싶은 분들에게 추천 합니다. 

★ 수료조건 ★ 

출석률 80%이상 

★ 교육목표 ★  

자바기반 서버측 기술 + UI 개발력을 자진 FullStack 개발자 

★ 교육대상 ★

풀스택 개발자로써 취업을 앞둔 미취업자.
신입사원.
자바기반 서버 개발자.
자바기반 UI 개발자.
자바기반 개발자 이지만 Spring Data JPA, Vue, Angular등으로 실제 개발을 해보지 않은 개발자. 

★ 커리큘럼 ★ 

• 스프링부트	Spring Boot 소개 Spring Boot & Maven Spring Boot & Gradle Writing the code(Spring Boot main) Writing the code(CommandLineRunner) Spring Boot에서 property 파일 읽기
  JPA & Spring Data JPA, Qquerydsl	1장. 개발환경 1.1. 개발환경 구성 1.1.1. 개발도구 설치 1.1.2. 데이터베이스 설치 1.1.3. 개발도우미 플러그인 설치 1.2. 데이터베이스 처리기술의 발전 1.2.1. Spring Boot 1.2.2. Spring JDBC 1.2.3. MyBatis 1.2.4. Spring Data JPA 1.2.5. Logging 2장. JPA 2.1. EntityManager 2.2. JPA에서 사용 가능한 쿼리의 종류 2.2.1. JPQL 2.2.2. Criteria 2.2.3. Native SQL 2.2.4. Querydsl 2.2.5. 기타 데이터베이스 처리기술 2.3. Spring Data JPA 살펴보기 2.3.1. 새 프로젝트 생성 2.3.2. 프로젝트 환경 설정 2.3.3. 엔티티 클래스 생성 2.3.4. 테스트 용 더미 데이터 입력 2.3.5. 테스트 2.3.6. Persistence Layer 2.3.7. 테스트 2.3.8. Service Layer 2.3.9. Presentation Layer 2.3.10. Paging 2.3.11. 테스트 2.3.12. @Query, @NamedQuery 2.3.13. 정리 3장. Querydsl 입문 3.1. 장점 3.2. Querydsl의 종류 3.2.1. Querydsl 구분 3.2.2. 엔티티 클래스를 만들어서 사용 3.2.3. 엔티티 클래스를 만들지 않고 사용 3.3. JPAQuery, JPAQueryFactory 3.3.1. 프로젝트 생성 3.3.2. 프로젝트 환경설정 3.3.3. Q 타입클래스 생성 3.3.4. Persistence Layer 3.3.5. JUnit 테스트 클래스 작성 3.3.6. 테스트 3.3.7. EntityGraph 3.4. JPASQLQuery, SQLQueryFactory 3.4.1. 프로젝트 생성 3.4.2. 데이터베이스 및 테이블 생성 3.4.3. 프로젝트 환경설정 3.4.4. Q 타입클래스 생성 3.4.5. Persistence Layer 3.4.6. JUnit 테스트 클래스 작성 3.4.7. 테스트 4장. Querydsl을 이용한 JPQL 쿼리 4.1. 테스트 프로젝트 만들기 4.2. JPA Query 학습 4.2.1. Select 4.2.2. Insert, Update, Delete 4.2.3. Grouping, Having 4.2.4. Join 4.2.5. Subquery 4.2.6. Projection 4.2.7. JPA Query 실습 5장. Querydsl을 이용한 SQL 쿼리 5.1. 테스트 프로젝트 만들기 5.2. SQL Query 학습 5.2.1. Select 5.2.2. Insert, Update, Delete 5.2.3. Grouping, Having 5.2.4. Join 5.2.5. Subquery 5.2.6. Projection 6장. Querydsl SQL 쿼리 with Oracle 6.1. 테스트 프로젝트 만들기 6.1.1. 프로젝트 생성 6.1.2. 데이터베이스 및 테이블 생성 6.1.3. 프로젝트 환경설정 6.1.4. Q 타입 클래스 생성 6.1.5. SQLQueryFactory 빈 등록 6.2. Rownum 6.2.1. 상위 로우 구하기 6.2.2. 범위 로우 구하기 6.3. With 6.4. Sequence 6.5. Union 6.6. Nvl 6.6.1. Nvl 6.6.2. Nvl2 6.7. Decode 6.8. Rank 6.9. Hierarchical Queries, Hint 6.9.1. 프로젝트 생성 6.9.2. 계층형 쿼리 6.9.3. 힌트 6.10. Procedure 6.10.1. 프로젝트 생성 6.10.2. 오라클 프로시져 6.10.3. @NamedStoredProcedureQuery, @Procedure
  ECMAScript & TypeScript	1. ECMAScript 2. 개발환경 설정 - Node - Atom 3. var 4. let 5. const 6. parameter 7. spread operator 8. Destructuring Assignment 9. Module System  - CommonJS 방식 - ES6(ECMA2015) 방식 10. 함수 축약식 11. Arrow function 12. $ e-pression 13. class - 함수의 역할 - 함수로부터 클래스까지 - this - extends - super - getter/setter - 표현식 vs 선언식 14. 비동기 처리 - Call-back Function - Event Emitter - Promise 15. TypeScript - Type - Interface - Class
  Angular Basic	Step 1 – 앵귤러 소개 - Angular Architecture Step 2 – Demo Project Step 3 – Project Structure - 처리흐름 파악하기 Step 4 - CLI - 빌드하기 - npm http-server Step 5 – Component - 단방향 바인딩 - 양방향 바인딩 Step 6 – Service - 커스텀 서비스 Step 7 – Pipe - 빌트인 파이프 - 커스텀 파이프 Step 8 - Directive - 커스텀 디렉티브 Step 9 – Module - 루트모듈, 전역모듈, 공유모듈, 기능모듈
  Angular Core	Step 1 – Life Cycle Step 2 – Component Communication @Input, @Output @ViewChild @ContentChild @ViewChildren @ContentChildren Step 3 – HTTP Communication - npm json-server - Promise - Observable & Subject Step 4 – Router Step 5 - Guard Step 6 – Form
  Vue.js	[1부] Vue.js 기초 1장: Vue.js 설치  1.1 독립 실행 버전  1.2 NPM 사용  1.3 Bower 사용  2장: 시작하기  2.1 안녕하시나이까 전하!  2.2 양방향 바인딩  2.3 jQuery와의 비교  2.4 연습 문제  3장: 디렉티브  3.1 v-show  3.2 v-if  3.3 v-else  3.4 v-if vs. v-show  3.5 연습 문제  4장: 리스트 렌더링  4.1 부트스트랩 설치와 사용  4.2 v-for  4.3 배열 렌더링  4.4 v-for를 이용한 객체 프로퍼티 순회  4.5 연습 문제  5장: 상호작용  5.1 이벤트 처리  5.2 이벤트 한정자  5.3 키 한정자  5.4 계산된 프로퍼티  5.5 연습 문제  6장: 필터  6.1 필터링된 결과  6.2 결과 정렬  6.3 사용자 정의 필터  6.4 유틸리티 라이브러리  6.5 연습 문제  7장: 컴포넌트  7.1 컴포넌트란?  7.2 컴포넌트 사용하기  7.3 템플릿  7.4 프로퍼티  7.5 재사용성  7.6 종합 예제  7.7 연습 문제  8장: 사용자 정의 이벤트  8.1 발생과 청취  8.2 부모-자식 간 통신  8.3 인자 전달  8.4 비부모 자식 간 통신  8.5 이벤트 리스너 제거  8.6 이야기로 돌아가서  8.7 연습 문제  9장: 클래스와 스타일 바인딩  9.1 클래스 바인딩  9.2 스타일 바인딩  9.3 바인딩 예제  9.4 연습 문제  [2부] API 사용하기 10장: API 사용하기  10.1 CRUD  10.2 API  11장: 실제 데이터 활용하기  11.1 비동기로 데이터 가져오기  11.2 리팩터링  11.3 데이터 갱신  11.4 데이터 제거  12장: HTTP 클라이언트 활용  12.1 개요  12.2 vue-resource  12.3 axios  12.4 axios 사용하기  12.5 기능 개선  12.6 자바스크립트 파일  12.7 소스코드  12.8 연습 문제  13장: 페이지 처리  13.1 구현  13.2 페이지 처리 링크  13.3 연습 문제  [3부] 대규모 애플리케이션 구축 14장: ECMAScript  14.1 소개  14.2 변수 선언  14.3 화살표 함수  14.4 모듈  14.5 클래스  14.6 기본 매개변수 값  14.7 템플릿 리터럴  15장: 고급 워크플로우  15.1 Babel을 이용한 ES6 컴파일  15.2 Gulp를 이용한 워크플로우 자동화  15.3 Webpack을 이용한 모듈 번들링  15.4 정리  16장: 단일 파일 컴포넌트  16.1 vue-cli  16.2 Webpack 템플릿  16.3. vue 파일 만들기  17장: 중복 상태 제거  17.1 프로퍼티를 이용한 공유  17.2 전역 저장소  18장: 컴포넌트 교체  18.1 동적 컴포넌트  19장: Vue 라우터  19.1 설치  19.2 사용법  19.3 이름을 가지는 라우트  19.4 히스토리 모드  19.5 중첩 라우트  19.6 자동 active 클래스 설정  19.7 라우트 객체  19.8 동적 세그먼트  19.9 라우트 별칭  19.10 라우트 푸시  19.11 트랜지션  19.12 내비게이션 가드  19.13 연습 문제  20장: 마무리하며  21장: 참고 자료  21.1 튜토리얼  21.2 동영상  21.3 책  21.4 오픈소스 프로젝트  21.5 Awesome Vue
  Spring Security	1장. Application Security 스프링 시큐리티의 기반기술 1. Acegi Security 선언적인 시큐리티 설정 지원 2. Spring Security 스프링 시큐리티 작동방식 스프링 시큐리티의 장점 3. Spring Security Filter Chain Integration Filter Authentication Processing Filter Exception Translation Filter Filter Security Interceptor 4. Authentication Manager Supported Authentication Types Access Decision Manager Authentication vs Authorization 5. 핵심 클래스 6. 커스텀 DAO로직과 시큐리티의 연동 7. Spring Security Modules 8. Dependencies with Maven Optional dependencies 2장. Spring Security XML-config 1. 새 프로젝트 생성 2. Dependencies pom.xml 3. Presentation Layer ExampleController.java basics.jsp 4. Security Configuration src/main/webapp/WEB-INF/spring/spring-security.xml 필터들의 연결 순서와 역할 5. Spring Security and Spring MVC Integration web.xml 6. Test 7. Custom Login Page spring-security.xml Cross Site Request Forgery (CSRF) Protection basics.jsp login.jsp LoginController 8. Test 9. 인증정보를 다른 파일로 분리 spring-security.xml src/main/resources/conf/users-config.xml Test 10. Customize 403 Access Denied Page RoleVoter AuthenticatedVoter 스프링 시큐리티에 포함된 SpEL 메소드와 가상프로퍼티 Test : 에러 메시지가 그대로 노출 3장. Spring Security Java-config Technologies used Few Notes 1. 새 프로젝트 생성 2. Spring Security Dependencies 시큐리티 환결설정 기본 값 3. Spring MVC Web Application HelloController.java hello.jsp admin.jsp 403.jsp 4. Spring Security Configuration SecurityConfig.java AuthenticationManagerBuilder 인메모리 저장소 설정 메소드 URL에 시큐리티를 적용하기 위한 HttpSecurity 설정 메소드 access() 메소드에서 사용 가능한 SpEL 표현식 SpringSecurityInitializer.java 5. Spring MVC Configuration AppConfig.java SpringMvcInitializer.java 6. XML 설정 지우기 web.xml 7. Test 4장. Access Handler XML 설정 새 프로젝트 pom.xml application.properties DataController.java home.jsp LoginController.java login.jsp 403.jsp SpringSecurity6AccessHandlerApplication.java conf/security-config.xml MyAuthenticationSuccessHandler.java MyAccessDeniedHandler.java MyLogoutSuccessHandler.java Test 자바 설정 SpringSecurity6AccessHandlerApplication.java Test 5장. Security Authentication Using Database 1. Technologies used : 2. 새 프로젝트 생성 3. Project Dependencies pom.xml 4. Database Insatall MariaDB 데이터베이스 생성 및 테이블 만들기 5. Spring Security Configuration root-context.xml spring-security.xml web.xml 6. JSP Pages hello.jsp admin.jsp login.jsp 403.jsp 7. Spring MVC Controller MainController.java 8. Test 6장. Spring Security Remember-me Technologies and tools used : Some quick notes : Project workflows : 1. 새 프로젝트 생성 2. pom.xml 3. SQL 4. spring-security.xml web.xml 5. root-context.xml 6. admin.jsp 7. login.jsp 8. update.jsp 9. MainController.java 10. Test 오토 로그인 확인 테스트 7장. Spring Security Tag Library 1. 새 프로젝트 생성 2. pom.xml 3. spring-security.xml web.xml 4. users-config.xml 5. basics.jsp 6. BasicController.java 7. Test 8. 조금더 살펴보기 SecretController.java spring-security.xml basic.jsp Test 9. @Secured pom.xml servlet-context.xml 설정 시 주의사항 basic.jsp User.java UserService.java UserServiceImpl.java UserController.java Test 8장. Spring Security + Boot + JPA 1. 새 프로젝트 생성 2. pom.xml 3. application.properties 4. Spring Boot Java-config 5. SecurityTestController.java 6. View 7. Test Run log 정보 첫 페이지 테스트 spring-boot-starter-security 디펜던시 favicon 적용 8. Spring Security Config SecurityConfig.java home.jsp SecurityTestController.java 9. Test In Memory Authentication 10. Spring Data JPA Test 11. Spring Security + My Custom DAO Service Logic Test 9장. Session Management session-fixation-protection="migrateSession" 작동확인
  GitHub	1. 깃 소개 - 작동방식 - 체크섬 - Working Directory - Staging Area(Index) - Git Repository - 특수 목적 포인터 2. 설치 및 설정 - 깃 설치 - 도움말보기 - 사용환경 설정 3. 로컬 저장소 - 로컬 레포지터리 개요 및 생성 - $ git init, $ git clone [url], .gitignore 4. 원격 저장소(Github) - Github URL 패턴 5. 명령어 학습 - 브랜치 변경 명령이 거부될 때 - 파일 관리 - 임시저장 - 상태관리 - 브랜치관리 - 히스토리(커밋의 기록) 리뷰 - reset - checkout 파헤치기 - 변경사항 연동하기 - 커밋에 태그 붙이기 - cherry-pick - Squash(대화방식 리베이스 6. 브랜칭 전략 - 깃플로우 7. 시나리오 학습 - 좋은 git 커밋 메시지를 작성하기 위한 7가지 약속 - 커밋을 골라서 적용하기 - 한참 전 커밋의 내용 바꾸기 - 이정표(태그) 확인 - origin/master가 원격 저장소보다 뒤처져 있을때에 push 작업 - 팀 프로젝트 수행 시나리오 8. 실습
  미니프로젝트	[Spring Boot, JPA, Spring Security, Querydsl, Angular, Vue를 이용한 개발] - 프로젝트 개발을 위한 GitHub 소개 - 프로젝트 주제 설정 - 기본설계, 기능설계, 인터페이스 설계 - ERD 작성 - ERD를 기준으로 엔티티 설정 및 객체모델링 - 코딩 단계별 코딩 진행(Front/Admin 영역 구분) 엔티티 작성(모델) -> 테이블 Creation Repository 작성 Service 기능 구현(인터페이스, 구현체) Spring Security를 이용한 로그인 공통 인터페이스/클래스 작성 JSON 인퍼테이스 구현 컨트롤러 작성 화면 UI 작성(Angular, Vue.js 적용) - 테스트 및 배포