소플의 처음 만난 리액트(소문난 명강의) | 이인제

배송일정 안내
출고 예정	도착예정일	비고
1일 이내	2~3일 이내	연휴 및 토.일. 공휴일은 제외
2일 이내	3~4일 이내
3일 이내	4~5일 이내
4일 이내	5~6일 이내

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

컴퓨터/IT분야 2만원 이상 구매 시 개발자 매거진 <리드..

2022.08.13 ~ 2022.10.31
인프콘 2022 교보문고도 함께 합니다! 발표 세션 주제별 추천..

2022.08.08 ~ 2022.08.31
기술스택 별 개발자 채용공고 비중 공개+추천도서!

2021.12.24 ~ 2022.12.31

상품상세정보
ISBN	9791162245682(1162245689)
쪽수	504쪽
크기	182 * 236 * 25 mm /991g 판형알림

책소개

이 책이 속한 분야

리액트 기초 개념을 배우고 간단한 실습을 따라 하며 사용법을 익히는 가장 쉬운 입문서

이 책은 오픈소스 자바스크립트 라이브러리인 리액트를 처음 배우는 개발자를 위한 책이다. 먼저 웹 서비스를 위해 알아야 할 리액트의 필수 개념을 짚어 본다. 그리고 간단한 실습을 통해 리액트 사용법을 익힌 뒤 마지막으로 미니 프로젝트(미니 블로그 만들기)를 통해 직접 프로젝트 기획부터 개발까지 경험해 본다. 리액트의 핵심 개념을 기초부터 탄탄히 익히고 실제 업무에 도움을 줄 수 있는 프로젝트 진행을 통해 체계적인 학습을 할 수 있도록 구성했다.

상세이미지

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

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

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

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

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

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

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

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

8장 이벤트 핸들링
8.1 이벤트 처리하기
8.2 Arguments 전달하기
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.3 textarea 태그
11.4 select 태그
11.5 File input 태그
11.6 여러 개의 입력 다루기
11.7 Input Null Value
11.8 사용자 정보 입력받기
11.9 마치며

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

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

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

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

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

출판사 서평

기초적인 내용 위주로 빠르고 쉽게 만나는 리액트!

리액트는 오픈소스 자바스크립트 UI 라이브러리입니다. 최근 웹사이트(또는 웹 애플리케이션)의 규모가 커짐에 따라 수많은 페이지를 만들어 관리하는 것은 매우 어렵습니다. 따라서 복잡한 웹사이트를 쉽고 빠르게 구현 및 관리할 수 있도록 도와주는 것이 리액트입니다. 이 책은 리액트의 주요 개념을 익히고 간단한 실습을 통해 실제 웹사이트에 리액트를 적용해 보며 학습할 수 있도록 구성되어 있습니다.

★ 이 책에서 배우는 내용
√ 필요한 기초 지식 및 개발 환경
√ 리액트 소개 및 준비... 더보기

Klover 리뷰 (0)

북로그 리뷰 (8) 전체보기 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료

소문난 명강의, 소플의 처음 만난 리액트 sj**hw | 2022-07-05 | 추천: 0 |

소문난 명강의, 소플의 처음 만난 리액트 본 서평은 한빛미디어에서 도서를 제공받아 작성되었습니다. 이 책은 “소문난 명강의 시리즈” 중 한 권으로서 리액트 기초 개념을 배우고 간단한 실습을 따라 하며 사용법을 익히는 가장 쉬운 입문서가 되겠다. 이 책은 오... 더보기

소문난 명강의, 소플의 처음 만난 리액트

본 서평은 한빛미디어에서 도서를 제공받아 작성되었습니다.

이 책은 “소문난 명강의 시리즈” 중 한 권으로서 리액트 기초 개념을 배우고 간단한 실습을 따라 하며 사용법을 익히는 가장 쉬운 입문서가 되겠다.

이 책은 오픈소스 자바스크립트 라이브러리인 리액트를 처음 배우는 개발자를 위한 책이다. 먼저 웹 서비스를 위해 알아야 할 리액트의 필수 개념을 짚어 본다. 그리고 간단한 실습을 통해 리액트 사용법을 익힌 뒤 마지막으로 미니 프로젝트(미니 블로그 만들기)를 통해 직접 프로젝트 기획부터 개발까지 경험해 볼 수 있는 책으로 리액트의 핵심 개념을 기초부터 탄탄히 익히고 실제 업무에 도움을 줄 수 있는 프로젝트 진행을 통해 체계적인 학습을 할 수 있도록 구성했다.

