자바스크립트는 모든 곳에 존재한다

그래프QL, 리액트, 리액트 네이티브, 일렉트론으로 크로스플랫폼 앱 만들기

애덤 스콧 지음 | 임지순 옮김

한빛미디어 2021년 02월 01일 출간 종이책 : 2021년 02월 01일 출간

작품소개

책소개

자바스크립트가 닿는 곳곳마다 특별한 애플리케이션

초기 자바스크립트는 아주 작은 스크립트 프로그래밍 언어였다. 주로 웹브라우저에서 사용하는 언어로 사용되는 곳이 한정적이었다. 하지만 시간이 흐르면서 자바스크립트에는 많은 변화가 생겼고 웹, 모바일, 데스크톱뿐만 아니라 API 생성까지 다양한 곳에서 사용된다. 이 책은 노드부터 그래프QL, 리액트, 리액트 네이티브, 일렉트론까지 자바스크립트로 다룰 수 있는 다양한 기능을 선보인다. 웹 개발자부터 풀스택 개발자까지 여러 플랫폼에서 작동하는 CRUD 스타일의 애플리케이션을 만나볼 수 있다.

ㆍ 데이터 쿼리를 위한 그래프QL 살펴보기
ㆍ API, 웹 앱, 기본 애플리케이션에서 공유 인증하기
ㆍ 리액트과 스타일드 컴포넌트로 고성능 웹 앱 구축하기
ㆍ 리액트 네이티브로 크로 스플랫폼 모바일(iOS/안드로이드) 앱 만들기
ㆍ 일렉트론으로 데스크톱 앱 만들기

목차

CHAPTER 1 개발 환경
1.1 텍스트 편집기
1.2 터미널
1.3 커맨드 라인 도구와 홈브루(맥에만 해당)
1.4 Node.js와 NPM
1.5 몽고DB
1.6 깃
1.7 엑스포
1.8 프리티어
1.9 ESLint
1.10 미관 꾸미기
1.11 결론

CHAPTER 2 API 소개
2.1 무엇을 만들 것인가
2.2 어떻게 만들 것인가
2.3 시작하기
2.4 결론

CHAPTER 3 노드와 익스프레스로 웹 애플리케이션 만들기
3.1 Hello World
3.2 Nodemon
3.3 포트 확장 옵션
3.4 결론

CHAPTER 4 그래프QL API 첫걸음
4.1 서버를 API로
4.2 그래프QL 기초
4.3 API 적용하기
4.4 결론

CHAPTER 5 데이터베이스
5.1 몽고DB 시작하기
5.2 몽고DB와 애플리케이션 연동하기
5.3 애플리케이션에서 데이터 읽고 쓰기
5.4 결론

CHAPTER 6 CRUD 동작
6.1 그래프QL의 스키마와 리졸버 분리하기
6.2 그래프QL CRUD 스키마 작성
6.3 CRUD 리졸버
6.4 날짜와 시간
6.5 결론

CHAPTER 7 사용자 계정과 인증
7.1 애플리케이션 인증 흐름
7.2 암호화와 토큰
7.3 API에 인증 통합하기
7.4 리졸버 콘텍스트에 사용자 추가하기
7.5 결론


CHAPTER 8 사용자 액션
8.1 시작하기 전에
8.2 사용자를 새 노트에 연결하기
8.3 업데이트와 삭제 권한
8.4 사용자 쿼리
8.5 즐겨찾기 노트 설정
8.6 중첩 쿼리
8.7 결론

CHAPTER 9 디테일
9.1 웹 애플리케이션과 익스프레스의 모범 사례
9.2 페이지네이션
9.3 데이터 제한
9.4 기타 고려 사항
9.5 결론

CHAPTER 10 API 배포하기
10.1 데이터베이스 호스팅
10.2 애플리케이션 배포
10.3 결론

CHAPTER 11 사용자 인터페이스와 리액트
11.1 자바스크립트와 UI
11.2 자바스크립트와 선언적 인터페이스
11.3 새 리액트 애플리케이션
11.4 결론

CHAPTER 12 리액트로 웹 클라이언트 만들기
12.1 무엇을 만들 것인가
12.2 어떻게 만들 것인가
12.3 시작하기
12.4 웹 애플리케이션 만들기
12.5 라우팅
12.6 UI 컴포넌트
12.7 결론


CHAPTER 13 애플리케이션에 스타일 입히기
13.1 레이아웃 컴포넌트 생성하기
13.2 CSS
13.3 결론

CHAPTER 14 아폴로 클라이언트로 작업하기
14.1 아폴로 클라이언트 셋업
14.2 API에 쿼리하기
14.3 동적 쿼리
14.4 페이지네이션
14.5 결론

CHAPTER 15 웹 인증과 상태
15.1 회원가입 양식 만들기
15.2 리디렉션
15.3 요청에 헤더 붙이기
15.4 로컬 상태 관리
15.5 로그아웃하기
15.6 로그인 양식 만들기
15.7 경로 보호하기
15.8 결론

CHAPTER 16 생성, 읽기, 업데이트, 삭제 작업
16.1 새 노트 생성
16.2 노트 읽기
16.3 노트 업데이트
16.4 노트 삭제
16.5 즐겨찾기 추가/제거
16.6 결론

