확장메뉴
주요메뉴


소득공제
미리보기 공유하기

Do it! 클론 코딩 영화 평점 웹서비스

: 노마드 코더 니꼴라스와 만드는 진짜 리액트 앱

이지스퍼블리싱-Do it! 시리즈이동 클론 코딩 시리즈-01이동
리뷰 총점9.7 리뷰 20건 | 판매지수 2,538
베스트
IT 모바일 top20 5주
정가
16,000
판매가
14,400 (10% 할인)
YES포인트
신상품이 출시되면 알려드립니다. 시리즈 알림신청
가방 속 책 한 권이라면 - 굿리더 스트링백/간식 접시 머그/디즈니 미키 타포린 보냉백/타포린백
〈2022 한국 문학의 미래가 될 젊은 작가〉- 투표 참여 회원 전원 1천원 상품권 증정!
8월 얼리리더 주목신간 : 귀여운 방해꾼 배지 증정
월간 개발자 2022년 8월호
박해선 저자의 머신러닝/딥러닝 패스
[단독]『혼자 공부하는 파이썬』 개정판 출간
내일은 개발자! 코딩테스트 대비 도서전
이지스퍼블리싱 조코딩 프로그래밍 입문 출간 기념 이벤트
개발자 패키지로 스펙업!
YES24 트윈링 분철 : 인서트라벨/스티커 택1 증정
8월 전사
쇼핑혜택
1 2 3 4 5

품목정보

품목정보
출간일 2020년 05월 19일
쪽수, 무게, 크기 248쪽 | 548g | 188*257*20mm
ISBN13 9791163031635
ISBN10 1163031631

이 상품의 태그

책소개 책소개 보이기/감추기

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

9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스! 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩이라고 말한다. 클론 코딩은 페이스북, 인스타그램, 넷플릭스와 같은 실제 서비스를 복제하는 프로그래밍 학습 방법을 말하는 것으로, 학습할 때마다 눈앞에 결과물이 바로바로 보이기 때문에 프로그래밍을 빠르고 재미있게 배울 수 있다.

『Do it! 클론 코딩 영화 평점 웹서비스』는 영화 평점순으로 영화 포스터, 제목, 장르, 시놉시스 등을 보여 주는 ‘영화 평점 웹서비스’를 클론 코딩한다. 내비게이션, 영화 상세 정보, 리다이렉션 기능과 같이 리액트 입문 단계에서 반드시 알아야 하는 기능을 구현하고 애플리케이션 배포까지 진행한다. 그야말로 진짜 서비스를 만들어 보는 것이다. 그동안 리액트를 공부하고 싶었는데 이론 공부만 하고 있거나 단순히 리액트가 어렵게 느껴져서 망설이고 있다면 이 책을 통해 진짜 영화 웹서비스를 만들어 보자.

목차 목차 보이기/감추기

_클론 코딩 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

저자 소개 (2명)

출판사 리뷰 출판사 리뷰 보이기/감추기

▶ 누구나 바로 써먹을 수 있는 [실전형 코딩 책]
이 책은 처음부터 끝까지 액션을 따라 하면서 영화 평점 웹서비스를 클론 코딩할 수 있도록 설계되었습니다. 액션은 어떤 명령어를 입력해야 하는지, 어디에 파일을 만들어야 하는지, 어디를 수정해야 하는지 정확하게 지시하는 문장을 말합니다. 액션만 따라 하면 내비게이션, 영화 상세 정보, 리다이렉션 기능을 포함한 영화 평점 웹서비스가 만들어집니다. 한 마디로 복잡한 이론 공부보다 일단 만들어 보고 싶은 사람을 위한 책입니다.

▶ 클론 코딩에 딱 맞는 세상 편한 [실습 구성]
이 책은 바로 어제 리액트를 시작한 사람도 편안하게 따라 할 수 있도록 실습 요소를 배치했습니다. 코드를 작성하고 결과를 확인하는 일련의 과정을 스티커와 별색, 삭제선 등으로 구분해서 표시했습니다. 여기에 주요한 개념은 킴조교의 보충 설명을 더했고, 혹시라도 놓칠 수 있는 부분은 말풍선 등으로 한 번 더 강조해서 학습을 도왔습니다. 책을 읽다 보면 니꼬샘이 여러분 바로 옆에서 손으로 짚어 가며 알려 주는 듯한 기분을 느낄 수 있어요.

