본문 바로가기

리디북스 접속이 원활하지 않습니다. 새로 고침(F5)해주세요.
계속해서 문제가 발생한다면 리디북스 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

RIDIBOOKS

리디북스 검색

최근 검색어

'검색어 저장 끄기'로 설정되어 있습니다.


리디북스 카테고리



프론트엔드 개발 첫걸음 상세페이지

컴퓨터/IT 개발/프로그래밍

프론트엔드 개발 첫걸음

React, Angular, Vue.js, React Native

구매종이책 정가18,000
전자책 정가12,000(33%)
판매가12,000
프론트엔드 개발 첫걸음

책 소개

<프론트엔드 개발 첫걸음>

자바스크립트 프론트엔드 개발 프레임워크의 첫걸음!


이 책은 풍부한 UI를 구축할 수 있는 자바스크립트로 만든 프론트엔드 프레임워크로 React, Angular, Vue.js, React Native를 다룬다. 또한 iOS와 Android용 네이티브 응용 프로그램을 만들 수 있다.

슬랙(Slack) 스타일의 채팅 애플리케이션을 각각의 프레임워크로 만들어보는 과정으로 이루어져 있으며, 이를 위해 먼저 API 서버를 만들어보는 과정을 앞에 추가하였다.

API 서버가 완성되면 이들 각 프레임워크로 같은 API 서버를 통해 같은 기능을 제공하는 애플리케이션을 만들어 본다. React Native는 모바일 네이티브 애플리케이션 개발을 목적으로 하는 프레임워크이므로 SPA(단일 페이지 애플리케이션)를 넘어 모바일 애플리케이션 개발도 배워볼 수 있다.


이런 분들께 추천합니다!
- React, Vue.js, Angular와 같은 프론트엔드 계열 자바스크립트 프레임워크를 배우고자 하는 웹 개발자
- jQuery의 경험이 있고 SPA(Single Page Application)도 이해하고 배우고자 하는 HTML/CSS 웹 디자이너


출판사 서평

프론트엔드 계열 자바스크립트 프레임워크를 배우고자 하는 웹 개발자를 위한 책

프론트엔드 웹 개발자와 디자이너에게 조금 어렵게 느껴질 수도 있는 이들은 SPA라는 풍부한 Web 응용 프로그램과 네이티브 앱을 실현 가능하게 하는 기술로서 빠뜨릴 수 없는 존재가 되었다.

이 책은 슬랙 스타일의 채팅 애플리케이션을 다양한 자바스크립트 프론트엔드 프레임워크로 개발해보는 체험을 통해 “SPA를 개발하는 방법에 대한 감”을 잡는 것을 목표로 한다. 책을 읽으며 전체 과정을 체험해 보면 한결 이해가 쉬워질 것이다.

이 책의 모든 예제를 모두 섭렵해보고 나면 자신의 취향에 맞는 프레임워크가 무엇인지, 웹 및 모바일 애플리케이션 두 분야에서 모두 활용할 수 있는 컴포넌트 지향 개념을 확립할 수 있을 것이다.


저자 소개

지은이 | Hara Kazuhiro
웹 디자이너 겸 엔지니어. 다양한 자리를 거치며 웹을 중심으로 좋은 제품을 만드는데 탐독하고 있다. 최근에는 인프라와 관련된 공부를 하는 중이다. 웹 디자인 트렌드를 리서치하는 것이 평생의 업이다. 저서로는 “Play Framework 2 철저 입문”, “프로세스 오브 웹 디자인” 등이 있다.

옮긴이 | 심효섭
연세대학교 문헌정보학과를 졸업하고 모교 중앙도서관과의 인연으로 도서관 솔루션 업체에서 일하게 되면서 개발을 시작했다. 네이버에서 웹 서비스 개발 업무를 맡았으며, 웹 서비스 외에 기계학습에 대한 공부도 꾸준히 하고 있다. 최근 관심사는 회사에 속하지 않고도 지속 가능한 삶이다. 옮긴 책으로 『엔지니어를 위한 블록체인 프로그래밍』, 『머신러닝 실무 프로젝트』 등이 있다.

