소플의 처음 만난 리액트 (리액트 기초와 핵심 개념을 가장 쉽게 알려 주는 입문자 가이드 | 2 판)

이인제

저자:이인제
어릴적부터컴퓨터와프로그래밍에관심이많아멋진개발자가되는게꿈이었습니다.숭실대학교컴퓨터학부를조기졸업하고카이스트에서전산학석사학위를취득한뒤다양한회사와스타트업에서경험을쌓고프리랜서개발자로도활동했습니다.분야를가리지않고항상즐겁게개발하려고노력하고있으며,소프트웨어교육활동에적극적으로참여하고있습니다.온오프라인에서다양한강의를하고있고이노베이션아카데미의멘토로활동하고있습니다.현재는1인스타트업을창업하여제품개발과회사운영에힘쓰고있습니다.

0장준비하기
0.1HTML살펴보기
0.2CSS란무엇인가?
0.3자바스크립트
0.4개발환경설정하기
0.5마치며

1장리액트소개
1.1리액트는무엇인가?
1.2리액트의장점
1.3리액트의단점
1.4마치며

2장리액트시작하기
2.1HTML만으로간단한웹사이트만들기
2.2CSS를사용하여웹사이트스타일링하기
2.3웹사이트에React.js추가하기
2.4create-react-app
2.5마치며

3장JSX소개
3.1JSX란?
3.2JSX의역할
3.3JSX의장점
3.4JSX사용법
3.5JSX코드작성해보기
3.6마치며

4장엘리먼트렌더링
4.1엘리먼트에대해알아보기
4.2엘리먼트렌더링하기
4.3렌더링된엘리먼트업데이트하기
4.4시계만들기
4.5마치며

5장컴포넌트와Props
5.1컴포넌트에대해알아보기
5.2Props에대해알아보기
5.3컴포넌트만들기
5.4컴포넌트합성
5.5컴포넌트추출
5.6댓글컴포넌트만들기
5.7마치며

6장State와생명주기
6.1State
6.2생명주기에대해알아보기
6.3State와생명주기함수사용하기
6.4마치며

7장훅
7.1훅이란무엇인가?
7.2useState
7.3useEffect
7.4useMemo
7.5useCallback
7.6useRef
7.7훅의규칙
7.8나만의훅만들기
7.9훅을사용한컴포넌트개발
7.10마치며

8장이벤트핸들링
8.1이벤트처리하기
8.2Arguments전달하기
8.3클릭이벤트처리하기
8.4마치며

9장조건부렌더링
9.1조건부렌더링이란?
9.2엘리먼트변수
9.3인라인조건
9.4컴포넌트렌더링막기
9.5로그인여부를나타내는툴바만들기
9.6마치며

10장리스트와키
10.1리스트와키란무엇인가?
10.2여러개의컴포넌트렌더링하기
10.3기본적인리스트컴포넌트
10.4리스트의키에대해알아보기
10.5출석부출력하기
10.6마치며

11장폼
11.1폼이란무엇인가?
11.2제어컴포넌트
11.3textarea태그
11.4select태그
11.5Fileinput태그
11.6여러개의입력다루기
11.7InputNullValue
11.8사용자정보입력받기
11.9마치며

12장State끌어올리기
12.1SharedState
12.2하위컴포넌트에서State공유하기
12.3섭씨온도와화씨온도표시하기
12.4마치며

13장합성vs.상속
13.1합성에대해알아보기
13.2상속에대해알아보기
13.3Card컴포넌트만들기
13.4마치며

14장컨텍스트
14.1컨텍스트란무엇인가?
14.2언제컨텍스트를사용해야할까?
14.3컨텍스트를사용하기전에고려할점
14.4컨텍스트API
14.5여러개의컨텍스트사용하기
14.6useContext
14.7컨텍스트를사용하여테마변경기능만들기
14.8마치며

15장스타일링
15.1CSS
15.2styled-components
15.3styled-components를사용하여스타일링해보기
15.4마치며

16장미니프로젝트_미니블로그만들기
16.1미니블로그기획하기
16.2프로젝트생성하기
16.3필요한패키지설치하기
16.4주요컴포넌트구성하기
16.5폴더구성하기
16.6UI컴포넌트구현하기
16.7List컴포넌트구현하기

부록리액트18소개
A.1자동배칭
A.2트랜지션
A.3서스펜스
A.4클라이언트와서버렌더링API업데이트
A.5새로운Strict모드작동방식
A.6새로추가된훅들

쉽고재미있게익히는리액트기초와핵심개념

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

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

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

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

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

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

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

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

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