SPA 개발 가이드 with Vue.js + 스프링

온개발팀 지음

온노트 2023년 09월 07일 출간

작품소개

책소개

이 책은 SPA(Single Page Application) 개발의 세계를 풍성하게 안내하는 종합 가이드입니다. 이 책은 최신 기술을 사용하여 동적이고 반응이 빠른 웹 애플리케이션을 구축하는 방법을 전체적으로 이해할 수 있도록 세심하게 설계되었습니다.

Axx장, 'SPA'에서는 단일 페이지 애플리케이션 영역으로 들어가는 관문 역할을 합니다. SPA의 핵심 개념을 살펴보고 장점과 과제, 기존 다중 페이지 애플리케이션과의 차이점을 이해합니다.

Bxx장, '모던 자바스크립트'에서는 최신 자바스크립트 개발의 세계로 빠져듭니다. ECMAScript 표준을 살펴보고, 프로미스와 async/await를 사용한 비동기 프로그래밍에 대해 알아보고, 필수 JavaScript 도구와 실습을 살펴봅니다.

Cxx장, 'Vue.js'에서는 SPA를 구축하기 위한 접근하기 쉽고 다재다능한 프레임워크인 Vue.js 프레임워크에 대해 안내합니다. Vue 컴포넌트, Vuex를 사용한 상태 관리, Vue 라우터를 사용한 라우팅, 대화형 및 동적 사용자 인터페이스를 만드는 방법에 대해 알아봅니다.

Dxx장, '스프링을 사용한 RESTful 프로그래밍'에서는 프론트엔드와 백엔드 간의 격차를 해소합니다. 스프링 프레임워크를 사용하여 RESTful API를 구축하는 방법을 살펴보고, 프론트엔드 애플리케이션과 원활하게 통신하는 강력한 백엔드 서비스를 만드는 방법을 이해합니다.

이 책을 통해 최신 웹 애플리케이션을 제작하는 데 필요한 지식과 기술을 습득할 수 있습니다. SPA의 세계에 입문하려는 프론트엔드 애호가든, 동적 사용자 인터페이스에 맞춰 서비스를 조정하려는 백엔드 개발자이든 이 책은 SPA 구축의 기본 개념과 고급 기술을 안내합니다. 이 책을 다 읽고 나면 최신 웹 개발의 요구 사항을 충족하는 반응형, 대화형, 효율적인 웹 애플리케이션을 만들 수 있을 것입니다.

이 책은 Axx장을 제외한 나머지 장은 온노트에서 출간된 책의 내용을 합친 형태입니다. 개별 전자책으로 따로 구매하려면 아래 정보를 참조하기 바랍니다.

본서와 관련된 전자책 리스트입니다.
- [ 모던 자바스크립트 ]
- [ Vue.js ]
- [ RESTful 프로그래밍 with 스프링 ]

목차

