로그인정보 입력 영역

아이디

비밀번호

• 아이디찾기
• 비밀번호변경
• 회원가입

• 홈
• 전자책

책소개

‘클론 코딩’만큼 빠르고 효과적인 학습법은 없다! 
9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스! 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩이라고 말합니다. 클론 코딩은 페이스북, 인스타그램, 넷플릭스와 같은 실제 서비스를 복제하는 프로그래밍 학습 방법을 말합니다. 클론 코딩은 학습할 때마다 눈앞에 결과물이 바로바로 보이므로 프로그래밍을 빠르고 재미있게 배울 수 있습니다.
이 책은 영화 평점순으로 영화 포스터, 제목, 장르, 시놉시스 등을 보여 주는 ‘영화 평점 웹서비스’를 클론 코딩합니다. 내비게이션, 영화 상세 정보, 리다이렉션 기능과 같이 리액트 입문 단계에서 반드시 알아야 하는 기능을 구현하고 애플리케이션 배포까지 진행합니다. 그야말로 진짜 서비스를 만드는 거죠. 그동안 리액트를 공부하고 싶었는데 이론 공부만 하고 있거나 단순히 리액트가 어렵게 느껴져서 
망설이고 있다면 이 책을 통해 진짜 영화 웹서비스를 만들어 보세요.

※ 이 책은 PDF 북이므로 화면이 작은 단말기(스마트폰)에서는 보기 불편합니다. ※

저자소개

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

목차

_클론 코딩 01 안녕 리액트? 13
__01-1 클론 코딩 수업 준비하기 14
__01-2 왜 리액트일까? 20
__01-3 무엇을 클론 코딩할까? 26

_클론 코딩 02 리액트로 클론 코딩 시작하기 31
__02-1 슈퍼 빠른 create-react-app 32
__02-2 깃허브에 리액트 앱 업로드하기 38
__02-3 리액트 앱 살펴보고 수정하기 43
__02-4 리액트 동작 원리 알아보기 50

_클론 코딩 03 리액트 기초 개념 알아보기 55
__03-1 리액트 앱 실행 복습하기 56
__03-2 첫 번째 리액트 기초 개념: 컴포넌트 58
__03-3 두 번째 리액트 기초 개념: JSX 60
__03-4 세 번째 리액트 기초 개념: props 68

_클론 코딩 04 슈퍼 똑똑하게 컴포넌트 만들기 79
__04-1 비슷한 컴포넌트 여러 개 만들기 80
__04-2 map( ) 함수로 컴포넌트 많이 만들기 84
__04-3 음식 앱 이리저리 만지고, 고쳐보기 92
__04-4 음식 앱에 prop-types 도입하기 101

_클론 코딩 05 state와 클래스형 컴포넌트 111
__05-1 state로 숫자 증감 기능 만들어 보기 112
__05-2 숫자 증감 기능을 제대로 만들어 보기 121
__05-3 클래스형 컴포넌트의 일생 알아보기 129
__05-4 영화 앱 만들기 워밍업 135

_클론 코딩 06 영화 앱 만들기 141
__06-1 영화 API 사용해 보기 142
__06-2 영화 데이터 화면에 그리기 153
__06-3 Movie 컴포넌트 만들기 162
__06-4 영화 앱 스타일링하기 — 기초 177

_클론 코딩 07 영화 앱 다듬기 187
__07-1 영화 앱 전체 모습 수정하기 188
__07-2 영화 앱 멋지게 스타일링하기 198

_클론 코딩 08 영화 앱에 여러 기능 추가하기 205
__08-1 react-router-dom 설치하고 프로젝트 폴더 정리하기 206
__08-2 라우터 만들어 보기 211
__08-3 내비게이션 만들어 보기 221
__08-4 영화 상세 정보 기능 만들어 보기 228
__08-5 리다이렉트 기능 만들어 보기 237

__킴조교의 스페셜! 영화 앱 깃허브에 배포하기 244
__찾아보기 247