Do it! 클론 코딩 줌

노마드 코더와 만드는 화상 채팅 서비스

니꼴라스 , 강윤호 지음

이지스퍼블리싱 2022년 05월 24일 출간 종이책 : 2022년 05월 19일 출간

작품소개

책소개

똑같이 만들어 보는 것만큼 초보자에게
효과적인 학습법은 없다!
왜냐면 클론 코딩은 "진짜"를 만드니까!

주니어 개발자들의 필수 북마크, '노마드 코더'의 대표 강사 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 '클론 코딩'이라고 말한다. 클론 코딩은 줌, 트위터, 넷플릭스, 인스타그램과 같은 실제 서비스를 복제해 보는 프로그래밍 학습 방법이다. 클론 코딩은 코드를 입력할 때마다 눈앞에 결과물이 바로바로 보이므로 프로그래밍을 빠르고 재미있게 배울 수 있다. HTML, CSS, 자바스크립트를 이제 막 뗀 웹 개발 초보자도 3일이면 충분하다!
이 책은 클론 코딩 시리즈의 세 번째이자, 화상 채팅 서비스인 줌(Zoom)을 똑같이 만들어 본다. 웹 소켓을 이용한 실시간 메시지 교환, 채팅룸 생성, 그리고 실시간 화상 채팅까지 줌의 핵심 서비스를 똑같이 구현한다. 그야말로 진짜 서비스를 만드는 것이다.

목차

01 클론 코딩 줌 시작하기
__01-1 클론 코딩 줌, 이런 기능을 만들어요!
__01-2 클론 코딩 수업 준비하기
__01-3 프로젝트 생성하기
__01-4 서버를 위한 준비 작업
__01-5 프런트엔드를 위한 준비 작업

02 웹소켓을 이용한 실시간 기능 구현하기
__02-1 HTTP와 비교하면 이해되는 웹소켓
__02-2 웹소켓 설치하고 서버 만들기
__02-3 웹소켓 이벤트
__02-4 메시지 주고받기

03 실시간 채팅 완성하기
__03-1 채팅 기능 준비하기
__03-2 사용자 간 채팅하기
__03-3 닉네임 추가하기 1
__03-4 닉네임 추가하기 2

04 socket.io를 이용한 채팅룸 만들기
__04-1 socket.io 설치하기
__04-2 socket.io 다루기
__04-3 채팅룸 만들기
__04-4 채팅룸 안에서 메시지 교환하기
__04-5 채팅룸 알람 보내기

05 채팅룸 완성하기
__05-1 닉네임 추가하기
__05-2 채팅룸 관리하기
__05-3 사용자 수 표시하기
__05-4 Admin panel 사용하기

06 화상 채팅 준비하기
__06-1 카메라 불러오기
__06-2 비디오와 오디오 제어하기
__06-3 카메라 변경하기

07 화상 채팅 완성하기
__07-1 WebRTC 알아보기
__07-2 채팅룸 만들고 관리하기
__07-3 데이터 교환을 위한 offer 보내기
__07-4 offer에 응답하는 answer 보내기
__07-5 peer-to-peer 연결 생성하기
__07-6 미디어 트랙 제어하기
__07-7 메시지 교환 기능 추가하기

08 스타일시트 추가하기
__08-1 스타일 정의를 위한 준비
__08-2 스타일 정의하기

출판사 서평

- 고석진(5년 차 프런트엔드 개발자)

줌을 만드는 전체 과정이 모두 들어 있어요!
니꼬샘의 친절한 설명과 단계별 실습 덕분에 줌을 만드는 모든 과정이 머릿속에 쏙쏙 들어왔어요! 특히 동영상 강의로만 공부할 때보다 책으로 읽으니 더 명확하게 이해됐어요. 여러분도 줌을 만들고 싶다면 책과 동영상을 같이 보며 공부해 보세요. 그리고 결과물을 완성한 성취감과 개발 지식이 한층 높아지는 경험을 해보세요!
- 김현성(15년차 앱, 백엔드 개발자)

