개정판 | 소문난 명강의_소플의 처음 만난 리액트 2판

쉽고 재미있게 익히는 리액트 기초와 핵심 개념
메타에서 개발한 오픈소스 자바스크립트 UI 라이브러리인 리액트는 프런트엔드 개발자가 반드시 알아야 할 기술입니다. 복잡한 웹 애플리케이션을 쉽고 빠르게 구현 및 관리할 수 있게 해 주는 도구가 리액트입니다. 이 책은 리액트 기초와 핵심 개념을 이해하기 쉽게 설명하고, 간단한 실습을 통해 리액트 활용법을 익힐 수 있도록 도와줍니다. 또한 블로그를 만들어 보면서 짧고 굵게 기획부터 개발에 이르는 과정을 경험할 수 있습니다. 지금부터 세상에서 가장 인기 있는 웹 개발 도구인 리액트의 매력에 빠져 보세요!

★ 2판에서 바뀐 내용
리액트 18 기준 예제 코드 전면 수정
리액트 18의 새로운 기능 소개
실습 화면 코드 별도 수록

★ 이 책에서 배우는 내용
기초 지식 및 개발 환경
리액트 소개 및 준비
JSX
엘리먼트 렌더링
컴포넌트와 Props
state와 생명주기
훅
이벤트 핸들링
조건부 렌더링
리스트와 키
폼
State 끌어올리기
합성과 상속
컨텍스트
스타일링
미니 블로그 만들기
리액트 18 소개

★ 이 책의 구성
0장은 리액트를 배우기 전에 알아야 할 기초 지식과 실습을 진행할 개발 환경 설정에 대해 설명합니다.

1~2장은 리액트의 기본 개념과 장단점에 대해 배우고 간단한 실습을 통해 리액트를 적용해 봅니다.

3장부터 14장까지는 리액트의 요소별 기능에 대해 설명합니다. 각 장의 전반부는 배우고자 하는 리액트 요소의 역할과 기본 개념을 다룹니다. 후반부에서는 앞서 배운 내용을 바탕으로 실습을 진행하면서 리액트 사용법을 익힐 수 있도록 구성되어 있습니다.

15장에서는 웹 애플리케이션을 스타일링하기 위한 CSS 기본 문법과 선택자에 대해 알아보고 styled-components를 다루는 법을 간단하게 배웁니다.

16장에서는 앞에서 배운 내용을 토대로 미니 블로그를 직접 만들어 봅니다. 프로젝트 생성부터 시작하여 직접 여러 컴포넌트까지 구현해 봅니다.

★ 대상 독자
이 책은 리액트를 처음 접하는 입문자를 대상으로 합니다. HTML과 자바스크립트를 다뤄 본 경험이 있다면 수월하게 이 책을 읽을 수 있습니다. 하지만 웹 개발을 해 본 적이 없어도 학습 과정을 따라갈 수 있도록 HTML과 자바스크립트, CSS 기초 내용을 설명하고 있습니다.

★ 예제 소스
https://github.com/soaple/first-met-react-practice-v18

★ 유튜브 강의
https://youtube.com/c/소플TV


추천사
리액트가 웹 프런트엔드 분야에서 사실상 하나의 표준으로 자리 잡으면서 배우고자 하는 사람
들이 많이 늘어나고 있습니다. 이 책은 처음 리액트를 배우려는 독자에게 매우 적합합니다. 처음부터 단계별로 따라 하다 보면 어느새 리액트를 자유자재로 활용할 수 있는 단계에 도달하게 될 것입니다. 리액트 세계에 입문하는 것을 주저하고 있다면 이 책을 통해 리액트를 시작해 보기 바랍니다.

이민규_(주)엠케이랩스 대표 / StarUML 개발자
------------------------------------------------------------------------------------------

리액트 개발을 시작하거나 다시 도전하는 독자에게 추천합니다. 개발 환경 설정부터 현업에서 쓸 수 있는 개발 팁 그리고 최신 트렌드까지 배울 수 있습니다. 리액트의 중요한 개념을 모두 다루고 있고 장별로 요점 정리가 잘 되어 있어서 코딩 인터뷰를 보러 가기 전에 빠르게 복습하기에도 좋을 것 같습니다. 다년간 현업에서의 경험을 기반으로 한 저자의 현실적인 조언과 내공이 돋보입니다.

김유민_Take App 창업자 / 전 페이스북 엔지니어링 매니저
------------------------------------------------------------------------------------------

