_클론 코딩 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 설치하고 프로젝트 폴더 정리하기
？？ 누구나 바로 써먹을 수 있는 <실전형 코딩 책>
이 책은 처음부터 끝까지 액션을 따라 하면서 영화 평점 웹서비스를 클론 코딩할 수 있도록 설계되었습니다. 액션은 어떤 명령어를 입력해야 하는지, 어디에 파일을 만들어야 하는지, 어디를 수정해야 하는지 정확하게 지시하는 문장을 말합니다. 액션만 따라 하면 내비게이션, 영화 상세 정보, 리다이렉션 기능을 포함한 영화 평점 웹서비스가 만들어집니다. 한 마디로 복잡한 이론 공부보다 일단 만들어 보고 싶은 사람을 위한 책입니다.
？？ 클론 코딩에 딱 맞는 세상 편한 <실습 구성>
이 책은 바로 어제 리액트를 시작한 사람도 편안하게 따라 할 수 있도록 실습 요소를 배치했습니다. 코드를 작성하고 결과를 확인하는 일련의 과정을 스티커와 별색, 삭제선 등으로 구분해서 표시했습니다. 여기에 주요한 개념은 킴조교의 보충 설명을 더했고, 혹시라도 놓칠 수 있는 부분은 말풍선 등으로 한 번 더 강조해서 학습을 도왔습니다. 책을 읽다 보면 니꼬샘이 여러분 바로 옆에서 손으로 짚어 가며 알려 주는 듯한 기분을 느낄 수 있어요.
？？ 학습에 도움을 주는 요소들과 디자인 하나하나에 정성을 다한 <독자 퍼스트>
- 실제 웹 서비스를 직접 내 손으로 만들면서 리액트 웹 프로그래밍을 배워요.
- 클론 코딩 중 알아두면 좋은 내용은 킴조교의 설명으로 보충해요.
- 장마다 이전 장에서 완성한 파일을 묶은 ‘클론 스타터 키트’를 제공해요.
- 여러 명의 전문가가 소스 코드를 철저하게 검증했어요.
- 자주 묻는 질문, 자바스크립트 문법, 참고 사이트 등 소소한 팁도 제공해요.
？？ 베타 테스터 후기
수의사가 본업인 저도 영화 앱을 만들 수 있게 해 주었어요!
이 책은 HTML, CSS, 자바스크립트를 잘 몰라도 따라하기만 하면 영화 앱을 마법처럼 뚝딱 만들 수 있게 해줍니다. 저를 믿으세요. 저도 이 책으로 저만의 영화 앱 마플릭스(Maflix를 만들었으니까요. 이 책을 따라 영화 앱을 만들다 보면 ‘나도 리액트로 앱
