홈앤서비스 SK BROADBAND

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

책의 일부 내용을 미리 읽어보실 수 있습니다. 미리보기

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

펼쳐보기접어보기