어떤 기술을 잘 가르치면서 개발에도 능숙한 저자가 쓴 책을 찾기란 생각보다 쉽지 않습니다. 상용 서비스 개발, 오픈소스 프로젝트 활동, 강의, 멘토링 등 다양한 분야에서 활발하게 활동하고 있는 저자의 책이므로 리액트를 처음 시작하는 독자에게 좋은 지침이 될 것이라 믿어 의심치 않습니다.

장래영_비햅틱스 소프트웨어 엔지니어
------------------------------------------------------------------------------------------

리액트를 이용해 프런트엔드 개발자로서 첫발을 내딛고자 하는 독자에게 추천하고 싶은 훌륭한 안내서입니다. 빠르게 리액트 개발을 시작할 수 있도록 많이 쓰지 않는 내용은 과감히 제외하고 컴포넌트와 State, 훅, 이벤트 핸들링 등 필수적으로 알아야 할 내용을 압축해서 설명합니다. 중간중간 독자가 궁금해할 부분도 따로 친절하게 알려줍니다. 또한 장마다 다양한 실습 예제와 깔끔하게 정리된 요약을 제공하여 앞서 배운 내용을 제대로 이해하고 있는지 확인할 수 있습니다. 리액트 개발의 문턱이 높게 느껴져 망설이고 있다면 이 책으로 도전해 보세요.

장영재_비바리퍼블리카 프런트엔드 엔지니어
------------------------------------------------------------------------------------------

HTML, CSS, 자바스크립트와 같은 필수 지식을 거쳐 리액트가 무엇이고 어떻게 동작하는지, 왜 사용하는지를 쉽게 풀어 썼습니다. 또한 입문자에게는 다소 어렵게 느껴질 수 있는 조건부 렌더링이나 리스트 렌더링, 리액트 훅에 대한 부분도 매우 쉽게 설명하고 있습니다. 각 장은 개념을 익히는 부분과 실습으로 나누어져 있는데 앞에서 배운 내용이 잘 이해되지 않는다면 실습을 먼저 해 보면 감을 잡을 수 있을 것입니다. 전반적으로 부담 없이 따라갈 수 있어 리액트 개발을 처음 시작하는 독자에게 강력히 추천합니다.

강지현_(주)맘편한세상 공동 창업자 / 백엔드 엔지니어
------------------------------------------------------------------------------------------

비 개발자가 읽어도 쉽게 이해할 수 있는 예제와 친절한 설명이 돋보입니다. 특히 비 개발자에게
익숙하지 않은 개발 환경 구축 방법도 자세히 알려 줍니다. HTML과 CSS에 대한 배경지식을
어느 정도 가지고 있는 독자라면 이 책을 통해 리액트의 매력에 흠뻑 빠질 수 있을 것입니다.
또한 지금과는 다른 제품을 구상할 수 있는 기회도 얻을 수 있다고 생각합니다. 개발자와 함께
협업하는 디자이너 또는 기획자도 이 책을 보면 많은 도움을 얻을 수 있을 것입니다.

이유번_(주)딥네츄럴 디자인 디렉터
------------------------------------------------------------------------------------------

이 책은 간단하지만 실용적인 예제로 리액트를 쉽게 알려 줍니다. 친절한 기본 개념 설명에 더해 다양한 실습과 알찬 프로젝트도 담고 있어 재미있게 리액트 공부를 할 수 있습니다. 웹 개발 지식이 없더라도 차근차근 실습을 따라 하다 보면 자연스럽게 리액트의 역할을 이해할 수 있을 것입니다. 리액트를 처음 시작하는 개발자에게 단연 최고의 책이라고 생각합니다.

강경완_(주)우아한형제들 안드로이드 개발자
------------------------------------------------------------------------------------------

이제 리액트는 웹은 물론 데스크톱과 모바일 앱 제작에도 쓰이는 강력한 라이브러리로 자리 잡았습니다. 하지만 빠르게 발전을 거듭해 온 만큼 리액트 관련 자료는 방대하고 파편화되어 있어 처음 접할 때 큰 어려움을 겪기 마련입니다. 이 책에는 긴 시간 리액트 프로젝트를 진행한 저자의 경험이 녹아 있으며, 리액트를 소화하기 위해 반드시 알아야 하는 기본 개념부터 실습 프로젝트까지 차곡차곡 담겨 있습니다. 물 흐르듯 이어지는 설명을 따라가다 보면 어느새 리액트를 소화하고, 그 매력에 빠진 자신을 발견할 수 있을 것입니다.

전웅_(주)아씨오 소프트웨어 엔지니어