실전 SPA 개발 Vue.js 3 + 스프링 부트 개정판

향단코드 지음

온노트 2022년 10월 17일 출간

작품소개

책소개

[실전 SPA 개발 Vue.js 3 + 스프링 부트] 오리지널판을 가지고 있다면 개정판을 다시 구매할 필요가 없으며 오리지널판을 업데이트해서 사용하면 됩니다

이 책은 SPA(Single Page Application) 개발을 위해 Vue 3를 이용한 프론트엔드 개발과 스프링 부트를 이용한 REST API 시스템 개발을 다루고 있습니다.

프론트엔드 개발은 ECMAScript 6에 대한 기본적인 내용부터 Vue 3 기술적인 부분까지 설명합니다.
Vue 2에 비해 Vue 3에서 업데이트된 내용이 여러 가지 있지만 대표적인 기능인 컴포지션 API 방식의 개발에 대해서 중점적으로 다룹니다.
그리고 Vue 3 실전 애플리케이션을 구축해 봄으로써 Vue 3의 다양한 활용방안을 배우게 될 것입니다.

REST API 시스템 개발은 이미지를 판매하는 간단한 디지털 컨텐츠 샵의 REST API를 구축해 봄으로써 Restful 서비스를 위한 스프링 부트의 실제 사용법을 배울 수 있습니다.
실전 프로젝트 개발에 필요한 Restful 서비스와 스프링 부트의 기본 개념, JPA, 스프링 시큐리티, JWT, 토큰 인증, 롬복 등을 함께 설명합니다.

이 책은 EPUB 형식의 전자책이라서 종이책의 모습을 기대한 독자라면 페이지 모습이 웹 페이지 형태라 낯설 수 있습니다.
일반적인 개념 설명 위주의 구성이 아닌 SPA의 프론트엔드와 백엔드 REST API 서버의 실제 개발에 중점을 두고 프로그램 코드 위주로 책의 구성이 되어 있습니다.
소스코드를 다운로드 받은 다음에 직접 코드를 실행해 보면 SPA 개발에 대한 개념을 좀 더 구체적으로 이해할 수 있을 것입니다.

프론트엔드인 Vue와 백엔드인 스프링 부트의 많은 영역을 다루고 있어서 세부적인 설명이 부족할 수 있습니다.
그래서, Vue와 스프링 부트를 처음 접하거나 코드에 대한 자세한 설명이 필요한 단계라면 권하지 않습니다.

이 책은 온노트에서 출간된 "실전 Vue.js 3"와 "실전 스프링 부트 REST API 개발 JPA + MySQL 개정판"의 내용을 합친 형태입니다.
프론트엔드와 백엔드 관련한 전자책을 따로 구매하시려면 아래 내용을 참조바랍니다.

온노트에서 출간된 프론트엔드 개발 시리즈입니다.
- [ 실전 Vue.js ]
- [ 실전 Vue.js with 타입스크립트 ]
- [ 실전 Vue.js 3 ]
- [ 실전 리액트 ]
- [ 실전 리액트 with 타입스크립트 ]
- [ 실전 앵귤러 ]

온노트에서 출간된 실전 스프링 부트 REST API 개발 시리즈입니다.
- [ 실전 스프링 부트 REST API 개발 MyBatis + MySQL ]
- [ 실전 스프링 부트 REST API 개발 JPA + MySQL ]
- [ 실전 스프링 부트 REST API 개발 JDBC + MySQL ]

목차

