SPA 개발 가이드 with 타입스크립트 + 리액트 + 스프링

온개발팀 지음

온노트 2023년 09월 21일 출간

작품소개

책소개

이 책은 싱글 페이지 애플리케이션(SPA)의 세계를 이해하고 마스터하기 위한 종합 가이드입니다. 이 책은 SPA의 기본 개념부터 타입스크립트, 리액트, 스프링을 비롯한 최신 기술을 사용하여 SPA를 구축하는 과정까지 안내합니다.

Axx장, 'SPA'에서는 싱글 페이지 애플리케이션에 대한 소개를 통해 SPA가 무엇이며 최신 웹 개발에서 왜 필수적인지 설명합니다. SPA와 관련된 장점과 과제를 명확하게 이해할 수 있습니다.

Bxx장, '타입스크립트'에서는 정적으로 타입화된 자바스크립트의 상위 집합인 타입스크립트에 대해 살펴봅니다. 데이터 타입, 함수, 인터페이스를 비롯한 타입스크립트의 기본 사항을 배워 효과적인 프론트엔드 개발을 준비할 수 있습니다.

Cxx장, '타입스크립트로 개발하는 리액트'에서는 사용자 인터페이스를 구축하는 데 널리 사용되는 자바스크립트 라이브러리인 리액트를 소개하고 SPA 개발을 위해 타입스크립트와 함께 사용하는 방법을 설명합니다. 리액트 컴포넌트, 상태 관리, 라우팅을 살펴봅니다.

Dxx장, '스프링을 사용한 RESTful 프로그래밍'에서는 강력한 자바 프레임워크인 스프링을 사용한 백엔드 개발의 세계로 안내합니다. 스프링을 사용하여 RESTful API를 생성하고, 데이터를 처리하고, 프론트엔드와 상호 작용하는 방법을 배우게 됩니다.

이 책은 최신 SPA를 효과적으로 구축하는 데 필요한 지식과 기술을 갖추도록 설계되었습니다. 타입스크립트와 리액트를 마스터하려는 프론트엔드 개발자이든, 스프링으로 RESTful API를 만드는 데 관심이 있는 백엔드 개발자이든, 이 책은 SPA 개발에 대한 전체적인 이해를 제공합니다. 이 여정이 끝나면 원활하고 반응이 빠른 사용자 경험을 제공하는 SPA를 만들 수 있는 역량을 갖추게 될 것입니다.

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

본서와 관련된 전자책 리스트입니다.
- [ 타입스크립트 ]
- [ 리액트 with 타입스크립트 ]
- [ 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. 타입스크립트 개발 환경 설정하기
B02장 : 타입스크립트 기초
___1. 타입 및 타입 어노테이션 이해하기
___2. 변수 및 상수 작업하기
___3. 연산자 및 표현식 사용하기
___4. 제어 흐름 문
B03장 : 타입스크립트 함수
___1. 함수 생성 및 호출하기
___2. 함수 매개변수 및 반환 타입 이해하기
___3. 화살표 함수 및 함수 표현식 사용하기
___4. 함수 오버로드
B04장 : 타입스크립트 클래스와 객체
___1. 타입스크립트에서 클래스 생성하기
___2. 프로퍼티와 메서드 정의하기
___3. 접근 수정자 사용하기
___4. 생성자 및 생성자 오버로딩 이해하기
___5. 객체 생성 및 사용하기
B05장 : 타입스크립트 인터페이스
___1. 인터페이스 이해하기
___2. 인터페이스 생성 및 구현하기
___3. 인터페이스를 사용하여 객체 타입 정의하기
___4. 선택적 프로퍼티 및 인덱스 시그니처
B06장 : 타입스크립트 배열과 튜플
___1. 배열과 튜플로 작업하기
___2. 배열 메서드와 프로퍼티
___3. 튜플 타입과 연산
B07장 : 타입스크립트 열거형
___1. 열거형 생성 및 사용하기
___2. 열거형 멤버와 값
___3. 타입스크립트의 열거형
B08장 : 타입스크립트 제네릭
___1. 제네릭 이해하기
___2. 제네릭 함수 및 클래스 생성하기
___3. 타입 매개변수 및 제약 조건 사용하기
B09장 : 고급 타입스크립트 기능
___1. 네임스페이스 및 모듈로 작업하기
___2. 메타데이터 및 동작에 데코레이터 사용하기
___3. 타입 별칭 및 타입 어설션
___4. 교차 및 유니온 타입
B10장 : 타입스크립트 모범 사례
___1. 깔끔하고 읽기 쉬운 코드 작성
___2. 변수, 함수 및 클래스의 명명 규칙
___3. 타입과 인터페이스를 효과적으로 사용하기
___4. 일반적인 실수와 함정 피하기
C01장 : 리액트와 타입스크립트 소개
___1. 리액트란?
___2. 타입스크립트란?
___3. 왜 타입스크립트와 함께 React를 사용해야 할까요?
C02장 : 환경 설정하기
___1. Node.js와 npm 설치하기
___2. 새 리액트 프로젝트 생성하기
___3. 타입스크립트 설치 및 설정하기
___4. 린팅 및 서식 지정하기
C03장 : 리액트를 위한 타입스크립트 기초
___1. 기본 타입과 인터페이스
___2. 함수 컴포넌트의 타입 어노테이션
___3. React.useState()를 사용한 타입스크립트
___4. React.useEffect()를 사용한 타입스크립트
C04장 : 컴포넌트와 Props
___1. 함수형 컴포넌트 생성하기
___2. Props 타이핑하기
___3. 기본 Props와 선택적 Props
___4. 자식 Props 타이핑하기
C05장 : 이벤트 처리하기
___1. 리액트 이벤트 핸들러 타이핑하기
___2. 폼 입력 이벤트
___3. 마우스 이벤트, 키보드 이벤트, 커스텀 이벤트
C06장 : 상태 관리하기
___1. useState와 useRef
___2. 커스텀 훅 생성하기
___3. 컨텍스트 API 사용하기
C07장 : 라우팅 및 내비게이션
___1. 리액트 라우터 설치 및 구성하기
___2. 라우트 컴포넌트 타이핑하기
___3. 라우트 매개변수 및 쿼리 매개변수 사용하기
C08장 : 폼과 유효성 검사로 작업하기
___1. 폼 처리하기
___2. Yup과 Formik으로 유효성 검사하기
C09장 : API와 통합하기
___1. API에서 데이터 가져오기
___2. API 응답 타이핑
___3. 데이터 포스팅하기
C10장 : 고급 패턴 및 실습
___1. 타입스크립트를 사용한 고차 컴포넌트
___2. Props 렌더링하기
___3. 에러 바운더리와 타입스크립트
C11장 : 리액트 및 타입스크립트 애플리케이션 테스트하기
___1. 테스트 환경 설정하기
___2. 리액트 테스트 라이브러리 타이핑하기
___3. 단위 및 통합 테스트 작성하기
C12장 : 리액트 타입스크립트 애플리케이션 빌드 및 배포하기
___1. 프로덕션 빌드 최적화하기
___2. Netlify, Vercel 및 기타 플랫폼에 배포하기
___3. 지속적 통합 및 배포
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 문제 해결 및 디버깅

작가정보

저자(글) 온개발팀

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