• 컴퓨터/IT > 프로그래밍 > 웹프로그래밍

반디앤루니스 리뷰

Node.js 설치부터 채팅 시스템 구현에 이르기까지 Node.js를 활용해 하나의 시스템을 완성하는 방법을 폭넓게 다룬다. 특히 Confetti Cusine이라는 가상 요리 학교의 수업 등록 사이트 제작을 캡스톤 프로젝트로 정하고 이를 구현하면서 실제 Node.js를 활용한 개발 과정을 보여준다. 진행하는 과정에서 볼 수 있는 Q&A를 풀어간다면 Node.js를 활용한 개발에서 기억해야 할 점을 잘 정리하게 될 것이다.

출판사 리뷰

이 책에서 다루는 내용 ■ ES2015 이후의 새로운 기능들 ■ 비동기 코드 작성 ■ 데이터 모델 생성 ■ JavaScript 모듈 디버깅 이 책의 대상 독자 웹 애플리케이션을 빌드하고자 Node.js 및 관련 도구를 배우는 데 관심이 있는 독자를 위한 책이다. 이미 JavaScript에 친숙하지만 웹 개발 경험이 없다면 더욱 유용할 것이다. 프로젝트 기반으로 구성돼 있어 각자 컴퓨터에서의 실습에 익숙해야 한다. 백엔드나 서비스 기술에 배경지식은 이 책을 이해하는 데 큰 도움이 될 것이다. 신입 개발자라면 다음 기술에 익숙해져야 한다. ■ JavaScript ■ HTML ■ CSS ■ 터미널/CLI JavaScript ES6 엔진에 관한 지식은 도움은 되지만 필수는 아니다. 이 책의 구성 0부에서는 시작에 필요한 배경지식을 제공하고 Node.js와 개발 도구 설치 과정을 안내한다. 1부에서는 기본적인 웹 개발 개념을 다루고 기초부터 시작해 Node.js에서 첫 번째 웹 애플리케이션을 작성할 수 있는 지침을 제공한다. 2부에서는 대부분의 Node.js 개발자가 애플리케이션을 작성하는 데 사용하는 웹 프레임워크 Express.js를 소개한다. Express.js가 제공하는 것, 작동 방식 및 사용자 정의 기능 등을 배운다. MVC(Model-View-Controller) 애플리케이션 아키텍처 패턴도 학습한다. 3부에서는 애플리케이션을 데이터베이스에 연결하는 과정을 설명한다. 덧붙여 몇 가지 새로운 도구를 설치하고 몽고DB로 데이터베이스를 구조화하는 방법을 설명한다. 4부에서는 데이터 모델을 작성하는 방법을 설명한다. 데이터베이스의 데이터 생성, 읽기, 수정, 삭제를 하는 CRUD 작업을 다룬다. 5부에서는 객체지향 구조에서 사용자 계정을 나타내는 코드 작성을 설명한다. 새로운 사용자를 위해 데이터 보안 및 로그인 양식 작성도 설명한다. 6부에서는 API 제작을 설명한다. API의 구성 요소, API의 보호 방법, REST 아키텍처를 사용해 API를 디자인하는 방법을 배운다. 7부에서는 애플리케이션에 실시간 채팅 시스템 구축 방법을 추가한다. 메인스트림 애플리케이션이 사용자에게 좀 더 빠르고 효율적으로 데이터를 가져오기 위해 사용하는 라이브러리 Socket.io를 사용해 폴링, 웹 소켓 및 데이터 브로드캐스팅 기능을 제공한다. 8부에서는 배포 프로세스를 설명한다. 배포에 필요한 도구와 계정을 배울 것이다.

★ 지은이의 말 ★