▶ 학습에 도움을 주는 요소들과 디자인 하나하나에 정성을 다한 [독자 퍼스트]
- 실제 웹 서비스를 직접 내 손으로 만들면서 리액트 웹 프로그래밍을 배워요.
- 클론 코딩 중 알아두면 좋은 내용은 킴조교의 설명으로 보충해요.
- 장마다 이전 장에서 완성한 파일을 묶은 ‘클론 스타터 키트’를 제공해요.
- 여러 명의 전문가가 소스 코드를 철저하게 검증했어요.
- 자주 묻는 질문, 자바스크립트 문법, 참고 사이트 등 소소한 팁도 제공해요.

▶ 베타 테스터 후기
수의사가 본업인 저도 영화 앱을 만들 수 있게 해 주었어요!
이 책은 HTML, CSS, 자바스크립트를 잘 몰라도 따라하기만 하면 영화 앱을 마법처럼 뚝딱 만들 수 있게 해줍니다. 저를 믿으세요. 저도 이 책으로 저만의 영화 앱 마플릭스(Maflix)를 만들었으니까요. 이 책을 따라 영화 앱을 만들다 보면 ‘나도 리액트로 앱을 개발할 수 있겠다’는 무한한 자신감을 얻을 수 있을 것입니다.
- 취미로 프로그래밍을 공부하고 있는 수의사 이준석

리액트 쫄보도 영화 앱을 만들 수 있었어요!
이 책은 리액트 쫄보인 저를 영화 앱을 만들 수 있게 해주고, 리액트에 입문할 수 있게 해주었습니다. 실제로 영화 앱을 만들고 나니 ‘아! 나는 여기를 좀 더 공부하면 다른 앱도 금방 만들 수 있겠다’라는 자신감이 생겼습니다. 클론 코딩으로 리액트를 공부할 수 있게 해준 이 책을 만난 덕분이라 생각합니다. 여러분도 저와 같은 경험을 해보길 바랍니다! 다들 행코하세요! :)
- 백엔드 주니어 개발자 염혜림

술술 읽히는 게 기존의 컴퓨터 전문서 같지 않았어요!
이 책은 반말로 쓰여 있습니다. 컴퓨터 전문서에서 반말을 사용하는 건 처음 봤어요. 필자가 외국인이라서 그런 거 같은데 의외로 친숙한 느낌이 들어서 좋았어요. 그리고 독자가 해야 할 일만 간단명료하게 알려 주니까 정말 편했어요. 일단 해보면 만들어지니까요. 따라 하기 어려웠던 부분은 1도 없었는데, 다만 내용과 개념을 속속들이 이해하는 건 책을 한 번 더 보거나 다른 리액트 책을 참고해 봐야 할 것 같아요. 그래도 좋았어요. 리액트로 웹 애플리케이션을 개발하는 전체 과정을 경험해 보니까 동기부여도 되고 앞으로 뭘 공부해야 할지 알 것 같은? 마치 남산 타워에서 서울을 내려다본 느낌이랄까?
- 우연히 먼저 읽은 몽테크리스토

▶ 이런 사람이 읽으면 좋아요
- 프로그래머로 전직하고 싶은 일반인
- 컴퓨터공학을 전공했지만 실무에서 어떻게 쓰이는지는 겪어보지 못한 전공자
- 프로그래밍을 배워서 만들어 보고 싶은 프로젝트가 있는 직장인
- 현업에 있으면서 매일매일 업데이트되는 프로그래밍 지식을 쌓고 싶은 개발자
- 코딩에 관심 있는 모두가 재미있게 몰입해서 프로그래밍을 배울 수 있어요!

▶ 이지스퍼블리싱이 선사하는 독자 지원
이 책 어느 부분에서나 바로 실습할 수 있도록 ‘클론 스타터 키트’ 제공
- 클론 스타터 키트 깃허브: github.com/easysIT/do_it_clonecoding_movieapp

노마드 코더 니꼴라스 직강 동영상 25편 무료 제공(무료 회원 가입)
- 동영상 강의: academy.nomadcoders.co/courses/enrolled/216871

이 책에서 만들 영화 평점 웹서비스 미리 구경하기
- 영화 평점 웹서비스: nomadcoders.github.io/movie_app_2019

