클론 코딩 시리즈 2탄 출시! 트위터 서비스, 똑같이 만든다!
《Do it! 클론 코딩 영화 평점 웹서비스》 출간 이후 1년 만에 '트위터'를 클론하는 책이 나왔다! 첫 번째 책 출간 이후 '다른 웹 서비스도 클론하고 싶다'는 독자의 요청이 많았다. 이에 노마드 코더는 책을 만들기 위해 '트위터 클론 코딩'을 촬영을 마치고 전체 강의를 무료로 전환했다. 노마드 코더는 \"HTML, CSS, 자바스크립트, 리액트, 파이어베이스까지 프런트엔드부터 백엔드 개발 과정을 모두 포함한 알찬 강의임에도 지식 나눔을 위해 과감하게 결단을 내렸다\"고 했다. 해당 강의는 현재 10,000명이 넘는 수강자를 기록하고 있으며, 강의를 통해 '실제 웹 서비스를 만들어 제공할 수 있게 되었다'는 훈훈한 후기가 많다. 넷플릭스와 비슷한 영화 평점 웹 서비스를 만들든, 트위터를 만들든 상관없다. 어떤 클론 코딩 책이든 관심이 있는 서비스로 웹 개발에 입문해 보자!

누구나 바로 써먹을 수 있는 '실전형 코딩 책'
이 책은 처음부터 끝까지 액션을 따라 하면서 트위터를 클론 코딩할 수 있도록 설계되었다. '액션'은 이 책의 핵심 요소로, 어떤 명령어를 입력해야 하는지, 어디에 파일을 만들어야 하는지, 어디를 수정해야 하는지 정확하게 지시하는 문장을 말한다. 액션만 따라 하면 트윗 목록, 수정, 삭제, 사진 등록, 프로필, 내비게이션 등의 기능을 포함한 트위터가 만들어진다. 한마디로 복잡한 이론 공부보다 일단 만들어 보고 싶은 사람을 위한 '실전형 코딩 책'이라 할 수 있다.

노마드 코더 니꼴라스가 내 옆에 앉아 있는 것 같은 기분? 세상 편한 '실습 구성'
이제 막 웹 개발 공부를 시작한 사람도 빠르고 정확하게 따라 할 수 있도록 실습 요소를 배치했다. 코드를 작성하고 결과를 확인하는 일련의 과정을 스티커와 별색, 삭제선 등으로 구분하여 표시했고, 주요 개념은 팁과 보충 수업으로 보완한다. 놓치기 쉬운 내용은 말풍선으로 강조하여 실습의 정확도를 높였다. 책을 읽다 보면 노마드 코더 니꼴라스가 바로 옆에 앉아 손으로 짚어 가며 알려 주는 기분을 느낄 수 있을 것이다.

노마드 코더 제공 '클론 코딩 트위터' 30강 전체 영상 무료! Q&A까지!
노마드 코더에서는 유료로 계획되었던 '클론 코딩 트위터' 강의를, 오직 독자들을 위해! 전체 무료로 공개했다!
- 클론 코딩 트위터 30강 전체 영상 보기(무료 회원 가입)
- 노마드 코더 1:1 질문

이런 사람에게 이 책을 추천합니다!
- 프로그래머로 전직하고 싶은 일반인
- 컴퓨터공학을 전공했지만 실무에서 어떻게 쓰이는지는 경험해 보지 못한 전공자
- 웹 프로그래밍을 배워서 웹 서비스를 만들어 보고 싶은 사람
- 현업에서 일하면서 날마다 새로 업데이트되는 프로그래밍 지식을 쌓고 싶은 개발자
- 코딩에 관심 있는 사람 모두 재미있게 몰입해서 프로그래밍을 배울 수 있어요!


추천사
시간 가는 줄 모르고 읽었어요!
이 책은 웹 개발을 처음하는 사람에게 '웹 개발을 어떻게 해야 하는지 전체 과정을 알려 주는 훌륭한 길잡이' 역할을 합니다. 누구나 트위터를 클론 코딩할 수 있도록 책을 구성한 것은 물론이고, 본문 설명이 친절하고 재미있어서 시간 가는 줄 모르고 읽었습니다.
- 강윤호(IT 프리랜서)