인터넷이 대중과 소통하는 도구가 된 지 거의 4반세기가 지난 지금, 기술 직업 시장은 그 어느 때보다도 커졌다. 신생 기업부터 대기업에 이르기까지 거의 모든 기업이 자신의 브랜드, 제품을 홍보하기 위한 온라인 인지도, 나아가 좀 더 똑똑한 도구를 찾고 있다. 다행히 요즘에는 시장의 요구를 충족시키는 데 컴퓨터 과학 학위 또는 데이터 과학 석사 학위까지는 필요하지 않다. 또한 이러한 툴 구축에 필요한 기술 대부분은 오픈소스 기술을 통해 거의 또는 전혀 비용을 들이지 않고 얻을 수 있다.
New York Code+Design Academy에서 웹 개발의 집중 교육 과정을 가르치고 새로운 커리큘럼을 구축하면서 풀스택 교육의 강점을 깨달았다. 개발 경험이 없는 학생들에게 3개월 만에 프로그래밍 비전을 실현하도록 가르칠 수 있었다. 당신이라고 해서 못할 것은 없지 않겠는가?
나는 Node.js에서 웹 개발의 학습 단계를 정립하고자 이 책을 썼다. 각 단원은 웹 개발의 핵심 콘셉트를 담았으며, 사용자의 웹 애플리케이션에 코드를 어떻게 적용할지도 알아볼 것이다. 웹 서버로 블록을 만들고, 이를 사용자의 웹 애플리케이션에 어떻게 적용시키는지도 설명한다.
아울러 동일한 부트 캠프 학습 전략을 사용해 동적 웹 페이지, 사용자 계정, 데이터베이스, 라이브 채팅의 세계로 안내할 것이다. 이 책이 끝나면 모든 기능을 갖춘 인터넷상의 애플리케이션을 볼 수 있다.
이 책의 예제들은 새로운 애플리케이션에 대한 아이디어를 떠올리게 할 수 있으며, 새로운 비즈니스나 개인 포트폴리오로 쓸 수도 있을 것이다.
여러분이 어떤 용도로 이 책을 선택했든 간에, Node.js 프로그래밍을 시작하기 위한 모든 내용을 이 책에서 찾을 수 있다.
학습 프로세스의 접근 장벽을 낮추고 내용을 더 흥미롭게 만드는 것이 목표다. 대다수의 신입 엔지니어가 느끼는 좌절감은 다음 두 가지다. 참조 소스가 여기저기 흩어져 있고, 이 소스들이 매번 완전하게 맞춰지지 않는다는 것이다. 그리고 Node.js는 개발자에게 비교적 새로운 플랫폼이다. 온라인 커뮤니티에서 질문에 답을 줄 수도 있지만 신입 웹 개발자는 모든 재료 리스트를 찾고 맨땅에서부터 최종 애플리케이션을 만드는 데까지 레시피를 찾으려면 오랜 시간이 걸릴 것이다. 이 책은 프로그래밍의 표면적인 부분과 조금 더 심화적인 내용을 다룬다.
이 책의 예제를 따라 하는 것 두려워하지 말고 핵심 콘셉트를 이해할 때는 인내심을 갖기 바란다. 어려움이 있다면 질문하고 이 책의 포럼에서 다른 독자와 소통하기 바란다(그들도 아마 당신과 똑같은 어려움에 부딪혀 있을 것이다). 꾸준한 연습과 결단력으로 여러분의 Node.js에 대한 재능을 개발자가 필요한 조직에서 펼칠 수 있을 것이다.

★ 옮긴이의 말 ★

처음 JavaScript라는 언어를 접한 건 1997년이었다. 당시 JavaScript는 오늘날처럼 class라는 개념도 없었고 단순히 웹 클라이언트 레벨에서 로직을 처리하는 언어로 사용됐다. 하지만 빠른 개발 속도 때문에 어떤 벽을 하나만 넘으면 상당히 널리 쓰일 것만 같았다.
저자가 서문에서 밝혔듯이 2009년은 JavaScript에 혁신적인 한 해였다. 웹 브라우저에서만 구동되는 것으로 인식됐던 JavaScript가 드디어 브라우저가 아닌 일반 인터프리터 언어처럼 사용할 수 있게 됐기 때문이다. 내가 생각했던 벽이 이때 없어지면서 JavaScript는 비약적인 발전을 했고, 이를 토대로 Vue.js, React.js 등 어마어마한 프레임워크도 만들어졌다. 이 변혁으로 얻은 큰 장점은 프론트엔드와 서버사이드의 언어를 일치시킬 수 있다는 것이다.
이 책은 Node.js의 기초와 Express.js 패키지 사용법을 프로젝트를 통해 설명하고 있다. 이 책으로 어느 정도 Node.js의 인식을 다졌다면 Vue.js나 React.js를 통해 프론트엔드로 진로를 설정할 수도 있고 Express.js를 좀 더 활용해 백엔드로 가져갈 수도 있다. 결국 이 책은 백엔드와 프론트엔드 모두 기초가 되는 책이라는 점에는 틀림이 없다. 이 책으로 Node.js를 시작하는 모든 이에게 건투를 빈다.