이 책의 독자들과 함께 공부하고 책 선물도 받아 가세요!
- 두잇 스터디룸(책 질문 환영): cafe.naver.com/doitstudyroom

기술 관련 질문은 니꼬샘에게 직접해 보세요!
- 저자 1:1 질문(기술 질문): nomad-coders.channel.io

회원리뷰 (20건) 리뷰 총점9.7

혜택 및 유의사항?
Do it! 클론 코딩 영화 평점 웹서비스 서평 내용 평점5점   편집/디자인 평점5점 d*******8 | 2022.05.23 | 추천0 | 댓글0 리뷰제목
컴퓨터공학과를 재학중인 2학년 학생입니다. 1학년때 웹프로그래밍 수업을 들었지만 그 지식을 토대로 어떤 결과물을 만들어본적은 없었는데, 책의 내용을 그대로 따라가니 막힘 없이 진행할 수 있었으며 책에서 부족한 부분은 관련 링크들을 통해 깊게 공부할 수 있었습니다. 특히 이 책을 통하여 리액트를 처음 접했는데 클론 코딩에 앞서 필요한 툴과 깃허브, Node.js 등도 쉽게;
리뷰제목

컴퓨터공학과를 재학중인 2학년 학생입니다. 1학년때 웹프로그래밍 수업을 들었지만 그 지식을 토대로 어떤 결과물을 만들어본적은 없었는데, 책의 내용을 그대로 따라가니 막힘 없이 진행할 수 있었으며 책에서 부족한 부분은 관련 링크들을 통해 깊게 공부할 수 있었습니다. 특히 이 책을 통하여 리액트를 처음 접했는데 클론 코딩에 앞서 필요한 툴과 깃허브, Node.js 등도 쉽게 설치할 수 있었습니다. 간단한 개념만 학습했던 학교수업을 토대로 굉장히 쉽게 풀어쓴 내용 덕분에 단기간에 나만의 결과물을 만들어낼 수 있게 됐다는 사실이 저에겐 큰 용기가 생겼습니다. 개념만 학습하는 타 책들과 달리 직접 결과물을 만들어 낼 수 있게  끌어주는 책이라고 생각합니다. 리액트에 관심은 있었지만 어떻게 시작해야할지 몰랐던 저에게 다른 서적과 달리 오류나 실행이 안되는 경우가 없어 공부하는것에 큰 어려움이 없었습니다. 

웹 개발이나 관련 지식이 없지만, 가볍게 맛보고 싶은 분들이 공부하기 좋은 책이라고 생각하여 추천드립니다!!

댓글 0 이 리뷰가 도움이 되었나요? 공감 0
코딩은 진짜를 만들어보는거야! 내용 평점5점   편집/디자인 평점5점 박*스 | 2022.05.23 | 추천0 | 댓글0 리뷰제목
코딩은 진짜를 만들어보는거야! 아직 1년차 햇병아리 주니어지만 '코딩을 잘하는 방법'쯤은 안다. 일단 만드는 거다. (내가 보기에 쓰레기 일지 라도) 뭐든 어떻게든 완성시켜놓는 것이다. 그리고나서 부족한 부분을 하나씩 빌드업 해나가는 것. 이거면 충분하다고 생각한다. 내가 느끼기에 코딩은 정말 방대하고 낯설고 가끔은 복잡하기도 하다. 그래서 입문이 쉽;
리뷰제목

코딩은 진짜를 만들어보는거야!

아직 1년차 햇병아리 주니어지만 '코딩을 잘하는 방법'쯤은 안다. 일단 만드는 거다. (내가 보기에 쓰레기 일지 라도) 뭐든 어떻게든 완성시켜놓는 것이다. 그리고나서 부족한 부분을 하나씩 빌드업 해나가는 것. 이거면 충분하다고 생각한다. 내가 느끼기에 코딩은 정말 방대하고 낯설고 가끔은 복잡하기도 하다. 그래서 입문이 쉽지 않다. 입문이 쉽지 않으면 지속하기도 쉽지 않다. 그래서 꾸준히만 하면 코딩은 잘할 수 밖에 없다. 그렇다면 그 '꾸준히'가 코딩을 잘하는 데에 가장 중요한 요소가 되는데 개인적으로 뭐든 '꾸준히'하려면 작더라도 재밌는 것들을 완성시켜나가면서 발전 해나가면 재미를 찾아야 한다고 생각한다.