리액트는 오픈소스 자바스크립트 UI 라이브러리로 최근 웹사이트(또는 웹 애플리케이션)의 규모가 커짐에 따라 수많은 페이지를 만들어 관리하는 것은 매우 어려운 일이다. 따라서 복잡한 웹사이트를 쉽고 빠르게 구현 및 관리할 수 있도록 도와주는 것이 바로 리액트. 이 책은 리액트의 주요 개념을 익히고 간단한 실습을 통해 실제 웹사이트에 리액트를 적용해 보며 학습할 수 있도록 구성되어 있다. 닫기
[도서 리뷰] 소플의 처음 만난 리액트 ky**lgaw91 | 2022-06-26 | 추천: 0 |

토요일 MS MVP 행사가 있었다. 일요일 오후 즈음에는 도서 리뷰를 하려고 했는데, 이젠 나도 많이 늙었나보다. 오늘이 다 가는 시점에 컴퓨터를 켠다. 책은 받고 진작에 읽었는데... 리액트는 예전 초창기때부터 대충 알고 있었지만, 내 프로젝트에서 사용할 일이 없어서, 그냥저냥 새소식이 들려올때만 간간히 관심을 가졌다. 그러다, 최근에 MS 서비스 통합할때 자바스크립트 언어로 만든 것들이 많아서, 리액트를 다시 공부해보고자 마음을 먹었다. 요즘 대부분의 IT 기술이 너무 빠르게 나오기 때문에, 속도가 매우 ... 더보기

토요일 MS MVP 행사가 있었다. 일요일 오후 즈음에는 도서 리뷰를 하려고 했는데, 이젠 나도 많이 늙었나보다. 오늘이 다 가는 시점에 컴퓨터를 켠다.
책은 받고 진작에 읽었는데...
리액트는 예전 초창기때부터 대충 알고 있었지만, 내 프로젝트에서 사용할 일이 없어서, 그냥저냥 새소식이 들려올때만 간간히 관심을 가졌다.
그러다, 최근에 MS 서비스 통합할때 자바스크립트 언어로 만든 것들이 많아서, 리액트를 다시 공부해보고자 마음을 먹었다.

요즘 대부분의 IT 기술이 너무 빠르게 나오기 때문에, 속도가 매우 중요하다.
그 속도에는 배움의 학습 커브와 품질도 중요한 요소가 된다.
이 책은 리액트를 배우려는 초보 개발자에게 많은 도움이 될 것 같다.
그 이유는 나도 잘 모르기 때문에, 이 책을 통해 얼마나 빠르게 이해할 수는지도 하나의 기준이 될 수 있기 때문이다.
이 책을 읽으면서 별로 어렵지 않다고 생각되었다.
쉽게 설명되어진 글들과 간단한 이미지들이 리액트를 이해하는데 도움이 되었고, 예전 소스코드도 이해하는데 어려움이 없었다.
물론 오늘 처음으로 HTML 소스 코드를 보는 분들이 어렵게 생각할 수 있다. 다른 HTML, CSS, 자바스크립트 기본 문법을 알고 오는 것이 좋다.
문제는 중반이후 리액트의 주요 개념들로 들어가면서 부터, 개념들 부터 생소하여 나에게는 어려움으로 다가왔다.
그래도 이번 기회에 새로 나온 개념들까지 알게된 것 큰 수확이다.
다시 천천히 따라해보면서 공부하면 되니까...
약간의 단점이라면, 실습 내용의 소스 코드를 이미지로 올리셔서, 소스 코드 읽기가 좀 불편하였다.
텍스트로 제공하였으면 하는 생각이 들었다.

속도전이 가속화되는 시점에, 누가 더 쉬운 책으로 개념을 잘 잡느냐는 현재를 살아가는 우리에게는 중요한 문제이다.
그런 면에서, 처음 만난 리액트는 초보에게는 좋은 책일 것 같다.

소문난 명강의라는 부제가 붙은 것 보면, 학원 내지 동영상 사이트에서 유명하신 분인 것 같은데, 다음에는 무료 동영상으로 한번 접근해봐야겠다.
생활 코딩의 이고잉님의 리액트 강의도 유명한 것 같은데, 다음에 두 분 강의 다 듣고, 리뷰를 해보아야겠다.
---------------------
"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다." 닫기
[리뷰] 소플의 처음 만난 리액트 pa**entes | 2022-06-26 | 추천: 0 |