Unit 0. 시작하기
Lesson 0. Node.js의 설정과 JavaScript 엔진 설치
0.1 여러분이 배울 것들
0.2 Node.js의 이해
0.3 왜 Node.js로 개발하는가?
0.4 준비 사항
0.5 요약
Lesson 1. 환경설정
1.1 Node.js 설치
1.2 텍스트 에디터 설치
1.3 SCM과 배포 도구 설치
1.4 터미널에서 Node.js REPL로 작업하기
1.5 요약
Lesson 2. Node.js 애플리케이션 실행
2.1 JavaScript 파일의 생성
2.2 Node.js로 JavaScript 파일 실행하기
2.3 개별 JavaScript 명령 실행하기
2.4 요약

Unit 1. Node.js의 시작
Lesson 3. Node.js 모듈의 생성
3.1 npm 실행
3.2 Node.js 애플리케이션의 초기화
3.3 요약
Lesson 4. Node.js에서 웹 서버 만들기
4.1 웹 서버의 이해
4.2 npm으로 애플리케이션 초기화
4.3 애플리케이션 코딩
4.4 애플리케이션의 실행
4.5 요약
Lesson 5. 수신 데이터 다루기
5.1 서버 코드의 수정
5.2 요청 데이터의 분석
5.3 웹 애플리케이션에 라우트 붙이기
5.4 요약
Lesson 6. 라우트와 외부 파일
6.1 fs 모듈을 이용한 정적 파일 제공
6.2 에셋 제공
6.3 라우트를 다른 파일로 바꿔 연결하기
6.4 요약
Lesson 7. 캡스톤 프로젝트: 첫 번째 웹 애플리케이션 만들기
7.1 애플리케이션의 초기화
7.2 애플리케이션 디렉터리 구조의 이해
7.3 router.js 및 main.js 파일의 생성
7.4 뷰 페이지 생성
7.5 에셋 추가
7.6 라우트 생성
7.7 요약

Unit 2. Express.js를 통한 웹 개발
Lesson 8. Express.js의 설정
8.1 Express.js 패키지 설치
8.2 첫 Express.js 애플리케이션의 작성
8.3 웹 프레임워크를 이용한 작업
8.4 요약
Lesson 9. Express.js에서의 라우트
9.1 Express.js로 라우트 만들기
9.2 요청 데이터의 분석
9.3 MVC의 사용
9.4 요약
Lesson 10 뷰와 템플릿의 연결
10.1 템플릿 엔진의 연결
10.2 컨트롤러로부터의 데이터 전달
10.3 요소들 및 레이아웃 설정
10.4 요약
Lesson 11. 설정과 에러 처리
11.1 시작 스크립트 수정
11.2 Express.js의 에러 처리
11.3 정적 파일의 제공
11.4 요약
Lesson 12. 캡스톤 프로젝트: Express.js를 통한 Confetti Cuisine 사이트 개선
12.1 애플리케이션 초기화
12.2 애플리케이션 제작
12.3 라우트의 추가
12.4 뷰로 라우팅
12.5 정적 뷰 제공
12.6 뷰로의 콘텐츠 전달
12.7 에러 처리
12.8 요약

Unit 3. 데이터베이스 연결
Lesson 13. 몽고DB 데이터베이스 셋업
13.1 몽고DB 세팅
13.2 몽고DB 셸에서 명령어 실행
13.3 애플리케이션에 몽고DB 연결
13.4 요약
Lesson 14. Mongoose를 사용한 모델 제작
14.1 Node.js 애플리케이션으로 Mongoose 설정
14.2 스키마의 생성
14.3 모델의 분류
14.4 요약
Lesson 15. 컨트롤러와 모델과의 연결
15.1 구독자를 위한 컨트롤러 만들기
15.2 포스팅된 데이터의 모델로의 저장
15.3 Mongoose로 프로미스 사용
15.4 요약
Lesson 16. 캡스톤: 사용자 구독 저장
16.1 데이터베이스의 설정
16.2 데이터 모델링
16.3 구독자 뷰와 라우터 추가
16.4 요약

Unit 4. 사용자 모델 제작
Lesson 17. 데이터 모델의 개선
17.1 모델에 유효성 평가 추가
17.2 REPL에서의 테스팅 모델
17.3 모델 조합의 생성
17.4 연결 모델로부터의 데이터 포퓰레이팅
17.5 요약
Lesson 18. 사용자 모델의 구현
18.1 사용자 모델 작성
18.2 모델에 CRUD 메소드 붙이기
18.3 인덱스 페이지 작성
18.4 액션의 정리
18.5 요약
Lesson 19. 모델의 생성과 읽기
19.1 새로운 사용자 폼 제작
19.2 뷰로부터 새로운 사용자 생성
19.3 show를 통한 사용자 데이터 읽기
19.4 요약
Lesson 20. 모델의 업데이트와 삭제
20.1 사용자 정보 편집 폼 생성
20.2 뷰에서 사용자 수정 폼
20.3 delete 액션에서 사용자 삭제
20.4 요약
Lesson 21. 캡스톤 프로젝트: Confetti Cusine에 CRUD 모델 추가
21.1 시작하기
21.2 모델의 생성
21.3 뷰의 생성
21.4 라우트 구조화
21.5 컨트롤러 제작
21.6 요약