니꼴라스 쌤이 운영하는 '노마드코더' 사이트의 메인 슬로건을 보면 알 수 있듯이 '노마드코더' 니꼴라스 쌤은 이 사실을 너무나 잘알고 있다. '코딩은 진짜를 만들어보는거야!''노마드코더'에서 많은 코딩 초심자들에게 용기와 성침감을 심어 주었던 그 니꼴라스쌤의 '클론코딩' 시리즈가 드디어 책으로 나왔다. 그 중에 이 책은 영화 평점 웹서비스 클론코딩하는 내용인데, 책을 처음 받자마자 놀랐던 건 이 책 하나로 프로그래밍 툴부터, 리액트의 기초~활용 그리고 깃허브까지 한 번에 경험해 볼수 있다는 것과 말만 들으면 방대한 내용인 것 같지만 책이 생각보다 상당히 얇다는 것 들이었다. (이말인 즉슨 많지 않은 내용임에도 불구하고 이 모든 내용들을 경험해볼수 있다는 것. 너무 길지 않아 지루하지 않다는 것.) 최대한 쉽게, 가볍게, 빨리 무언가를 만들어 낼수 있도록 도와준다. 혹여나 이 책으로도 구현하기 쉽지 않다고 느낄 때는 니꼴라스쌤의 인터넷 강의를 제공하고 있어 독자들이 이책을 통해 코딩을 하면서 성취감을 느끼는데 한발자국 더 다가 가게 해줄 것이다.

나는 이 책을 다 읽고, 무언가를 만들어 내게 되는 것이 이 책의 끝이 아닌 시작이라고 생각한다. 이 책을 통해 얻은 재미과 성취감은 나를 니꼴라스 쌤의 다른 시리즈로 혹은 다른 웹서비스를 만드는 것으로 이어질 것이고 그렇게 성장하길 기대한다.

댓글 0 이 리뷰가 도움이 되었나요? 공감 0
구매 Do it! 클론 코딩 영화 평점 웹서비스 내용 평점5점   편집/디자인 평점4점 YES마니아 : 플래티넘 스타블로거 : 블루스타 하**랑 | 2022.05.06 | 추천0 | 댓글0 리뷰제목
동영상강좌를 시청 후 구매합니다. 동영상 강좌중  노마드 코더의 동영상강좌로 책으로 있다는 걸 안후 바로 구매햇습니다. 책이 생각보다 앏아서 놀랐지만, 읽고 난후 개념 잡기에 최고로 좋은 책이라 생각합니다. 리액트를 이 책으로 시작후에, 바이블 책을 공부하면, 더욱 효과적이라 생각합니다. 이틀동안 200페이지를 정말 시간가는줄 모르고 완독 했습니다. 추천드립니다;
리뷰제목

동영상강좌를 시청 후 구매합니다.

동영상 강좌중  노마드 코더의 동영상강좌로 책으로 있다는 걸 안후 바로 구매햇습니다.

책이 생각보다 앏아서 놀랐지만, 읽고 난후 개념 잡기에 최고로 좋은 책이라 생각합니다.

리액트를 이 책으로 시작후에, 바이블 책을 공부하면, 더욱 효과적이라 생각합니다.

이틀동안 200페이지를 정말 시간가는줄 모르고 완독 했습니다.

추천드립니다.

댓글 0 이 리뷰가 도움이 되었나요? 공감 0

한줄평 (20건) 한줄평 총점 9.6

혜택 및 유의사항 ?
구매 평점5점
열심히 읽겟습니다.
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 플래티넘 하**랑 | 2022.05.06
평점5점
리액트를 이용해 눈에 바로 보이는 결과를 만들길 원하는 분들에게 추천합니다~
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 로얄 빠**나 | 2021.09.24
구매 평점4점
역시 믿고듣는 강의에 맞는 책!
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 로얄 z***a | 2021.07.04
스프링분철 서비스를 선택하세요.
수량감소 수량증가 14,400
  •  다운받은 받은 쿠폰은 결제 페이지에서 적용해 주세요.
  •  분철옵션 선택 시, 영업일 기준 3일내 출고됩니다.
  •  분철상품은 해외배송이 불가합니다.
1   14,400

스프링분철 신청 가능

뒤로 앞으로 맨위로 aniAlarm