본문내용 바로가기
무료배송 이벤트 소득공제

모던 자바스크립트 개발자를 위한 리액트 프로그래밍 Node.js와 리액트를 활용한 최신 프런트엔드/백엔드 프로그래밍

위키북스 오픈소스 & 웹 시리즈 86
쿠지라 히코우즈쿠에 지음 | 윤인성 옮김 | 위키북스 | 2017년 12월 07일 출간
  • 정가 : 28,000원
    판매가 : 25,200 [10%↓ 2,800원 할인]
  • 통합포인트 :
    [기본적립] 1,400원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2천원 추가적립 안내 [회원혜택] 실버등급 이상, 3만원 이상 구매 시 2~4% 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 도서상태 : 절판

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 개발자로 입문하기: 일단 이것부터 읽어보자!
    2019.05.31 ~ 2020.12.31
  • 페이스북 테크스택 기준으로 책을 모아봤습니다.
    2018.05.25 ~ 2020.12.31
  • 프론트엔드 개발을 위한 약간의 가이드
    2018.02.02 ~ 2020.12.31
  • 위키북스의 도서를 한 눈에 살펴보세요
    2017.11.23 ~ 2020.12.31
  • #리드잇 페이스북 페이지 팔로우 하시고, 신간소식 빠르게 받아보..
    2017.06.22 ~ 2025.07.31
상품상세정보
ISBN 9791158390839(1158390831)
쪽수 440쪽
크기 189 * 242 * 25 mm /840g 판형알림
원서명/저자명 いまどきのJSプログラマ-のためのNODE.JSとREACTアプリケ-ション開發テクニック ELECTRON,REACT NATIVE,FLU/クジラ飛行机

책소개

이 책이 속한 분야

이 책은 Node.js와 리액트를 사용한 응용 프로그램 개발 과정을 설명한 해설서입니다.

Node.js와 최신 자바스크립트 사양에 대해 소개하며, 페이스북이 개발한 UI 프레임워크인 리액트에 대해 알아봅니다. 또한 프런트엔드 개발에 초점을 맞춰 일렉트론을 사용해 데스크톱 애플리케이션을 만들거나, 리액트 네이티브를 사용해 스마트폰 애플리케이션을 만드는 방법도 소개합니다. 이어서 게시판, 실시간 채팅, 위키 시스템, 개인 SNS 등의 웹 애플리케이션을 만들어 보면서 Node.js와 리액트를 제대로 활용하는 방법을 살펴봅니다. 더불어 최근 개발 환경을 구축할 때 가상 환경을 사용하는 경우가 많아짐에 따라 이 책에서는 가상 머신을 준비하고, 가상 머신 위에서 프로그램을 동작시키는 방법도 소개합니다.

이 책은 자바스크립트와 관련된 기본 지식과 Node.js와 관련된 기본 지식이 있어야 원활하게 볼 수 있습니다. 조금 고급 주제를 다루는 책이므로 어렵게 느껴질 수 있는 독자를 위해 역자가 제작한 무료 동영상 강의를 아래 사이트에서 제공하고 있습니다.

상세이미지

모던 자바스크립트 개발자를 위한 리액트 프로그래밍(위키북스 오픈소스 & 웹 시리즈 86) 도서 상세이미지

저자소개

저자 : 쿠지라 히코우즈쿠에

저자가 속한 분야

저자 쿠지라 히코우즈쿠에(くじらひこうづくえ)는 중학교 시절부터 취미로 하던 프로그래밍이 재미있어 다양한 것들을 만들다가 프로그래머가 되었다. 현재는 소프트웨어 기획 획사 '쿠지라한도'에서 '재미있고 도움되는 도구'를 주제로 윈도우, 안드로이드 등에서 동작하는 앱을 공개하고 있다. 대표작은 도레미로 작곡할 수 있는 음악 소프트웨어 '텍스트 음악 사쿠라'와 '일본어 기반 프로그래밍 언어 나데시코' 등이다. 2001년에는 온라인 소프트웨어 대상을 받았으며, 2004년 IPA 청소년부에서 슈퍼크리에이터로 인정을 받았고, 2010년에 OSS 공헌자 상을 수상했다. 프로그래밍의 즐거움을 전달하기 위해 매일 분투하고 있다.

쿠지라 히코우즈쿠에님의 최근작

저자가 속한 분야