# 소플의 처음 만난 리액트 - 자바스크립트는 웹 애플리케이션 개발에 많이 활용하는 프로그래밍 언어입니다. - 자바스크립트는 다양한 라이브러리를 사용합니다. 이 책은 웹 서비스를 개발하는 리액트(React) 라이브러리를 대상으로 하고 있습니다. 리액트는 사용자와 상호작용이 많은 UI(User Interface)를 만들 때 주로 활용하는 라이브러리입니다. ## 처음 키보드를 잡아보는 사람에게 적합한 책 - 소플의 처음 만난 리액트의 가장 큰 특징은 리액트를 처음 접하는 입문자를 ... 더보기

# 소플의 처음 만난 리액트

- 자바스크립트는 웹 애플리케이션 개발에 많이 활용하는 프로그래밍 언어입니다.
- 자바스크립트는 다양한 라이브러리를 사용합니다. 이 책은 웹 서비스를 개발하는 리액트(React) 라이브러리를 대상으로 하고 있습니다. 리액트는 사용자와 상호작용이 많은 UI(User Interface)를 만들 때 주로 활용하는 라이브러리입니다.

## 처음 키보드를 잡아보는 사람에게 적합한 책

- 소플의 처음 만난 리액트의 가장 큰 특징은 리액트를 처음 접하는 입문자를 대상으로 한다는 점입니다. 이는 프로그래밍 관련 경험이나 지식이 없더라도, 책에서 소개하는 내용을 따라가다 보면 자연스럽게 하나의 웹 서비스(미니 블로그)를 만들 수 있습니다.
- 또한 리액트 라이브러리에 대한 내용만을 다루는 것이 아니라 HTML과 자바스크립트, CSS와 같이 웹 애플리케이션을 구성하는 핵심 요소를 추가적으로 설명하고 있습니다. 책에서는 CSS를 활용한 스타일링 방법을 15장에서 소개하고 있습니다.

## 초보자에게 친절한 내용

- 가끔 책을 보며 따라 하는 방식으로 학습하는 경우, 프로그래밍 언어의 버전이나 라이브러리 버전에 따라 책에서 소개하는 내용이 맞는지 확신이 안 서는 경우가 있습니다.
- 이 책은 각 장마다 실습을 진행하며 학습한 내용을 확인하는 과정을 거칩니다. 그뿐만 아니라 실습 화면을 사진으로 보여주고 확인이 필요한 부분을 표시하고 있어, 처음 배우는 사람에게도 헷갈리지 않고 잘 따라갈 수 있도록 도와줍니다.

> 한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다. 닫기
[서평] 처음만난 리액트 gw**gho561 | 2022-06-26 | 추천: 0 |

몇년전까지만 해도 자바스크립트 라이브러리가 다양하게 출시되었다. 이제는 웹 개발에 대세 언어가 React, Vue js로 흘러가는 듯 하다. 한빛미디어에서 제공받은 리액트 개념잡기 좋은 도서가 있어서 소개한다. 물론 이 책 한권으로 React 의 모든 것을 이해하는 것은 불가능하다. 다만, React에서 중요한 개념 (State, Hook, Props, Component)에 대해서 간략하게 이해하는데 도움을 주는 정도는 된다. ... 더보기

몇년전까지만 해도 자바스크립트 라이브러리가 다양하게 출시되었다.
이제는 웹 개발에 대세 언어가 React, Vue js로 흘러가는 듯 하다.

한빛미디어에서 제공받은 리액트 개념잡기 좋은 도서가 있어서 소개한다.
물론 이 책 한권으로 React 의 모든 것을 이해하는 것은 불가능하다.

다만, React에서 중요한 개념 (State, Hook, Props, Component)에 대해서 간략하게 이해하는데 도움을 주는 정도는 된다.

매 장마다 개념소개와 예시코드를 정리해놓아서 따라하기 편리하게 책 내용이 구성되어 있다.

한 가지 아쉬운 점은, 예시 프로젝트 캡쳐화면에 코드가 제대로 보이지 않는다는 점이다.

핵심코드는 글자 크기를 키워서 보여주는게 독자를 배려하는 게 아닐까 한다.