1장 : 개발 환경
___1. Visual Studio Code 설치
___2. Volar 플러그인 설치
___3. NodeJS 설치
___4. 뷰 개발자 도구(Vue Devtools) 설치
___5. 자바 설치
2장 : ECMAScript 6
___1. var 선언자 특성
___2. let 선언자
___3. const 선언자
___4. Symbol 타입
___5. 화살표함수
___6. for of 문
___7. 비구조화 할당
___8. Map 컬렉션 타입
___9. Set 컬렉션 타입
___10. 함수 매개변수
___11. 템플릿 리터럴
___12. 클래스 구문
___13. 클래스 상속
___14. 전개 연산자
___15. 객체 속성 생략 지정
___16. 프로미스
___17. 모듈
3장 : 자바스크립트 배열
___1. 배열 소개
___2. 배열 메서드
___3. 배열 정렬
___4. 반복 메서드
4장 : 비동기 처리
___1. 프로미스
___2. 프로미스 메서드
___3. 프로미스 병렬 처리
___4. async await
___5. 제너레이터
5장 : Vue.js 3 기본
___1. Vue 설치
___2. 프로젝트 생성
___3. 싱글 파일 컴포넌트
___4. Vue 인스턴스
___5. 인스턴스 옵션
___6. 인스턴스 라이프 사이클
___7. data 속성
___8. Vue 템플릿 문법
___9. computed 속성
___10. methods 속성
___11. watch 속성
___12. 디렉티브
___13. 이벤트 처리
___14. 폼바인딩
___15. Vue 컴포넌트
___16. props 속성
___17. Provide / Inject
___18. 이벤트 전달
___19. 반응형 변수
6장 : Todo 애플리케이션
___1. 애플리케이션 소개
___2. 프로젝트 생성
___3. 컴포넌트 정의
___4. 화면 구성
___5. 데이터 정의
___6. 이벤트 처리
___7. 컴포넌트 통신
___8. Vuex 적용
___9. Vuex 스토어 사용
___10. 데이터 저장
___11. Todo 항목 수정
___12. 편집 상태 체크
___13. Todo 항목 컴포넌트 정의
___14. Todo 항목 완료 처리
___15. 검색 필터링 컴포넌트 정의
___16. Todo 항목 아이디 생성
___17. 컴포지션 API 이용한 상태 관리
___18. Provide / Inject 활용
7장 : CRUD 게시판
___1. 게시판 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 게시글 등록
___6. 게시글 상세보기
___7. 게시글 목록
___8. 게시글 삭제
___9. 게시글 수정
8장 : 파일 게시판
___1. 파일업로드 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 파일 업로드
___6. 파일 게시글 상세보기
___7. 파일 게시글 목록
___8. 파일 게시글 삭제
___9. 파일 게시글 수정
9장 : 실전 프로젝트
___1. 프로젝트 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 홈 화면
___5. 레이아웃 정의
___6. 로그인 화면
___7. 최초 관리자 생성
___8. JWT 소개
___9. 로그인 처리
___10. 로그인 여부 확인
___11. 로그인 상태 유지
___12. 로그아웃 처리
___13. 코드그룹 관리
___14. 코드 관리
___15. 회원가입
___16. 회원 관리
___17. 회원 게시판
___18. 공지사항
___19. 상품 관리
___20. 코인 충전
___21. 상품 구매
___22. 공개 자료실
10장 : 스프링 부트 개발환경
___1. 자바 설치
___2. Spring Tools 4 설치
___3. UTF-8 설정
11장 : 스프링 부트 프로젝트 생성
___1. 프로젝트 생성
___2. 프로젝트 파일 구성
___3. 프로젝트 실행
___4. 스프링 MVC
___5. 스프링 MVC 구조
___6. 스프링 스타터 프로젝트 의존성
12장 : 롬복
___1. 롬복 설치
___2. 자바빈즈
___3. 롬복 애너테이션
___4. @Getter와 @Setter
___5. @ToString
___6. @EqualsAndHashCode
___7. @NoArgsConstructor
___8. @RequiredArgsConstructor
___9. @AllArgsConstructor
___10. @Data
___11. @Builder
___12. @Slf4j
13장 : REST
___1. REST 소개
___2. REST API 설계
___3. @RestController
___4. REST API 클라이언트
___5. REST API 문서화
14장 : JSON
___1. JSON 소개
___2. JSON 자료 타입
___3. JSON과 자바 클래스
15장 : jQuery Ajax 통신
___1. $.get()
___2. $.getJSON()
___3. $.post()
___4. $.ajax()
16장 : 컨트롤러 요청 매핑
___1. 요청 경로 매핑
___2. 경로 패턴 매핑
___3. Http 메서드 매핑
___4. Headers 매핑
___5. Content Type 매핑
___6. Accept 매핑
17장 : 컨트롤러 응답
___1. void 타입
___2. String 타입
___3. 자바빈즈 클래스 타입
___4. 컬렉션 List 타입
___5. 컬렉션 Map 타입
___6. ResponseEntity<Void> 타입
___7. ResponseEntity<String> 타입
___8. ResponseEntity<자바빈즈 클래스> 타입
___9. ResponseEntity<List> 타입
___10. ResponseEntity<Map> 타입
___11. ResponseEntity<byte[]> 타입
___12. 컨트롤러 메서드 반환 값
18장 : 컨트롤러 요청 처리
___1. 컨트롤러 메서드 매개변수
___2. 요청 처리
___3. 요청 처리 자바빈즈
___4. Date 타입 처리
___5. @JsonFormat 애너테이션
___6. 파일업로드 요청 처리
19장 : 입력 유효성 검증
___1. 입력값 검증
___2. 입력값 검증 결과
___3. 입력값 검증 규칙
___4. 중첩된 자바빈즈 입력값 검증
20장 : 메시지 처리
___1. 메시지 소스 정의
___2. 국제화
21장 : 의존성 주입
___1. 의존성 주입 설명
___2. 필드 기반 의존성 주입
___3. 생성자 기반 의존성 주입
___4. 세터 기반 의존성 주입
___5. 자동 연결
22장 : 예외 처리
___1. 예외 처리
___2. 예외 상황
___3. try-catch문 예외 처리
___4. 예외 처리 애너테이션
___5. 사용자 정의 예외 처리
___6. 시스템 예외 처리
___7. 애너테이션 활용한 예외 처리
___8. 입력값 검증 결과 처리
___9. 입력값 검증 예외 처리
23장 : 인터셉터
___1. 인터셉터 설명
___2. 인터셉터 설정
___3. 인터셉터 활용
24장 : 데이터베이스 연동
___1. MySQL 설치
___2. MySQL Workbench
___3. 데이터 소스 설정
___4. CRUD 게시판 소개
___5. 스프링 JDBC
___6. JPA
___7. 마이바티스
25장 : JPA
___1. 소개
___2. JPA 설정
___3. JPA 애너테이션
___4. 스프링 데이터 JPA
___5. 쿼리메서드
___6. JPQL
___7. Querydsl
___8. 사용자 정의 인터페이스
26장 : JPA 활용
___1. CRUD 게시판
___2. 페이징 게시판
___3. 검색 게시판
___4. JPQL 활용
___5. Querydsl 활용
___6. 사용자 정의 인터페이스 활용
___7. 임베디드 타입
___8. 밸류 타입 컬렉션
27장. JPA 연관
___1. 엔티티 연관
___2. 일대다 단방향
___3. 다대일 단방향
___4. 다대일 양방향
___5. 일대일 단방향1
___6. 일대일 단방향2
___7. 일대일 양방향
___8. 다대다 단방향
___9. 다대다 양방향
___10. 다대다 연결 엔티티
28장 : REST API 서버 구현
___1. 스프링 부트 데이터 레스트
___2. @RepositoryRestController 사용
___3. 데이터 레스트 사용자 정의
___4. @RestController를 사용한 REST API 구현
___5. HATEOAS 적용
___6. 서버 애플리케이션 패키징
29장 : 파일 업로드
___1. 파일업로드 설명
___2. 이미지 업로드
___3. 여러 개의 이미지 업로드
___4. 비동기 방식 업로드
30장 : AOP
___1. AOP 설명
___2. 포인트컷 표현식
___3. Before 어드바이스
___4. After Returning 어드바이스
___5. After Throwing 어드바이스
___6. After 어드바이스
___7. Around 어드바이스
___8. 메서드 정보 획득
31장 : 트랜잭션
___1. 트랙잭션 설명
___2. 트랙잭션 설정
___3. 트랜잭션 적용
32장 : 스프링 시큐리티
___1. 스프링 시큐리티 소개
___2. 스프링 시큐리티 설정
___3. 접근 제한 설정
___4. 로그인 처리
___5. 접근 거부 처리
___6. 사용자 정의 접근 거부 처리자
___7. 사용자 정의 로그인 페이지
___8. 로그인 성공 처리
___9. 로그아웃 처리
___10. JDBC 이용한 인증/인가 처리
___11. 사용자 테이블 이용한 인증/인가 처리
___12. UserDetailsService 재정의
___13. 스프링 시큐리티 표현식
___14. 자동 로그인
___15. 스프링 시큐리티 애너테이션
33장 : JWT
___1. JWT 소개
___2. JWT 생성
___3. JWT 해석
___4. RESTful 서비스 보안 설정
___5. 시큐리티 필터
___6. 인증 필터
___7. 인증 토큰 생성
___8. 요청 필터
34장 : 실전 REST API 프로젝트
___1. 프로젝트 소개
___2. 프로젝트 생성
___3. 스프링 MVC
___4. 홈 화면
___5. 메시지 처리
___6. 데이터베이스 스키마 생성
___7. 데이터베이스 테이블 생성
___8. 데이터베이스 접근 설정
___9. 코드그룹 관리
___10. 코드 관리
___11. 회원 관리
___12. 최초 관리자 생성
___13. 액세스 토큰 생성
___14. 접근 제한 설정
___15. 회원 게시판
___16. 공지사항
___17. 상품 관리
___18. 코인 충전
___19. 상품 구매
___20. 공개 자료실
___21. 예외 처리
___22. 인터셉터를 활용한 접근 로깅 처리
___23. AOP를 활용한 서비스 성능 로깅 처리
___24. 서비스 운영 관리
___25. 애플리케이션 패키징
___26. 서버 실행
부록
___1. 업데이트
___2. 소스 다운로드
___3. Vue.js 소스 실행하기
___4. Querydsl 개발 환경 설정
___5. 스프링 부트 프로젝트 불러오기
___6. JUnit 테스트 실행하기
___7. 세션 쿠키 삭제하기
부록 : 컴포지션 API
___1. 소개
___2. Setup
___3. 라이프사이클 훅
___4. Provide / Inject
___5. 템플릿 Refs
부록 : 스프링 부트 시작하기
___1. 스프링 부트 소개
___2. 시스템 요구 사항
___3. 스프링 부트 설치
___4. 첫 스프링 부트 애플리케이션 개발
부록 : 스프링 부트 사용
___1. 시스템 구축
___2. 코드 구조화
___3. 구성 클래스
___4. 자동 구성
___5. 스프링 빈과 의존성 주입
___6. @SpringBootApplication 애너테이션 사용
___7. 애플리케이션 실행
___8. 개발자 도구
___9. 프로덕션용 애플리케이션 패키징
부록 : 스프링 부트 기능
___1. SpringApplication
___2. 외부화된 구성
___3. 프로파일
___4. 로깅
___5. 웹 애플리케이션 개발
___6. 보안
___7. SQL 데이터베이스 작업
___8. 테스트
부록 : 스프링 부트 액추에이터
___1. 프로덕션 준비 기능 활성화
___2. 엔드포인트
___3. HTTP를 통한 모니터링 및 관리
___4. 로거
___5. 메트릭
___6. 감사
___7. HTTP 추적
___8. 프로세스 모니터링
부록 : 스프링 웹 MVC
___1. DispatcherServlet
___2. 필터
___3. 애너테이션이 달린 컨트롤러
___4. Functional 엔드포인트
___5. URI 링크
___6. 비동기식 요청
___7. CORS
___8. 웹 보안
___9. HTTP 캐싱
___10. 뷰 기술
___11. MVC 구성
___12. HTTP/2

작가정보

저자(글) 향단코드

다양한 응용프로그램을 개발한 경력이 있으며, 다수의 프로젝트에 참여한 경험이 있습니다.

[대표 저서]
- 실전 디자인 패턴 시리즈
- 실전 스프링 부트 웹 개발 시리즈
- 실전 스프링 부트 REST API 개발 시리즈
- 스프링 시큐리티 시리즈
- 실전 SPA 개발 시리즈
- 실전 프론트엔드(리액트, 뷰, 앵귤러) 시리즈