역자 윤인성은 출근하는 게 싫어서 책을 집필/번역하기 시작했다. 일본어는 픽시브에서 웹 코믹을 읽다가 배웠다고 전해진다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 요리, 음악, 그림, 스컬핑 등이 취미다. 『모던 웹을 위한 JavaScript+jQuery 입문』 『모던 웹을 위한 Node.js 프로그래밍』 『모던 웹 디자인을 위한 HTML5+CSS3 입문』 등을 저술하였으며, 『최신 표준 HTML+CSS 디자인』 『파이썬을 이용한 머신러닝, 딥러닝 실전 개발 입문』 『스위프트로 시작하는 아이폰 앱 개발 교과서』 『모던 웹사이트 디자인의 정석』 『유니티 게임 이펙트 입문』(이상 위키북스), 『실전 게임 제작으로 배우는 언리얼 엔진 4』 『TopCoder 알고리즘 트레이닝』 『Nature of Code』(이상 한빛미디어), 『소셜 코딩으로 이끄는 GitHub 실천 기술』(제이펍) 등을 번역했다.

윤인성님의 최근작

전체작품보기

목차

▣ 01장: Node.js와 환경 설정
1.1 모던 자바스크립트
___1.1.1 오래됐으면서도 새로운 자바스크립트의 역사
___1.1.2 모던 웹 개발을 위한 라이브러리
1.2 자바스크립트를 이용한 서버 사이드 처리 - Node.js
___1.2.1 3분만에 살펴보는 Node.js
___1.2.2 대량 접근에 강한 Node.js
1.3 패키지 매니저 npm
___1.3.1 npm으로 할 수 있는 것
___1.3.2 npm으로 라이브러리를 설치하는 방법
___1.3.3 npm을 사용한 프로젝트 생성 방법
___1.3.4 npm을 사용해 스크립트 실행하기
___1.3.5 Yarn
1.4 개발에 사용되는 에디터
___1.4.1 텍스트 에디터
___1.4.2 온라인 코드 에디터
___1.4.3 웹 브라우저의 개발자 도구
1.5 자바스크립트 표준 스타일 - 코딩 규약
___1.5.1 자바스크립트 표준 스타일이란?
___1.5.2 왜 코딩 규약이 필요할까?
___1.5.3 JS 표준 스타일이란?
___1.5.4 주목해야 하는 규약
___1.5.5 자동으로 스타일 확인하고 변환하기
___1.5.6 아톰 에디터에서 실시간으로 확인하기
1.6 Node.js로 간단한 웹 애플리케이션 만들기
___1.6.1 간단한 웹 애플리케이션
___1.6.2 웹 애플리케이션의 구조
___1.6.3 접근 URL에 따라 응답 내용 바꾸기
1.7 Node.js의 비동기 처리
___1.7.1 동기 처리와 비동기 처리
___1.7.2 익명 함수란?
___1.7.3 콜백 지옥이라는 함정
___1.7.4 ECMAScript 2015에서의 콜백 지옥 해결 방법
1.8 바벨로 최신 자바스크립트 사용하기
___1.8.1 바벨이란?
___1.8.2 바벨 전용 설정 파일 만들기
___1.8.3 package.json에 여러 가지 명령어 등록하기
___1.8.4 바벨 - 그 밖의 기능
1.9 모듈의 구조 이해하기
___1.9.1 Node.js의 require에 대해
___1.9.2 ES2015의 import/export 기능
___1.9.3 모듈의 기본 요소를 지정하는 방법

▣ 02장: 리액트 입문
2.1 리액트의 기본적인 사용법
___2.1.1 리액트 시작하기
___2.1.2 자바스크립트 내부에 HTML 작성하기
2.2 리액트와 JSX의 관계
___2.2.1 리액트/JSX
___2.2.2 JSX 태그 내부에 변수를 넣는 방법
___2.2.3 JSX가 내부적으로 변환되는 형태
2.3 리액트의 인기 비결 - 가상 DOM
___2.3.1 가상 DOM이란?
___2.3.2 리액트로 DOM 변경하기
___2.3.3 바이너리 시계 만들기
2.4 리액트로 컴포넌트 만들기
___2.4.1 컴포넌트란?
___2.4.2 리액트를 사용해 컴포넌트를 만드는 방법
___2.4.3 조금 더 복잡한 컴포넌트의 경우
___2.4.4 리스트 컴포넌트 만들기
___2.4.5 화살표 함수로 컴포넌트 정의하기
2.5 본격적으로 컴포넌트 만들기
___2.5.1 컴포넌트의 상태 관리하기
___2.5.2 시계 컴포넌트 만들기
2.6 이벤트의 구조와 구현
___2.6.1 리액트로 클릭 이벤트를 구현하는 방법
___2.6.2 간단한 체크박스 구현하기
___2.6.3 리액트로 이벤트를 만드는 방법
2.7 리액트 도구를 사용한 자동 빌드
___2.7.1 리액트/JSX 컴파일 환경 만들기
___2.7.2 create-react-app 설치
___2.7.3 기본 애플리케이션 구조 확인하기
2.8 웹팩으로 리소스 파일 변환하기
___2.8.1 웹팩이란?
___2.8.2 웹팩으로 리액트/JSX 빌드하기