CHAPTER 17 애플리케이션 배포하기
17.1 정적 웹 사이트
17.2 배포 파이프라인
17.3 결론

CHAPTER 18 일렉트론으로 데스크톱 애플리케이션 개발하기
18.1 무엇을 만들 것인가
18.2 어떻게 만들 것인가
18.3 시작하기
18.4 첫 일렉트론 앱
18.5 맥OS 애플리케이션 창
18.6 개발자 도구
18.7 일렉트론 API
18.8 결론

CHAPTER 19 기존의 웹 애플리케이션과 일렉트론 통합하기
19.1 웹 애플리케이션 통합
19.2 설정
19.3 콘텐츠 보안 정책
19.4 결론

CHAPTER 20 일렉트론 배포
20.1 일렉트론 빌더
20.2 현재 플랫폼 빌드하기
20.3 앱 아이콘
20.4 다중 플랫폼용 빌드
20.5 코드 서명
20.6 결론

CHAPTER 21 리액트 네이티브로 모바일 앱 만들기
21.1 무엇을 만들 것인가
21.2 어떻게 만들 것인가
21.3 시작하기
21.4 결론

CHAPTER 22 모바일 앱 셸
22.1 리액트 네이티브의 빌딩 블록
22.2 스타일과 스타일드 컴포넌트
22.3 라우팅
22.4 아이콘
22.5 결론

CHAPTER 23 그래프QL과 리액트 네이티브
23.1 리스트와 스크롤 콘텐츠 뷰 만들기
23.2 아폴로 클라이언트와 그래프QL
23.3 로딩 인디케이터 추가하기
23.4 결론

CHAPTER 24 모바일 앱 인증
24.1 인증의 흐름
24.2 로그인 양식 만들기
24.3 그래프QL 뮤테이션으로 인증하기
24.4 그래프QL 쿼리
24.5 회원가입 양식 추가하기
24.6 결론

CHAPTER 25 모바일 앱 배포하기
25.1 설정
25.2 아이콘과 앱 로딩 화면
25.3 엑스포에서 퍼블리시하기
25.4 네이티브 빌드 생성하기
25.5 앱 스토어에 배포하기
25.6 결론

부록 A 로컬에서 API 실행하기
부록 B 로컬에서 웹 앱 실행하기

출판사 서평

이 책의 저자는 일렉트론으로 첫 데스크톱 애플리케이션을 개발한 후에 이 책을 구상했다. 웹 개발 경험을 가진 개발자라면 누구나 웹 기술을 사용해 곧바로 크로스 플랫폼 애플리케이션을 만들 수 있다는 가능성에 매료된 것이다. 때맞추어 리액트, 리액트 네이티브, 그래프QL이 부상하기 시작했다. 저자는 이 모든 도구를 조합하는 방법을 익힐 수 있는 자료를 찾아다녔지만 만족스러운 것이 없어, 결국 저자가 원하는 수준으로 자료를 엮어서 이 책을 집필하였다. 이 책은 자바스크립트라는 하나의 언어만으로 모든 종류의 애플리케이션을 만드는 과정을 상세히 보여준다.

● 1장: 자바스크립트 개발 환경을 설정하는 과정을 안내한다.
● 2~10장: 노드, 익스프레스, 몽고DB, 아폴로 서버를 사용해 API를 만드는 방법을 설명한다.
● 11장: 사용자 인터페이스 개발 및 리액트를 소개한다.
● 12~17장: 리액트, 아폴로 클라이언트, CSS-in -JS를 사용하여 웹 애플리케이션을 작성하는 방법을 보여준다.
● 18~20장: 간단한 일렉트론 애플리케이션 개발 과정을 안내한다.
● 21~25장: 리액트 네이티브와 엑스포를 사용하여 iOS, 안드로이드용 모바일 앱을 만드는 방법을 소개한다.

작가정보

저자(글) 애덤 스콧

저자 : 애덤 스콧
Adam D. Scott
코네티컷에 거주하는 엔지니어링 관리자, 웹 개발자이자 교육자이다. 현재 소비자금융보호국(Consumer Financial Protection Bureau)에서 웹 개발 책임자로 일하고 있으며, 훌륭한 팀과 함께 오픈소스 웹 애플리케이션을 구축하는 데 주력하고 있다. 또한 10년을 넘게 교육 분야에서 일하면서 다양한 기술 주제에 대한 교육 과정을 개발하며 학생들을 가르쳤다. 저서로는 『WordPress for Education』(Packt, 2012), 『Introduction to Modern Front-End Development(동영상 과정)』(O’Reilly, 2015), 『Ethical Web Development 시리즈』(O’Reilly, 2016~2017) 등이 있다.

역자 : 임지순
낮에는 계약서와 코드를 두드리고 밤에는 신시사이저와 기타를 난도질하는 공학과 미디어의 주변인이다. 임베디드 프로그래머, 미들웨어 개발자, 프로젝트 매니저, 사업 개발 등 다양한 직군에 종사해왔으며 최근에는 엔터테인먼트 산업에서 프로젝트 관리 업무를 수행하고 있다. 사회적인 덕후로 생존하기 위해 오늘도 코드, 그리고 글과 씨름하고 있다.

번역 임지순