프로젝트를 직접 경험할 수 있어서 좋았어요!
《Do it! 클론 코딩 트위터》는 프로젝트 개발 과정을 제대로 경험하게 만들어 주는 최고의 동반자입니다. 트위터 클론으로 자바스크립트와 리액트를 자연스럽게 활용하고 이해할 수 있도록 만들어 주는 구성이 놀라웠습니다.
- 김현우(팀 별무리 리더)

오류 수정 과정까지 공부할 수 있어서 좋았어요!
《Do it! 클론 코딩 트위터》는 쉽게 따라 할 수 있는 구성과 자세한 설명을 모두 갖춘 '참된 실습서'라고 생각합니다. 실습 과정에서 발생하는 오류를 수정하는 과정도 유용해서 마음에 들었습니다. 지금까지 읽어 본 IT 실습서 가운데 가장 흡입력이 강한 책이라는 생각이 들었습니다.
- 이아름(곰 개발자)

내가 만든 결과물을 자랑할 수 있어서 좋았어요!
저는 HTML도 모르는 초보였는데… 이 책에서 설명하는 대로 트위터를 만들어 친구들에게 자랑하니 엄청 신기해했어요. '이런 맛에 개발자로 사는 건가?'라는 생각도 했습니다. 아직 웹 개발 초보 수준이지만 앞으로 더 열심히 공부해서 다른 웹 서비스도 만들어 보고 싶어졌습니다.
- 이다정(수의사)

실제 애플리케이션을 만드니 뿌듯해요!
트위터 핵심 기능을 모두 구현하면서도 아름다운 결과 화면을 만들 수 있어서 좋았습니다. 공부한 내용을 응용해서 '출첵 코인'이라는 가상의 출석 체크와 게임을 섞은 서비스도 만들어 봤습니다. 여러분도 이 책으로 자신만의 애플리케이션을 만들어 보세요!
- 박현규(이 책의 편집자)

__클론 코딩 01 파이어베이스와의 첫 만남
01-1 서버가 뭐죠?
01-2 파이어베이스는 언제 사용하면 좋은가요?

__클론 코딩 02 환경 설정하기
02-1 알고 보면 쉬운 환경 설정
02-2 깃허브 저장소 만들기
02-3 슈퍼 빠른 create-react-app
02-4 파이어베이스 설정하기

__클론 코딩 03 트위터 클론 코딩 시작하기
03-1 파이어베이스의 비밀키 숨기기
03-2 라우터 준비하기
03-3 라우터 적용하기

__클론 코딩 04 회원가입, 로그인, 소셜 로그인 기능 만들기
04-1 파이어베이스 로그인 준비하기
04-2 파이어베이스 로그인 설정하기
04-3 이메일, 비밀번호 인증 기능 사용해 보기
04-4 로그인, 로그아웃하기
04-5 누이터에 소셜 로그인 추가하기
04-6 내비게이션 추가하고 로그아웃 처리하기

__클론 코딩 05 트위터? 아니, '누이터' 핵심 기능 만들기
05-1 트윗 등록 기능 만들기
05-2 실시간 데이터베이스로 트윗 목록 보여주기
05-3 트윗 삭제 기능 만들기
05-4 트윗 수정 기능 만들기

__클론 코딩 06 사진 미리 보기, 저장 기능 만들기
06-1 사진 미리 보기 기능 만들기
06-2 사진 저장 기능 만들기

__클론 코딩 07 프로필 페이지와 필터링 기능 만들기
07-1 내가 쓴 트윗만 보기
07-2 프로필 페이지 기능 보완하기
07-3 프로필 실시간 업데이트하기

__클론 코딩 08 깃허브로 누이터 배포하고 보안 챙기기
08-1 코드 깔끔하게 정리하기
08-2 깃허브를 통해 누이터 호스팅하기
08-3 에러 발생, 보안 정책 수정하기

__클론 코딩 09 진짜 트위터처럼 스타일링하기
09-1 누이터 스타일링하기
09-2 버그 수정하기