▣ 3장: 리액트 컴포넌트 만들기
3.1 컴포넌트의 라이프사이클
___3.1.1 컴포넌트의 라이프사이클
___3.1.2 스톱워치 만들기
3.2 리액트와 입력 양식
___3.2.1 간단한 입력 양식 만들기
___3.2.2 숫자만 입력받는 텍스트박스 만들기
___3.2.3 여러 개의 입력 항목을 가진 입력 양식 만들기
3.3 컴포넌트끼리 연동하기
___3.3.1 컴포넌트끼리 연동하는 방법
___3.3.2 inch와 cm 단위를 변환하는 컴포넌트 만들기
3.4 컴포넌트의 3대 요소 사용 구분
___3.4.1 상태와 프로퍼티
___3.4.2 색 선택 컴포넌트 만들기
3.5 입력 필드와 값의 유효성 검사
___3.5.1 우편 번호 입력 컴포넌트 만들기
___3.5.2 범용적인 입력 컴포넌트 만들기
___3.5.3 URL을 나타내는 정규 표현식 패턴
3.6 입력 필드와 값의 유효성 검사
___3.6.1 리액트는 직접 DOM을 조작하지 않는 것이 기본
___3.6.2 render() 메서드를 사용할 때 고려해야 할 사항
3.7 리액트 컴포넌트에서 Ajax 통신 사용하기
___3.7.1 Ajax 통신 사용하기
___3.7.2 SuperAgent의 기본적인 사용법
___3.7.3 리액트 애플리케이션으로 JSON을 읽어 들이고 선택 박스 만들기
3.8 리액트에서 입력 양식을 다루는 방법
___3.8.1 텍스트박스(input type="text")
___3.8.2 체크박스(input type="checkbox")
___3.8.3 텍스트에리어(textarea)
___3.8.4 라디오버튼(input type="radio")
___3.8.5 선택박스(select)

▣ 04장: 프런트엔드 개발 - 일렉트론과 리액트 네이티브
4.1 리액트를 이용한 프런트엔드 개발
___4.1.1 프런트엔드란?
___4.1.2 데스크톱 전용 애플리케이션 개발 - 일렉트론
___4.1.3 스마트폰 전용 리액트 네이티브
4.2 일렉트론 사용해보기
___4.2.1 일렉트론 시작하기
___4.2.2 일렉트론에 리액트 개발 환경 추가하기
___4.2.3 일렉트론의 구조 이해하기
___4.2.4 클립보드 가공 애플리케이션 만들기
___4.2.5 애플리케이션 배포하기
4.3 마스토돈 클라이언트 만들기
___4.3.1 마스토돈이란?
___4.3.2 마스토돈 웹 API 사용해보기
___4.3.3 일렉트론 애플리케이션 마무리하기
4.4 리액트 네이티브로 스마트폰 애플리케이션 만들기 (안드로이드 편)
___4.4.1 리액트와 리액트 네이티브의 차이
___4.4.2 안드로이드 개발 환경 설정
___4.4.3 프로그램 수정하기
___4.4.4 애플리케이션 배포하기
4.5 리액트 네이티브로 스마트폰 애플리케이션 만들기(iOS 편)
___4.5.1 iOS 개발을 위한 리액트 네이티브 설치
___4.5.2 리액트 네이티브 프로젝트 만들기
___4.5.3 샘플 프로그램 수정하기
___4.5.4 실제 iOS 장치에서 실행하는 방법
4.6 스마트폰 전용 마스토돈 클라이언트 만들기
___4.6.1 예제 미리보기
___4.6.2 리액트 네이티브 프로젝트 만들기
___4.6.3 리액트 네이티브 전용 스마트폰 클라이언트

