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

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

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

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 스타일 정의하기