실전 프론트엔드 with 모던 자바스크립트 + 리액트

온개발팀 , 향단코드 지음

온노트 2023년 11월 01일 출간

작품소개

책소개

오늘날의 디지털 시대에 웹 개발은 역동적이고 진화하는 분야입니다. 웹 애플리케이션이 점점 더 정교해짐에 따라 프론트엔드 개발은 탁월한 사용자 경험을 제공하는 데 있어 중심적인 역할을 하고 있습니다. 이 책은 최신 웹 개발을 뒷받침하는 핵심 기술과 개념을 마스터하기 위한 종합 가이드입니다.

Axx장, '모던 자바스크립트'에서는 최신 웹 개발의 근간이 되는 자바스크립트의 세계에 대해 자세히 살펴봅니다. 최신 ECMAScript 기능을 살펴보고, 자바스크립트의 핵심 개념을 이해하고, 깔끔하고 효율적이며 유지 관리가 용이한 코드를 작성하는 방법을 배웁니다.

Bxx장, '리액트'에서는 사용자 인터페이스를 구축하는 데 가장 널리 사용되는 자바스크립트 라이브러리 중 하나인 리액트의 세계로 여러분을 안내합니다: 리액트입니다. 리액트의 컴포넌트 기반 아키텍처와 상태 관리를 살펴보고 인터랙티브하고 동적인 웹 애플리케이션을 만드는 방법을 배웁니다.

Cxx장, '실제 프로젝트'에서는 이론과 실습이 만나는 곳입니다. 이전 장에서 배운 지식을 적용해 실제 프론트엔드 애플리케이션을 구축하는 실습 프로젝트를 시작하게 됩니다. 이 챕터는 이론과 애플리케이션을 이어주는 다리 역할을 하며, 최신 자바스크립트와 리액트가 어떻게 결합하여 강력한 웹 경험을 만드는지 확인할 수 있습니다.

이 책은 초보자와 숙련된 개발자 모두 끊임없이 변화하는 프론트엔드 개발 환경을 자신 있게 탐색할 수 있도록 설계되었습니다. 이 책을 다 읽고 나면 반응형, 대화형, 시각적으로 멋진 웹 애플리케이션을 만드는 데 필요한 기술과 지식을 갖추게 될 것입니다. 개인 프로젝트를 구축하든 대규모 웹 애플리케이션에 기여하든 이 책은 프론트엔드 개발의 필수 요소를 마스터하는 데 귀중한 리소스가 될 것입니다.

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

본서와 관련된 전자책 리스트입니다.
- [ 모던 자바스크립트 ] (온개발팀 지음)
- [ 리액트 ] (온개발팀 지음)
- [ 실전 리액트 ] (향단코드 지음)

목차