저자가 직접 리액트을 개발하면서 느낀점들도 책 내용 중간에 포함되어 있어서 공감하면서 읽었다.

닫기
[Book Review] 소문난 명강의 소플의 처음 만난 리액트 be**91216 | 2022-06-26 | 추천: 0 |

한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다. Intro 백엔드만 공부하던 학생이지만, 언젠가는 프론트도 해봐야 하지 않겠나 매번 생각했습니다. 그러나 자바스크립트까지 자세히 공부하기에는 시간이 항상 부족했습니다. 백엔드를 위한 기술스택 공부하기에도 바쁜데 프론트까지 언제 하고 있겠어요. 또한, 서점에 가서 책들을 살펴보면 자바스크립트 책이 두껍더라고요. 그래서 자연스럽게 프론트는 알아야 할 것도 많고 진입장벽이 높다는 생각을 갖게 됐었습니다.... 더보기

한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.

Intro

백엔드만 공부하던 학생이지만, 언젠가는 프론트도 해봐야 하지 않겠나 매번 생각했습니다. 그러나 자바스크립트까지 자세히 공부하기에는 시간이 항상 부족했습니다. 백엔드를 위한 기술스택 공부하기에도 바쁜데 프론트까지 언제 하고 있겠어요. 또한, 서점에 가서 책들을 살펴보면 자바스크립트 책이 두껍더라고요. 그래서 자연스럽게 프론트는 알아야 할 것도 많고 진입장벽이 높다는 생각을 갖게 됐었습니다. 그러던 중 이 책을 발견하게 됐고, 이 책의 대상 독자에
HTML과 자바스크립트를 다뤄본 경험이 있다면 수월하게 이 책의 과정을 따라갈 수 있습니다. 이와 같은 웹 개발을 위한 기초 내용을 배운 적이 없거나 웹 개발 경험이 없더라도 이 책의 학습 과정을 따라갈 수 있도록 HTML과 자바스크립트, CSS의 기초적인 내용을 설명하고 있습니다.
라고 적혀져 있어서 선택하게 됐습니다.

Book Review

리액트 입문자를 위한 책

위의 Intro에서도 언급했듯이 초반부에 HTML, CSS, JavaScript에 대해 먼저 간단하게 설명합니다. 솔직히 이 책을 읽는 사람이 정말 HTML, CSS, JavaScript에 대해 모를리는 없지만 그래도 간단하게라도 정리해주고 시작하는 것이 입문자에게는 매우 도움이 될 것이라 생각했습니다. 그 후 리액트가 무엇이고 리액트가 어떻게 동작하는지, 왜 리액트를 사용하는지 등을 잘 설명합니다. 전체적인 설명이 적절한 비유와 예시를 들어가며 설명하여 이해하기 편했습니다.
또한, 저는 저자분께서 제공하는 강의를 활용하면서 공부했습니다. 그렇게 길지 않고 짧은 강의들이라 듣는데도 부담감이 없었고 저 같은 입문자들에게는 많은 도움이 될 것 같습니다.
Chapter마다 마지막에 간단하게 정리가 되어 있어 이번 Chapter에서는 무엇을 배웠나 다시 생각해볼 수도 있어서 좋았습니다.
마지막에는 지금까지 배운 내용을 활용하여 간단하게 블로그를 만들어보는 미니 프로젝트를 진행합니다. 점검 차원에서 매우 도움이 됐습니다. 조금 아쉬운 점은 또 다른 주제의 프로젝트도 있었다면 복습하는 데 도움이 됐을 것 같습니다.

대상 독자

리액트에 입문하시는 분께 추천합니다. 또한, 프론트엔드 개발자를 목표로 하시는 분들께 추천합니다. 개발자와 함께 일하시는 분들께도 추천합니다. 특히 비개발자인 기획자, 디자이너분들께도 큰 도움이 될 것 같습니다.

닫기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

문장수집 안내

문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요"하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.

1. 리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해 드립니다.

e교환권은 적립일로부터 180일 동안 사용 가능합니다.

리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.

리워드는 한 상품에 최초 1회만 제공됩니다.

주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법	마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)
반품/교환가능 기간	변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용	변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 (단지 확인을 위한 포장 훼손은 제외) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 예) 화장품, 식품, 가전제품(악세서리 포함) 등 복제가 가능한 상품 등의 포장을 훼손한 경우 예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서) 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우 (1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절	공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
소비자 피해보상 환불지연에 따른 배상	상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함