Do it! 클론 코딩 영화 평점 웹서비스 - 노마드 코더 니꼴라스와 만드는 진짜 리액트 앱

괜찮다고 말하지만 괜찮지 않은 너와 나, 우리가 안고 사는 우울. 그리고 그 감정이 가져온 마음의 병 우울증. 화제의 채널



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

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

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



%淆 누구나 바로 써먹을 수 있는 <실전형 코딩 책>

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



%淆 클론 코딩에 딱 맞는 세상 편한 <실습 구성>

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



%淆 학습에 도움을 주는 요소들과 디자인 하나하나에 정성을 다한 <독자 퍼스트>

- 실제 웹 서비스를 직접 내 손으로 만들면서 리액트 웹 프로그래밍을 배워요.

- 클론 코딩 중 알아두면 좋은 내용은 킴조교의 설명으로 보충해요.

- 장마다 이전 장에서 완성한 파일을 묶은 ‘클론 스타터 키트’를 제공해요.

- 여러 명의 전문가가 소스 코드를 철저하게 검증했어요.

- 자주 묻는 질문, 자바스크립트 문법, 참고 사이트 등 소소한 팁도 제공해요.



%淆 베타 테스터 후기

수의사가 본업인 저도 영화 앱을 만들 수 있게 해 주었어요!

이 책은 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