실전 프론트엔드 with 모던 자바스크립트 + Vue.js

온개발팀 , 향단코드 지음

온노트 2023년 11월 22일 출간

작품소개

책소개

오늘날의 디지털 환경에서 웹 애플리케이션의 프론트엔드는 제품의 얼굴이자 사용자의 첫 번째 상호 작용이며 즐거운 사용자 경험의 관문인 경우가 많습니다. 뛰어난 웹 프론트엔드를 제작하려면 HTML과 CSS에 대한 기본적인 이해 이상의 것이 필요합니다. 동적이고 반응이 빠른 대화형 사용자 인터페이스를 구축할 수 있는 최신 자바스크립트 프레임워크와 도구에 대한 심층적인 이해가 필요합니다.

이 책은 프론트엔드 웹 개발 기술을 마스터하기 위한 종합 가이드입니다. 이 책은 모든 프론트엔드 개발자가 알아야 할 필수 도구와 실습을 통해 여러분을 여정으로 안내합니다.

Axx장, '모던 자바스크립트'에서는 변수, 함수, 기본 DOM 조작 등 자바스크립트의 기본을 살펴보고 자바스크립트 세계로 입문합니다. 또한 강력한 프론트엔드 애플리케이션을 구축하는 데 필수적인 ES6 이상과 같은 최신 자바스크립트 기능도 살펴봅니다.

Bxx장, 'Vue.js'에서는 대화형 사용자 인터페이스를 구축하는 데 가장 많이 사용되는 자바스크립트 프레임워크 중 하나를 소개합니다. 복잡한 애플리케이션을 구축하기 위한 명확하고 유연한 구조를 제공하여 프런트엔드 개발을 간소화하는 Vue.js에 대해 알아봅니다.

Cxx장, '실제 프로젝트'에서는 배운 지식을 실제로 적용해 봅니다. 이전 장에서 배운 개념을 적용하여 실제 프론트엔드 프로젝트를 만드는 실습 과정을 시작합니다.

이 책은 단순히 프론트엔드 개발의 메커니즘을 가르치는 데 그치지 않습니다. 이 책은 디지털 환경에서 돋보이는 반응형, 사용자 친화적인 웹 애플리케이션을 만들 수 있는 숙련된 프론트엔드 개발자가 되기 위한 로드맵입니다. 프론트엔드 개발이 처음이거나 기술을 확장하고자 하는 개발자라면 이 책을 통해 흥미진진한 프론트엔드 웹 개발 세계에서 뛰어난 역량을 발휘할 수 있는 도구와 지식을 습득할 수 있습니다.

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

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

목차

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장 : Vue.js 소개
___1. Vue.js란?
___2. 왜 Vue.js를 사용하나요?
___3. Vue.js와 다른 프레임워크라이브러리 비교
B02장 : Vue.js 시작하기
___1. 설치 및 설정
___2. Hello World 예제
___3. Vue 인스턴스 이해하기
B03장 : Vue.js 템플릿
___1. Vue.js 템플릿 구문
___2. 지시문 및 표현식
___3. 템플릿 렌더링
B04장 : Vue.js 컴포넌트
___1. Vue.js 컴포넌트란?
___2. 컴포넌트 생성하기
___3. 프로퍼티와 그 사용법
___4. 이벤트 발생
___5. 슬롯
B05장 : Vue.js 반응형 속성
___1. Vue.js의 반응성 이해하기
___2. Computed 속성
___3. Watchers
___4. Methods
B06장 : Vue.js 폼과 입력 바인딩
___1. Vue.js의 폼 처리
___2. v-model 지시문
___3. 사용자 정의 입력 컴포넌트
___4. 유효성 검사
B07장 : Vue.js 라우팅
___1. Vue 라우터 설정
___2. 기본 라우팅
___3. 경로 매개변수
___4. 내비게이션 가드
B08장 : Vuex를 사용한 Vue.js 상태 관리
___1. Vuex 소개
___2. 스토어, 액션 및 뮤테이션
___3. Vue.js와 Vuex 연결하기
___4. Vuex 모듈
B09장 : Vue.js 애니메이션 및 트랜지션
___1. Vue.js의 CSS 애니메이션
___2. 요소 간 전환
___3. 동적 트랜지션
B10장 : Vue.js 지시문
___1. Vue.js 지시문이란?
___2. 기본 제공 지시문
___3. 사용자 정의 지시문
B11장 : Vue.js 테스트
___1. Jest로 Vue.js 컴포넌트 테스트하기
___2. 스냅샷 테스트
___3. 의존성 모킹
B12장 : 고급 Vue.js 주제
___1. Vue.js를 사용한 서버 측 렌더링
___2. Vue.js 3 기능
___3. Vue.js와 타입스크립트
___4. Vue.js 에코시스템 및 인기 라이브러리
C01장 : 개발 환경
___1. Visual Studio Code 설치
___2. Vetur 플러그인 설치
___3. NodeJS 설치
___4. 뷰 개발자 도구(Vue Devtools) 설치
___5. 자바 설치
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장 : Vue.js 기본
___1. Vue 인스턴스
___2. 인스턴스 옵션
___3. 인스턴스 라이프 사이클
___4. data 속성
___5. Vue 템플릿 문법
___6. computed 속성
___7. methods 속성
___8. watch 속성
___9. 필터
___10. 디렉티브
___11. 이벤트 처리
___12. 폼바인딩
___13. Vue 컴포넌트
___14. 컴포넌트 통신
___15. Vue CLI 설치
___16. 프로젝트 생성
___17. 싱글 파일 컴포넌트
C06장 : Todo 애플리케이션
___1. 애플리케이션 소개
___2. 프로젝트 생성
___3. 컴포넌트 정의
___4. 화면 구성
___5. 데이터 정의
___6. 이벤트 처리
___7. 컴포넌트 통신
___8. Vuex 적용
___9. Vuex 스토어 접근
___10. Vuex 헬퍼 함수
___11. Vuex 개발 구성
___12. 데이터 저장
___13. Todo 항목 수정
___14. 편집 상태 체크
___15. Todo 항목 컴포넌트 정의
___16. Todo 항목 완료 처리
___17. 검색 필터링 컴포넌트 정의
___18. Todo 항목 아이디 생성
C07장 : CRUD 게시판
___1. 게시판 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. Vuex 상태 정의
___6. 게시글 등록
___7. 게시글 목록
___8. 게시글 상세보기
___9. 게시글 삭제
___10. 게시글 수정
C08장 : 파일 게시판
___1. 파일업로드 소개
___2. 프로젝트 생성
___3. REST API 서버 구성
___4. 라우터 정의
___5. Vuex 상태 정의
___6. 파일 업로드
___7. 파일 게시글 목록
___8. 파일 게시글 상세보기
___9. 파일 게시글 삭제
___10. 파일 게시글 수정
C09장 : 실전 프로젝트
___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. 공개 자료실
___23. Vuex 스토어 모듈화

작가정보

저자(글) 온개발팀

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

저자(글) 향단코드

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

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