A01장 : 싱글 페이지 애플리케이션 소개
___1. 싱글 페이지 애플리케이션이란?
___2. 싱글 페이지 애플리케이션의 장점과 단점
___3. 싱글 페이지 애플리케이션의 작동 방식
A02장 : 프런트엔드 기술
___1. HTML, CSS, 자바스크립트
___2. 프런트엔드 프레임워크/라이브러리
___3. UI/UX 디자인 원칙
A03장 : 백엔드 기술
___1. RESTful API
___2. 서버 측 프레임워크
___3. 인증 및 권한 부여
A04장 : 싱글 페이지 애플리케이션 구축
___1. 개발 환경 설정
___2. 애플리케이션 아키텍처 계획
___3. 프론트엔드 만들기
___4. 백엔드 만들기
___5. 프론트 엔드와 백엔드 연결하기
___6. 테스트 및 디버깅
A05장 : 배포 및 확장
___1. 싱글 페이지 애플리케이션을 위한 호스팅 옵션
___2. 프로덕션 환경에 배포
___3. 애플리케이션 모니터링 및 스케일링
A06장 : 고급 주제
___1. 프로그레시브 웹 애플리케이션
___2. 서버 측 렌더링
___3. 성능 및 사용자 경험 최적화
___4. 접근성 고려 사항
B01장 : 모던 자바스크립트 소개
___1. 모던 자바스크립트란?
___2. 자바스크립트의 역사
___3. 자바스크립트의 최신 버전은?
___4. 모던 자바스크립트의 장점
B02장 : 언어 기초
___1. 변수와 데이터 타입
___2. 연산자
___3. 제어 흐름문
___4. 함수
___5. 객체
___6. 배열
B03장 : ES6 (ECMAScript 2015)
___1. 블록 범위 선언(let, const)
___2. 화살표 함수
___3. 템플릿 리터럴
___4. 구조 분해 할당
___5. 나머지 및 스프레드 연산자
___6. 기본 파라미터
___7. 클래스 및 상속
___8. 모듈
___9. 프로미스
___10. Async/Await
___11. 제너레이터
B04장 : 고급 자바스크립트 개념
___1. 범위와 클로저
___2. 프로토타입과 상속
___3. 고차 함수
___4. 비동기 자바스크립트
___5. 콜백 함수
___6. 이벤트 루프
___7. 정규 표현식
B05장 : 모던 자바스크립트의 고급 주제
___1. 함수형 프로그래밍
___2. 리액티브 프로그래밍
___3. 데이터 시각화
___4. 웹 컴포넌트
___5. 웹 어셈블리
B06장 : 브라우저로 작업하기
___1. 문서 객체 모델(DOM)
___2. DOM 요소 조작하기
___3. 브라우저 이벤트
___4. AJAX
___5. Fetch API
___6. 로컬 저장소
B07장 : 모던 자바스크립트 라이브러리 및 프레임워크
___1. React
___2. Vue.js
___3. Angular
___4. Node.js
___5. Express
___6. jQuery
B08장 : 도구 및 워크플로
___1. 최신 개발 환경 설정
___2. 빌드 도구(Webpack, Parcel, Rollup)
___3. 태스크 러너(Gulp, Grunt)
___4. 린터 및 코드 품질 도구(ESLint, Prettier)
___5. 디버깅 도구
___6. 테스트 프레임워크(Jest, Mocha, Jasmine)
___7. 지속적 통합(CI) 및 지속적 배포(CD)
B09장 : 모던 자바스크립트 모범 사례
___1. 코딩 스타일
___2. 코드 구성
___3. 성능 최적화
___4. 오류 처리
___5. 보안
___6. 접근성
___7. 단위 테스트
___8. 디버깅
C01장 : Vue.js 소개
___1. Vue.js란?
___2. 왜 Vue.js를 사용하나요?
___3. Vue.js와 다른 프레임워크라이브러리 비교
C02장 : Vue.js 시작하기
___1. 설치 및 설정
___2. Hello World 예제
___3. Vue 인스턴스 이해하기
C03장 : Vue.js 템플릿
___1. Vue.js 템플릿 구문
___2. 지시문 및 표현식
___3. 템플릿 렌더링
C04장 : Vue.js 컴포넌트
___1. Vue.js 컴포넌트란?
___2. 컴포넌트 생성하기
___3. 프로퍼티와 그 사용법
___4. 이벤트 발생
___5. 슬롯
C05장 : Vue.js 반응형 속성
___1. Vue.js의 반응성 이해하기
___2. Computed 속성
___3. Watchers
___4. Methods
C06장 : Vue.js 폼과 입력 바인딩
___1. Vue.js의 폼 처리
___2. v-model 지시문
___3. 사용자 정의 입력 컴포넌트
___4. 유효성 검사
C07장 : Vue.js 라우팅
___1. Vue 라우터 설정
___2. 기본 라우팅
___3. 경로 매개변수
___4. 내비게이션 가드
C08장 : Vuex를 사용한 Vue.js 상태 관리
___1. Vuex 소개
___2. 스토어, 액션 및 뮤테이션
___3. Vue.js와 Vuex 연결하기
___4. Vuex 모듈
C09장 : Vue.js 애니메이션 및 트랜지션
___1. Vue.js의 CSS 애니메이션
___2. 요소 간 전환
___3. 동적 트랜지션
C10장 : Vue.js 지시문
___1. Vue.js 지시문이란?
___2. 기본 제공 지시문
___3. 사용자 정의 지시문
C11장 : Vue.js 테스트
___1. Jest로 Vue.js 컴포넌트 테스트하기
___2. 스냅샷 테스트
___3. 의존성 모킹
C12장 : 고급 Vue.js 주제
___1. Vue.js를 사용한 서버 측 렌더링
___2. Vue.js 3 기능
___3. Vue.js와 타입스크립트
___4. Vue.js 에코시스템 및 인기 라이브러리
D01장 : RESTful 프로그래밍 소개
___1. 정의 및 주요 원칙
___2. HTTP 메서드 이해
___3. 미디어 유형 개요
D02장 : 스프링 프레임워크 소개
___1. 스프링 프레임워크의 핵심 개념
___2. 스프링 부트 개요 및 아키텍처
___3. 스프링의 의존성 주입
___4. 스프링의 빈과 연결
D03장 : 스프링으로 RESTful 웹 서비스 구축하기
___1. 스프링 애플리케이션 생성하기
___2. 첫 번째 REST API 빌드하기
___3. HTTP 메서드
___4. 예외 및 유효성 검사 처리하기
D04장 : 스프링의 고급 개념 for REST API
___1. 스프링 데이터 JPA를 사용한 페이징 및 정렬
___2. 버전 관리
___3. 콘텐츠 협상
___4. 캐싱
___5. HATEOAS
D05장 : 스프링 REST API의 보안
___1. 기본 인증
___2. OAuth2.0
___3. JWT
D06장 : 스프링으로 REST API 테스트하기
___1. JUnit을 사용한 단위 테스트
___2. Mockito를 사용한 통합 테스트
___3. Postman으로 테스트하기
D07장 : 스프링 REST API 배포
___1. 스프링 부트 애플리케이션 도커화
___2. 클라우드에 배포하기
D08장 : RESTful 프로그래밍의 모범 사례
___1. 상태 비저장 API 빌드
___2. 명명 규칙
___3. 오류 처리
D09장 : 사례 연구
___1. 본격적인 RESTful 웹 서비스 개발하기
___2. REST API 문제 해결 및 디버깅

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.