▣ 05장: SPA를 위한 프레임워크
5.1 SPA: 웹 서버와 리액트의 역할 분담
___5.1.1 SPA
___5.1.2 웹 서버와 리액트의 역할 분담
5.2 웹 애플리케이션 전용 프레임워크 익스프레스
___5.2.1 익스프레스 설치
___5.2.2 Hello World 만들기
___5.2.3 다양한 경로에 대응하기
___5.2.4 POST 메서드 요청 받기
___5.2.5 업로드한 파일 받기
___5.2.6 자동으로 파일 응답하기
5.3 플럭스의 구조 이해하기
___5.3.1 리액트에 플럭스가 필요한 이유
___5.3.2 플럭스의 구성 요소
___5.3.3 구성 요소의 정보 전달 흐름
5.4 리액트 라우터를 이용해 조금 복잡한 애플리케이션 만들기
___5.4.1 리액트 라우터란?
___5.4.2 간단한 예제
___5.4.3 고정 헤더와 푸터 사용하기
___5.4.4 매개변수 사용
___5.4.5 리액트 라우터와 관련된 자세한 내용
5.5 리액트 + 익스프레스로 게시판 만들기
___5.5.1 예제 미리보기
___5.5.2 프로젝트 만들기
___5.5.3 웹 서버 프로그램
___5.5.4 클라이언트(리액트) 프로그램
5.6 실시간 채팅 만들기
___5.6.1 웹 소켓이란?
___5.6.2 예제 미리보기 - 실시간 채팅
___5.6.3 프로젝트 만들기
___5.6.4 웹소켓 통신
___5.6.5 프로그램 - 채팅 서버
___5.6.6 프로그램 - 채팅 클라이언트
___5.6.7 SPA 구현에서 중요한 것

▣ 06장: 실전 애플리케이션 개발
6.1 누구나 편집할 수 있는 Wiki 시스템 만들기
___6.1.1 위키 시스템
___6.1.2 위키 애플리케이션 구성하기
___6.1.3 프로젝트 만들기
___6.1.4 웹 서버 프로그램 - 위키 서버
___6.1.5 위키 클라이언트
___6.1.6 위키 파서 - PEG.js로 파서 만들기
6.2 개인 SNS 만들기
___6.2.1 예제 미리보기
___6.2.2 프로젝트 만들기
___6.2.3 서버 - SNS 서버
___6.2.4 클라이언트 - SNS 클라이언트
6.3 머신러닝으로 손글씨 숫자 판별하기
___6.3.1 예제 미리보기 - 실시간 손글씨 숫자 인식 도구
___6.3.2 손글씨 숫자 데이터베이스 다운로드
___6.3.3 바이너리 파일 해석하기
___6.3.4 머신러닝 적용
___6.3.5 문자열 인식 서버 프로그램
___6.3.6 문자 인식 클라이언트(리액트) 프로그램
___6.3.7 책을 마치면서 - 개발한 애플리케이션 공개하기
___6.3.8 마지막으로

▣ 부록A: 개발 환경 구축
A-1 Node.js 설치하기
___A.1.1 윈도우의 경우
___A.1.2 macOS의 경우
A-2 버추얼박스로 가상 환경 구축하기
___A.2.1 설치 과정
___A.2.2 필요한 도구 다운로드
___A.2.3 윈도우에 개발 환경 설치하기
___A.2.4 macOS에 개발 환경 구축하기
___A.2.5 Vagrantfile 수정하기
___A.2.6 베이그런트 설정과 조작 방법
___A.2.7 가상 환경 충돌
A-3 가상 환경 우분투에 Node.js 설치하기
___A.3.1 설치하고 사용하기

출판사 서평

이 책은 Node.js와 리액트(React)를 설명하는 책입니다.

웹 세계는 탄생 이후 지금까지 정말 많은 변화를 겪어왔습니다. 이 중에서도 특히 정말 큰 변화를 겪고 있는 것이 바로 '오래됐으면서도 새로운 프로그래밍 언어'라고 할 수 있는 '자바스크립트'입니다. 최근 몇 년 동안 자바스크립트는 언어의 사양 변화가 이뤄져서 다양한 개발이 가능해졌습니다. 그리고 이에 따라 다양한 프레임워크와 도구가 만들어졌습니다. 그런데 변화가 너무 빨라서 많은 사람들이 다음과 같은 질문을 자주 합니다.

“대체 자바스크립트를 제대로 하려면... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.

포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서

안내

이 분야의 베스트

  • 한국데이터진흥원
    16,200원
  • 길벗알앤디
    27,900원
  • 길벗R&D
    17,100원
  • 이남호
    23,310원
  • 윤인성
    16,200원
더보기+

이 분야의 신간

더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품