A01장 : 모던 자바스크립트 소개
___1. 모던 자바스크립트란?
___2. 자바스크립트의 역사
___3. 자바스크립트의 최신 버전은?
___4. 모던 자바스크립트의 장점
A02장 : 언어 기초
___1. 변수와 데이터 타입
___2. 연산자
___3. 제어 흐름문
___4. 함수
___5. 객체
___6. 배열
A03장 : ES6 (ECMAScript 2015)
___1. 블록 범위 선언(let, const)
___2. 화살표 함수
___3. 템플릿 리터럴
___4. 구조 분해 할당
___5. 나머지 및 스프레드 연산자
___6. 기본 파라미터
___7. 클래스 및 상속
___8. 모듈
___9. 프로미스
___10. Async/Await
___11. 제너레이터
A04장 : 고급 자바스크립트 개념
___1. 범위와 클로저
___2. 프로토타입과 상속
___3. 고차 함수
___4. 비동기 자바스크립트
___5. 콜백 함수
___6. 이벤트 루프
___7. 정규 표현식
A05장 : 모던 자바스크립트의 고급 주제
___1. 함수형 프로그래밍
___2. 리액티브 프로그래밍
___3. 데이터 시각화
___4. 웹 컴포넌트
___5. 웹 어셈블리
A06장 : 브라우저로 작업하기
___1. 문서 객체 모델(DOM)
___2. DOM 요소 조작하기
___3. 브라우저 이벤트
___4. AJAX
___5. Fetch API
___6. 로컬 저장소
A07장 : 모던 자바스크립트 라이브러리 및 프레임워크
___1. React
___2. Vue.js
___3. Angular
___4. Node.js
___5. Express
___6. jQuery
A08장 : 도구 및 워크플로
___1. 최신 개발 환경 설정
___2. 빌드 도구(Webpack, Parcel, Rollup)
___3. 태스크 러너(Gulp, Grunt)
___4. 린터 및 코드 품질 도구(ESLint, Prettier)
___5. 디버깅 도구
___6. 테스트 프레임워크(Jest, Mocha, Jasmine)
___7. 지속적 통합(CI) 및 지속적 배포(CD)
A09장 : 모던 자바스크립트 모범 사례
___1. 코딩 스타일
___2. 코드 구성
___3. 성능 최적화
___4. 오류 처리
___5. 보안
___6. 접근성
___7. 단위 테스트
___8. 디버깅
B01장 : 리액트 소개
___1. 리액트란?
___2. 리액트를 사용하는 이유
___3. 리액트와 다른 프레임워크라이브러리 비교
B02장 : 개발 환경 설정하기
___1. Node.js 설치
___2. npm/yarn 설치
___3. 리액트 앱 생성
B03장 : JSX 기초
___1. JSX란?
___2. JSX 구문
___3. JSX 표현식
B04장 : 컴포넌트와 Props
___1. 컴포넌트란?
___2. 함수형 및 클래스 컴포넌트 생성하기
___3. Props와 그 사용법
___4. Prop 타입과 defaultProps
B05장 : 상태와 라이프사이클
___1. state 이해하기
___2. setState 메서드
___3. 라이프사이클 메서드
B06장 : 이벤트 처리하기
___1. 리액트의 이벤트 처리
___2. 합성 이벤트
___3. this 바인딩
B07장 : 리스트와 키
___1. map으로 리스트 렌더링하기
___2. 키와 키의 중요성
___3. 컴포넌트 추출하기
B08장 : 폼과 제어 컴포넌트
___1. 리액트에서 폼 데이터 처리하기
___2. 제어 컴포넌트
___3. 비제어 컴포넌트
B09장 : 리액트 라우터
___1. 리액트 라우터 설정하기
___2. 기본 라우팅
___3. 경로 매개변수
B10장 : Redux
___1. Redux 소개
___2. 스토어, 액션 및 리듀서
___3. 리액트와 Redux 연결하기
___4. Redux Thunk와 미들웨어
B11장 : 리액트 애플리케이션 테스트하기
___1. Jest와 Enzyme
___2. 컴포넌트 테스트
___3. 스냅샷 테스트
C01장 : 개발 환경
___1. Visual Studio Code 설치
___2. NodeJS 설치
___3. yarn 설치
___4. java 설치
C02장 : 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. 모듈
C03장 : 자바스크립트 배열
___1. 배열 소개
___2. 배열 메서드
___3. 배열 정렬
___4. 반복 메서드
C04장 : 비동기 처리
___1. 프로미스
___2. 프로미스 메서드
___3. 프로미스 병렬 처리
___4. async await
___5. 제너레이터
C05장 : 리액트 기본
___1. 프로젝트 생성
___2. JSX
___3. 컴포넌트
___4. 라이프사이클
___5. 컴포넌트 상태
___6. 컴포넌트 속성
___7. 이벤트 처리
___8. Hooks
___9. 성능 향상
C06장 : Todo 애플리케이션
___1. 애플리케이션 소개
___2. 프로젝트 생성
___3. 컴포넌트 정의
___4. 화면 구성
___5. 상태 정의
___6. 컴포넌트 통신
___7. 이벤트 처리
___8. 함수형 업데이트
___9. 성능 향상 훅 사용
___10. 컴포넌트 상태 중앙 집중화
___11. 컨텍스트 생성
___12. 컨텍스트 공급자 정의
___13. 컨텍스트 적용
___14. 컨텍스트 비구조화 할당
___15. 컨텍스트 훅 사용
___16. 리덕스 적용
___17. 리덕스 connect 사용
___18. 리덕스 라이브러리
___19. 리덕스 관련 훅 사용
___20. 상태 저장
___21. 상태 복원
___22. 검색 필터링 컴포넌트 정의
___23. 검색 필터링 기능
___24. 선택자 함수
___25. 돔 요소 접근
___26. Todo 항목 수정
___27. 편집 상태 체크
___28. 프로젝트 구조 재구성
C07장 : CRUD 게시판
___1. 게시판 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 클라이언트 설정
___6. 게시글 등록
___7. 게시글 상세보기
___8. 게시글 목록
___9. 게시글 삭제
___10. 게시글 수정
C08장 : 리덕스 적용
___1. 리덕스 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 클라이언트 설정
___6. 리덕스 모듈
___7. 게시글 등록
___8. 게시글 상세보기
___9. 게시글 목록
___10. 게시글 삭제
___11. 게시글 수정-A유형
___12. 게시글 수정-B유형
___13. 게시글 수정-C유형
___14. 지연 처리 모듈 분리
C09장 : 미들웨어 활용
___1. 미들웨어 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 클라이언트 설정
___6. 리덕스 미들웨어
___7. 게시글 등록
___8. 게시글 상세보기
___9. 게시글 목록
___10. 게시글 삭제
___11. 게시글 수정
___12. 지연 처리 모듈 분리
C10장 : 파일 게시판
___1. 파일업로드 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. 클라이언트 설정
___6. 리덕스 미들웨어
___7. 상품 등록
___8. 상품 상세보기
___9. 상품 목록
___10. 상품 삭제
___11. 상품 수정
C11장 : 실전 프로젝트
___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. 공개 자료실

작가정보

저자(글) 온개발팀

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

저자(글) 향단코드

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

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