Unit 5. 사용자 계정 인증
Lesson 22. 세션과 플래시 메시지의 추가
22.1 플래시 매시지 모듈 설정
22.2 컨트롤러 액션에 플래시 메시지 추가
22.3 요약
Lesson 23. 사용자 로그인 폼 생성과 패스워드 해시
23.1 사용자 로그인 폼
23.2 패스워드의 해싱
23.3 express-validator 로 유효성 체크 미들웨어 추가
23.4 요약
Lesson 24. 사용자 인증 추가
24.1 Passport.js의 실행
24.2 패스포트 등록 사용을 위한 Create 액션 수정
24.3 로그인 시 사용자 인증
24.4 요약
Lesson 25. 캡스톤 프로젝트: Confetti Cuisine에 사용자 인증 추가
25.1 준비 작업
25.2 로그인 폼의 생성
25.3 passport.js를 이용한 암호화 추가
25.4 플래시 메시징 추가
25.5 express-validator로 유효성 체크 미들웨어 추가
25.6 Passport.js로 인증 추가
25.7 로그인과 로그아웃
25.8 요약

Unit 6. API 빌드
Lesson 26. 애플리케이션에 API 추가
26.1 라우트의 구성
26.2 API의 생성
26.3 클라이언트로부터 API호출
26.4 요약
Lesson 27. 애플리케이션에서 API 액세스
27.1 API 네임스페이스의 적용
27.2 모달을 통한 강좌의 결합
27.3 모델 간 통신을 위한 API 엔드포인트 생성
27.4 요약
Lesson 28. API 보안
28.1 간단한 보안 구현
28.2 API 토큰 추가
28.3 JSON 웹 토큰의 사용
28.4 요약
Lesson 29. 캡스톤 프로젝트: API 구현
29.1 라우트의 재구성
29.2 강좌의 일부 추가
29.3 AJAX 함수 생성
29.4 API 엔드포인트 추가
29.5 사용자 등록을 위한 액션 생성
29.6 요약

Unit 7. 채팅 기능 추가
Lesson 30. socket.io로의 작업
30.1 socket.io의 사용
30.2 채팅 박스 생성
30.3 서버와 클라이언트의 연결
30.4 요약
Lesson 31. 채팅 메시지의 저장
31.1 사용자와 메시지의 연결
31.2 채팅에서 사용자 이름 표시
31.3 메시지 모델의 생성
31.4 요약
Lesson 32. 채팅 알림 표시 추가
32.1 다른 소켓으로의 브로드캐스팅
32.2 내비게이션에 채팅 표시기 생성
32.3 요약
Lesson 33. 캡스톤 프로젝트: Confetti Cuisine에 채팅 기능 추가
33.1 socket.io 설치
33.2 서버에 socket.io 설정
33.3 클라이언트에서 socket.io 설정
33.4 메시지 모델 생성
33.5 접속 시 메시지 읽어들이기
33.6 채팅 아이콘 설정
33.7 요약

Unit 8. 프로덕션에서의 코드 배포와 관리
Lesson 34. 애플리케이션 배포
34.1 배포 준비
34.2 애플리케이션의 배포
34.3 프로덕션에서 데이터베이스 설정
34.4 요약
Lesson 35. 프로덕션에서의 관리
35.1 시드 데이터 읽기
35.2 린팅
35.3 애플리케이션의 디버깅
35.4 요약
Lesson 36 애플리케이션의 테스팅
36.1 코어 모듈의 기본 테스팅
36.2 mocha와 chai를 이용한 테스팅
36.3 데이터베이스 및 서버 테스팅
36.4 요약
Lesson 37. 캡스톤 프로젝트: Confetti Cuisine의 배포
37.1 린팅과 로깅
37.2 배포를 위한 준비
37.3 Heroku로의 배포
37.4 데이터베이스의 설정
37.5 프로덕션에서의 디버깅
37.6 요약
Appendix A. ES6에서 소개하는 JavaScript 문법
Appendix B. 로깅과 Node.js의 전역 객체의 사용