목차

Part 1. 자바스크립트 프론트엔드 개발 프레임워크의 최신 동향
제1장 자바스크립트 프론트엔드 개발 프레임워크의 발전
프레임워크란 무엇인가
자바스크립트부터 프레임워크까지
그리고 찾아온 SPA의 시대
이 책에서 다루는 프레임워크
그 외의 자바스크립트 프레임워크

제2장 SPA와 PWA-프론트엔드 구현 기술의 최신 동향
클라이언트 사이드 라우팅
CSS in JS
컴포넌트 지향
SSR과 프리렌더링
가상 DOM
MVC와 MVP, MVVM
Flux
PWA
일렉트론



Part 2. 자바스크립트 프론트엔드 개발을 위한 기초 지식 및 환경 구축
제3장 자바스크립트 프론트엔드 개발을 위한 환경 구축
Node.js 설치하기
npm과 package.json
프론트엔드 빌드 도구
에디터
정리

제4장 자바스크립트 프론트엔드 개발을 위한 기초 지식
ECMAScript 2015의 개요
TypeScript의 개요

제5장 자바스크립트 프론트엔드 개발을 위한 서버 구축
예제 애플리케이션의 개요
RESTful API를 이용한 채팅 서버
채팅 서버의 RESTful API
채팅 서버의 구조
개발 환경 준비하기
채팅 서버의 RESTful API 구현



Part 3. Slack 스타일의 예제를 만들어보며 React/Angular/Vue.js 익히기
제6장 React 입문 및 활용하기
React의 기초 지식
props와 state
컴포넌트의 생애주기
그 외 정보
예제 애플리케이션을 구현하며 배우는 React 개발
라우팅 설정 컴포넌트 구현하기
메시지 피드 컴포넌트 구현하기
채널 상세 컴포넌트 구현하기
메시지 폼 컴포넌트 구현하기
컴포넌트 간의 연동
보다 실용적인 애플리케이션을 구현하기 위해

제7장 Angular 입문 및 활용하기
Angular에 대한 기초 지식
Angular의 특징
아키텍처 및 주요 개념
AngularJS로부터 마이그레이션하기
UI 라이브러리
Angular 관련 커뮤니티
만들어보며 배우는 Angular 개발
Angular CLI로 프로젝트 만들기
Angular Material 도입하기
채널 목록 구현하기
라우팅 설정하기
메시지 피드 구현하기
메시지 폼 구현하기
부모 자식 관계가 아닌 컴포넌트 연동시키기
보다 실용적인 애플리케이션을 구현하기 위해

제8장 Vue.js 입문 및 활용하기
Vue.js에 대한 기초 지식
Vue.js의 특징
Vue 설치하기
채팅 애플리케이션 만들기
새로 생성한 프로젝트 확인하기
단일 파일 컴포넌트
컴포넌트 분할과 프로퍼티를 이용한 데이터 전달
컴포넌트 더 잘 활용하기
Element 라이브러리 사용하기
정리



Part 4. Slack 스타일의 예제를 만들어보며 React Native 배우기
제9장 React Native 입문 및 활용하기
React Native에 대한 기초 지식
React Native의 특징
React Native를 사용하기 위해 알아야 할 사항
React Native의 실용성
React Native 개발 환경 구축하기
React Native 시작하기
예제 애플리케이션을 구현해보며 React Native 배우기
“채널 상세 화면”의 메시지 목록 부분 구현하기
“채널 상세 화면”의 메시지 폼 부분 구현하기
Channel 컴포넌트 구현하기
채널 목록 구현하기
보다 실용적인 애플리케이션을 구현하기 위해


리뷰

구매자 별점

0.0

점수비율

  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

‘구매자’ 표시는 유료 도서를 결제하고 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기


spinner
모바일 버전