웹을 처음 공부하는 사람도 쉽게 따라 할 수 있어요!
Socket.io부터 WebRTC까지 여러 도구로 화상 채팅 서비스를 구현하는 방법을 배웠어요. 특히 웹을 처음 공부하는 사람도 포기하지 않도록 기초 단계부터 차근차근 따라 할 수 있게 도와준다는 점이 인상 깊었어요. 중요한 개념은 필요할 때마다 설명해서 초급자를 확실히 이끌어 준다는 느낌이 들어요. 여러분도 니꼬샘과 함께 이 책을 끝까지 완주해 보세요!
- 박지영(3년 차 프런트엔드 개발자)

클론 코딩 찐팬도 추천하는 책!
이 책은 마치 니꼬샘의 생생한 강의를 받는 듯한 느낌이 들어요! 실습을 통해 pug라는 뷰 엔진을 처음 사용했는데, 기존 HTML과 어떻게 다른지 경험해 볼 수 있는 좋은 기회였어요. 초보 개발자도 이 책의 실습을 잘 따라 한다면 줌 서비스를 얼마든지 만들 수 있을 거예요. 프로 개발자가 하는 일을 간접 경험하게 해주는 《Do it! 클론 코딩 줌》을 적극 추천해요!
- 장민(프리랜서 개발자)

프로그래밍에 자신감이 생겨요!
프로그래밍에 입문할 때 배운 기술을 어떻게 활용해서 서비스를 완성하는지 궁금하고 답답한 경험이 있을 거예요. 니꼬샘은 그런 분들에게 코드를 쉽게 설명하고, 기술을 어떻게 활용하는지 알 수 있게 도와줘요. 게다가 이 책에서 배운 내용을 다른 프로젝트에 적용해서 나만의 서비스를 만들 수 있다는 자신감도 생겼어요!
- 장석현(풀스택 개발자)

HTML, CSS만 알고 있어도 도전할 수 있어요!
HTMl, CSS 기본서만 여러 권째, 언제쯤이면 완성된 웹, 앱 서비스 하나 만들 수 있을지 내 자신에 대한 확신도 점점 없어질 때쯤 '니꼬느님'을 만났어요. 그리고 클론 코딩을 시작한 지 딱, 3일 만에 저도 줌 서비스를 완성했어요! 이렇게 짧은 시간 안에 웹 초보자도 근사한 서비스를 뚝딱! 만들 수 있다니 정말 놀라운 경험이었죠. 혹시 저처럼 웹 기초밖에 모르는 초보자라도 주저 말고 클

작가정보

저자(글) 니꼴라스

저자 : 니꼴라스
니꼴라스는 9살 때부터 코딩을 시작한 전형적인 '천재 코더'로 대학교 따위는 내팽개치고 혼자서 코딩을 공부했습니다. 그 덕분에 다른 사람들이 대학교에 다닐 때 코딩 강의를 할 수 있었지요. 거액 연봉의 입사 제안도 자유가 더 중요하다며 뻥 차버린 자유로운 영혼의 소유자입니다. 노마드 코더를 설립해 '코딩을 널리 알려 회사에 얽매인 영혼들을 자유케 하자'라는 책임감을 갖고 있습니다.
- 페이스북 facebook.com/nomadcoders
- 인스타그램 instagram.com/nomad_coders
- 유튜브 bit.ly/2yBdEFm
- 노마드 코더 academy.nomadcoders.co
- 1:1 채팅 문의 nomad-coders.channel.io

저자 : 강윤호
프리랜서 개발자이자 클래스101, 인프런 등 온·오프라인의 IT 교육 센터에서 프로그래밍 강의를 합니다. CSS와 자바스크립트, 파이썬을 좋아하고, '쉽게 설명할 수 없다면 충분히 이해한 것이 아니다'라는 아인슈타인의 말을 좌우명 삼아 많은 사람에게 도움을 주는 강의를 만들기 위해 노력합니다. 유튜브 채널 '유노코딩'에서 IT 지식 나눔에 힘쓰고 있습니다.
- 유튜브 youtube.com/c/유노코딩

저자(글) 강윤호