본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

Do it! 클론 코딩 트위터 상세페이지

Do it! 클론 코딩 트위터작품 소개

<Do it! 클론 코딩 트위터> 9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩이라고 말한다. 클론 코딩은 트위터, 페이스북, 인스타그램, 넷플릭스와 같은 실제 서비스를 복제해 보는 프로그래밍 학습 방법이다. 클론 코딩은 학습할 때마다 눈앞에 결과물이 바로바로 보이므로 프로그래밍을 빠르고 재미있게 배울 수 있다. 『Do it! 클론 코딩 트위터』에서는 트위터를 클론 코딩한다. 트윗 추가부터 수정, 삭제, 사진 등록, 프로필 페이지 등 실제 트위터 기능을 똑같이 구현하고 결과물을 다른 사람도 사용할 수 있도록 서비스 배포까지 해본다.


출판사 서평

‘클론 코딩’만큼 빠르고 효과적인 학습법은 없다!

9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스! 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩이라고 말한다. 클론 코딩은 트위터, 페이스북, 인스타그램, 넷플릭스와 같은 실제 서비스를 복제해 보는 프로그래밍 학습 방법이다. 클론 코딩은 학습할 때마다 눈앞에 결과물이 바로바로 보이므로 프로그래밍을 빠르고 재미있게 배울 수 있다.
출간과 동시에 화제에 올랐던 클론 코딩 시리즈의 두 번째 책 《Do it! 클론 코딩 트위터》에 서는 트위터를 클론 코딩한다. 트윗 추가부터 수정, 삭제, 사진 등록, 프로필 페이지 등 실제 트위터 기능을 똑같이 구현하고 결과물을 다른 사람도 사용할 수 있도록 서비스 배포까지 해본다. 그야말로 진짜 서비스를 만드는 것이다. 웹 개발 초보자도 7일이면 충분하다. 이 책으로 웹 개발부터 서비스 배포까지 쭉쭉 진행해 보기 바란다.


클론 코딩 시리즈 2탄 출시! 트위터 서비스, 똑같이 만든다!

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

누구나 바로 써먹을 수 있는 ‘실전형 코딩 책’

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


노마드 코더 니꼴라스가 내 옆에 앉아 있는 것 같은 기분? 세상 편한 ‘실습 구성’

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

노마드 코더 제공 ‘클론 코딩 트위터’ 30강 전체 영상 무료! Q&A까지!

노마드 코더에서는 유료로 계획되었던 ‘클론 코딩 트위터’ 강의를, 오직 독자들을 위해! 전체 무료로 공개했다!
- 클론 코딩 트위터 30강 전체 영상 보기(무료 회원 가입): nomadcoders.co/nwitter
- 노마드 코더 1:1 질문: nomad-coders.channel.io

이런 사람에게 이 책을 추천합니다!

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

이 책을 미리 체험한 베타테스터의 트위터 클론 미리 구경해 보기!

베타테스터 이아름: arumlee.github.io/nwitter
베타테스터 김현우: kimhyeonu.github.io/polaris-twitter-web
베타테스터 강윤호: penguingoon89.github.io/nwitter


저자 프로필


저자 소개

저 : 니꼴라스 (Nicolas Serrano Arevalo)

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


저 : 김준혁

건국대학교에서 수의학을 전공했습니다. 농림축산검역본부, 서울동물메디컬센터, 훈동물병원 등을 거쳐 현재는 부산에 위치한 대디동물병원에서 진료하고 있습니다. 세 아이의 아빠로서 즐겁게 생활하고 있던 중 2019년 웹에 입문한 이후 자바스크립트라는 신세계를 맛보고 노마드 코더를 통해 리액트 삼매경에 빠져 즐거운 나날을 보내고 있습니다.

목차

__클론 코딩 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 버그 수정하기


리뷰

구매자 별점

5.0

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

2명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전