음성 검색
QR/바코드 검색
품목정보
| 발행일 | 2022년 11월 07일 |
|---|---|
| 쪽수, 무게, 크기 | 280쪽 | 532g | 183*235*14mm |
| ISBN13 | 9791169210454 |
| ISBN10 | 1169210457 |
모던 자바스크립트로 배우는 리액트 입문
: 유데미 리액트 강의 최고 평가를 받은 인기 강사에게 배우는 실전 리액트
자케(오카다 다쿠미) 저 / 김모세 역
|
한빛미디어
|
2022년 11월 07일
저자/출판사 더보기/감추기
- 웹사이트 top100 23주
분철서비스 시작 시 알려드립니다.
분철서비스 알림신청
- 원서이동
- eBook
16,560원이동 - 이미 소장하고 있다면 판매해 보세요! 이 상품 팔기 매입가 3,500원 더보기/감추기
![[대학생X취준생] 학점/시험/취업 모두 파이팅 해야지!](https://image.yes24.com/sysimage/renew/loadSpace.png)
관련분류
- -국내도서 > IT 모바일 > 웹사이트 > HTML/JavaScript/CSS/jQuery
- -국내도서 > IT 모바일 > 프로그래밍 언어 > JavaScript/CGI
- -국내도서 > IT 모바일 > 프로그래밍 언어 > 프로그래밍 언어 기타
책소개 책소개 보이기/감추기
목차 목차 보이기/감추기
| Chapter 1 모던 자바스크립트 기초 1.1 모던 자바스크립트 개요 1.2 DOM, 가상 DOM 1.3 패키지 관리자 1.4 ECMAScript 1.5 모듈 핸들러, 트랜스파일러 1.6 SPA와 기존 웹 시스템의 차이 1.7 정리 Chapter 2 모던 자바스크립트 기능 익히기 2.1 const, let을 이용한 변수 선언 2.2 템플릿 문자열 2.3 화살표 함수 ( ) =〉 { } 2.4 분할 대입 { } [ ] 2.5 디폴트값 = 2.6 스프레드 구문 ... 2.7 객체 생략 표기법 2.8 map, filter 2.9 [덤] 삼항 연산자 2.10 [덤] 논리 연산자의 원래 의미 && || 2.11 정리 Chapter 3 자바스크립트에서 DOM 조작 3.1 자바스크립트를 이용한 DOM 액세스 3.2 DOM 작성, 추가, 삭제 3.3 자바스크립트를 이용해 DOM 조작하기 3.4 정리 Chapter 4 리액트 기본 4.1 React 개발 시작하기 4.2 JSX 표기법 4.3 컴포넌트 사용 방법 4.4 이벤트와 스타일 4.5 Props 4.6 State(useState) 4.7 재렌더링과 부작용(useEffect) 4.8 export 종류 4.9 정리 Chapter 5 리액트와 CSS 5.1 Inline Styles 5.2 CSS Modules 5.3 Styled JSX 5.4 styled components 5.5 Emotion 5.6 Tailwind CSS 5.7 정리 Chapter 6 재렌더링 구조와 최적화 6.1 재렌더링이 발생하는 조건 6.2 렌더링 최적화 1(memo) 6.3 렌더링 최적화 2(useCallback) 6.4 변수 메모이제이션(useMemo) 6.5 정리 Chapter 7 글로벌 State 관리 7.1 글로벌 State 관리가 필요한 이유 7.2 Context에서 State 관리 7.3 기타 글로벌 State 취급 방법 7.4 정리 Chapter 8 리액트와 타입스크립트 8.1 타입스크립트 기본 8.2 API로 얻은 데이터에 대한 타입 정의 8.3 Props에 대한 타입 정의 8.4 타입 정의 관리 방법 8.5 컴포넌트 타입 정의 8.6 생략 가능한 타입 정의 8.7 옵셔널 체이닝 8.8 라이브러리 타입 정의 8.9 정리 Chapter 9 사용자 정의 훅 9.1 사용자 정의 훅 9.2 사용자 정의 훅 템플릿 작성 9.3 사용자 정의 훅 구현 9.4 정리 |
상세 이미지 상세 이미지 보이기/감추기
상품 이미지를 확대해서 볼 수 있습니다.
원본 이미지
저자 소개 (2명)
출판사 리뷰 출판사 리뷰 보이기/감추기
리액트가 어려운 이유는
자바스크립트에 대한 이해가 부족하기 때문입니다
리액트 학습에 어려움을 느끼는 사람들은 대부분 자바스크립트에 대한 이해가 부족합니다. 예를 들어 가상 DOM, 모듈 핸들러, 분할 대입, 스프레드 구문, 화살표 함수 가운데 하나라도 제대로 알지 못한다면 리액트를 공부하더라도 이해하기 어려울 수 있습니다. 하지만 걱정하지 않아도 됩니다. 이 책은 바로 리액트를 배우기 어려운 이유를 잘 알고 있는 저자가 썼습니다. 온라인 동영상 학습 플랫폼 유데미에서 강의하고 최고 평가를 받은 리액트 강사가 직접 전하는 리액트 입문서를 만나보세요. 모던 자바스크립트 기초를 익히고 리액트를 배우면 분명 전과는 다른 세상이 보일 것입니다.
★ 대상 독자
● 리액트를 배우고 싶은 입문자
● 자바스크립트도 리액트도 어려운 프런트엔드 개발 입문자
● 기존 자바스크립트에서 모던 자바스크립트로의 변화가 궁금한 개발자
● 모던 프런트엔드의 개요를 파악하고 싶은 백엔드 또는 인프라 개발자
★ 이 책의 구성
이 책은 회사에 다니는 주인공의 리액트 학습 과정을 이야기 형식으로 그리고 있습니다. 각 장 도입 부분의 Episode에서 배울 내용을 소개하고 이어서 그와 관련된 기술을 설명합니다.
● 1~3장에서는 리액트를 공부하기 전에 알아야 할 자바스크립트 기초를 배웁니다. 리액트를 포기하지 않고 학습하기 위해서는 이 부분이 매우 중요합니다.
● 4~9장에서는 리액트 기본, 리액트에서 CSS 다루기, 재렌더링, 글로벌 State 관리, 리액트 개발에 타입스크립트 사용하기 등 리액트 개발에 필요한 지식을 소개합니다.
자바스크립트에 대한 이해가 부족하기 때문입니다
리액트 학습에 어려움을 느끼는 사람들은 대부분 자바스크립트에 대한 이해가 부족합니다. 예를 들어 가상 DOM, 모듈 핸들러, 분할 대입, 스프레드 구문, 화살표 함수 가운데 하나라도 제대로 알지 못한다면 리액트를 공부하더라도 이해하기 어려울 수 있습니다. 하지만 걱정하지 않아도 됩니다. 이 책은 바로 리액트를 배우기 어려운 이유를 잘 알고 있는 저자가 썼습니다. 온라인 동영상 학습 플랫폼 유데미에서 강의하고 최고 평가를 받은 리액트 강사가 직접 전하는 리액트 입문서를 만나보세요. 모던 자바스크립트 기초를 익히고 리액트를 배우면 분명 전과는 다른 세상이 보일 것입니다.
★ 대상 독자
● 리액트를 배우고 싶은 입문자
● 자바스크립트도 리액트도 어려운 프런트엔드 개발 입문자
● 기존 자바스크립트에서 모던 자바스크립트로의 변화가 궁금한 개발자
● 모던 프런트엔드의 개요를 파악하고 싶은 백엔드 또는 인프라 개발자
★ 이 책의 구성
이 책은 회사에 다니는 주인공의 리액트 학습 과정을 이야기 형식으로 그리고 있습니다. 각 장 도입 부분의 Episode에서 배울 내용을 소개하고 이어서 그와 관련된 기술을 설명합니다.
● 1~3장에서는 리액트를 공부하기 전에 알아야 할 자바스크립트 기초를 배웁니다. 리액트를 포기하지 않고 학습하기 위해서는 이 부분이 매우 중요합니다.
● 4~9장에서는 리액트 기본, 리액트에서 CSS 다루기, 재렌더링, 글로벌 State 관리, 리액트 개발에 타입스크립트 사용하기 등 리액트 개발에 필요한 지식을 소개합니다.
회원리뷰 (29건)
혜택 및 유의사항?
3월 한빛출판사의 '나는 리뷰어다'에서 선정된 도서는 '모던 자바스크립트로 배우는 리액트 입문'입니다.
말 그대로 '리액트 입문'에 정말 좋은 책입니다. 입문에 좋다는 얘기는 결국 맛보기에는 좋지만 깊이있게 들어가려면 또다른 공부를 해야 한다는 말이기도 한데요 이 책으로 기본을 쌓고 깊이있게 들어가거나 필드에서 경험하면 괜찮겠다는 생각을 했습니다.
책의 구성을 보면 1~;
리뷰제목
3월 한빛출판사의 '나는 리뷰어다'에서 선정된 도서는 '모던 자바스크립트로 배우는 리액트 입문'입니다.
말 그대로 '리액트 입문'에 정말 좋은 책입니다. 입문에 좋다는 얘기는 결국 맛보기에는 좋지만 깊이있게 들어가려면 또다른 공부를 해야 한다는 말이기도 한데요 이 책으로 기본을 쌓고 깊이있게 들어가거나 필드에서 경험하면 괜찮겠다는 생각을 했습니다.
책의 구성을 보면 1~3장까지는 모던 자바스크립트에 대한 얘기를 합니다. 개발자를 그만두고 보안 업무를 한지도 벌써 5년이 넘은 지금 제가 사용하는 자바스크립트 구문이 너무 오래 된 구문이라는 걸 알고는 있었지만 너무 강하게 느끼게 해준 챕터입니다. 그리고 너무나 당연하게 쓰고 있던 자바스크립트 연산자 등도 다시한번 생각하게 해준 챕터입니다.
자바스크립트 잘 쓰고 있으니 바로 리액트로 들어가면 되겠다 생각하셨던 개발자 분들도 한번쯤 훑어보면 괜찮을 것 같다는 생각이 듭니다.
4장에서는 리액트 기본에 대해 얘기하는데요 백엔드에서는 node.js, 프론트앤드에서는 jquery를 주로 써왔던 저로서는 같은듯 다른듯 한 부분이 너무 많아 혼란스러운 부분이 없지는 않았습니다만 정말 리액트의 기본이 되는 개념들에 대한 얘기라 반드시 알고 지나가야 할 챕터입니다.
5장에서는 CSS에 대해 얘기하는데요 개인적으로 기존 프론트앤드 작업을 할 때에도 CSS는 너무나 어려웠고 지금도 CSS는 계속 어렵지만 스타일을 잡는게 어려운거지 문법이 어려운건 아닌만큼 이 챕터는 기존 CSS가 이런 방식으로 사용되는구나를 알고 넘어갈 수 있을 것 같습니다.
6장은 랜더링에 관한 내용인데요 저처럼 예전의 모든 처리는 백엔드에서 하고 프론트엔드는 단순히 뿌려주기만 했던 시기에 머물러 계신 분들이라면 7장과 더불어 너무나 혼란스러울만한 챕터입니다. 6장에서는 랜더링과 재랜더링 과정에서 최적화를 얘기하고 있고 7장은 여러 컴포넌트에서 사용할 수 있는 글로벌 State 관리에 대해 얘기하는데 이전의 프론트엔드에서는 전혀 고려할 필요가 없었던 부분이지만 프론트엔드에서 처리하는 범위가 넓어짐에 따라 성능관리나 상태관리가 중요해진 듯 합니다. 이 부분이야말로 책을 보면서 개념은 익혔지만 대규모 접속이 발생하는 프로젝트를 경험해보지 않으면 와닿지 않는 챕터가 아닐까 싶습니다.
8장은 타입스크립트에 대한 내용입니다. 자바스크립트를 사용하시던 많은 분들이 이미 타입스크립트를 사용하고 계시는걸로 알고 있는데요 어찌보면 자바스크립트가 유난히 타입에 대한 고민이 불필요했고 그게 장점이자 단점으로 작용한 만큼 문법을 익혀야 하기는 하지만 다른 언어를 공부해보신 분들이라면 그리 낯선 개념은 아닐것 같습니다.
9장에서는 사용자 정의 훅을 다루고 있는데요 컴포넌트를 분리하여 사용하는데 꼭 필요한만큼 대규모 프로젝트로 가면 갈수록 유용해질만한 기능입니다.
부록으로 실전 연습할만한 문제를 제시해 주고 있습니다. 새로운 언어를 배우고 나면 사이드 프로젝트를 고민하는 경우도 많은데요 본인이 필요로 하는 어플리케이션을 만들어보는것도 좋지만 막막하다면 이런 문제를 풀어나가보는것도 좋을 것 같습니다.
리액트에 대해 들어본지는 꽤 됐습니다만 공부해볼 생각을 하지 못했고 아직 프론트엔드는 백엔드에서 처리한 내용 불러와서 뿌려주기만 하면 되는거 아닌가 라고 생각했던 저에게는 발상의 전환을 일으켜 준 책입니다. 프론트엔드 엔지니어로 시작하려는 분들은 말할 것도 없고 복잡한 프론트엔드 작업을 하는게 아니더라도 프론트엔드 엔지니어와 협업이 필요한 백엔드 엔지니어도 훑어보시면 많은 도움이 되지 않을까 싶습니다.
"한빛미디어 ＜나는 리뷰어다＞ 활동을 위해서 책을 제공받아 작성된 서평입니다."
리액트 공부를 시작하려는 분들을 위해 리액트 입문자용 책을 소개합니다. 제목은 '모던 자바스크립트로 배우는 리액트 입문'이에요. 제목에 '입문'이라고 나와 있듯이 초보자를 위한 책입니다.
지은이는 '오카다 다쿠미'라는 일본인입니다. 일본인이 쓴 IT 서적은 개인적으로 오랜만이네요. 이 분은 유데미에서 3개의 강좌를 하고 있고, 평점이 전부 높습니다. 4.6 ~ 4.8을 유;
리뷰제목
리액트 공부를 시작하려는 분들을 위해 리액트 입문자용 책을 소개합니다. 제목은 '모던 자바스크립트로 배우는 리액트 입문'이에요. 제목에 '입문'이라고 나와 있듯이 초보자를 위한 책입니다.
지은이는 '오카다 다쿠미'라는 일본인입니다. 일본인이 쓴 IT 서적은 개인적으로 오랜만이네요. 이 분은 유데미에서 3개의 강좌를 하고 있고, 평점이 전부 높습니다. 4.6 ~ 4.8을 유지하고 있어요.
본인의 코딩 스타일이 책이냐? 강의냐? 에 따라 선택을 하면 될 것 같은데요. 오카다 다쿠미한테 배우고 싶다면 일본어로 된 인강 대신 한국어로 번역된 책을 선택해야겠습니다.
'모던 자바스크립트로 배우는 리액트 입문'은 초보자용 책 답게 부담없는 페이지 수를 가지고 있습니다. 300p 가 안되기 때문에 IT 서적 중에서는 적은 볼륨이라 할 수 있겠네요. 하지만 무시해서는 안되겠습니다. 제가 봤을 때는 이 책만 마스터해도 리액트를 충분히 깊히 파고들 수 있는 기본 지식은 습득하는 것이거든요. 간혹 코딩 입문자들이 처음부터 두껍고 무거운 책을 구입하는 경우가 있는데, 제 생각에는 단계를 천천히 밟아 나가는 것이 길게 가는 방법인 것 같습니다.
책의 목차를 잠시 보면 챕터3까지는 자바스크립트의 기본에 대해 학습합니다. 리액트의 기본 언어가 자바스크립트이기 때문에 JS의 기본적인 문법은 숙지하고 리액트로 넘어가는 것이 당연하겠죠. 챕터4부터 챕터9까지는 리액트로 채워져 있습니다.
조금 특이한 것은 만화적인 구성으로 재미를 높인 점입니다. 보통 코딩 책은 소스코드와 결과, 그리고 설명이 나열되어 있어서 보다보면 좀 따분하잖아요? '모던 자바스크립트로 배우는 리액트 입문'은 등장인물의 대화를 통해 입문자가 궁금해 할만한 상황을 알려주는 것이 흥미로웠습니다.
"한빛미디어 ＜나는 리뷰어다＞ 활동을 위해서 책을 제공받아 작성된 서평입니다."
몇해전 코딩 열풍에 힘입어 문과형 직장인들도 프로그래밍 세계에 많이들 뛰어들었다. 하지만 HTML, CSS까지는 외국어 배우는 것처럼 기본과정을 어렵지 않게 잘 이해하고 넘어갔다. 생활코x이라는 사이트가 아주 많은 사람들에게 도움을 주었고, 니콜라x라는 외국인 유투버도 상당히 많은 자극과 인사이트를 주면서 이 프로그래밍이라는 것이 정말 어렵지 않은 것처럼 인식되었다. 하지;
리뷰제목
몇해전 코딩 열풍에 힘입어 문과형 직장인들도 프로그래밍 세계에 많이들 뛰어들었다. 하지만 HTML, CSS까지는 외국어 배우는 것처럼 기본과정을 어렵지 않게 잘 이해하고 넘어갔다. 생활코x이라는 사이트가 아주 많은 사람들에게 도움을 주었고, 니콜라x라는 외국인 유투버도 상당히 많은 자극과 인사이트를 주면서 이 프로그래밍이라는 것이 정말 어렵지 않은 것처럼 인식되었다. 하지만 자바스크립트로 넘어가면서 부터 초보와 기본이 확실히 어려워지고 이제 단순한 언어배우듯 하는 것이 아니라 컴퓨터와 네트워크가 작동하는 원리와 결합되는 사고를 함께해야하는 것처럼 되었다.
어떻게 해서 자바스크립트의 기본을 숙달하게 되었는데 그것으로는 구현하고 표현하기가 쉽지 않았고 기본형에 어플리케이션처럼 붙는 패키지가 리액트라는 것을 알았다.
생각보다 잘 구현되지 않고 리액트가 어려운 이유를 저자는 자바스크립트에 대한 이해 부족과 잘못된 학습 순서를 이야기한다. 리액트를 공부하기던 알아야할 자바스크립트의 기본을 다시 건드린 다음 리액트 개발에 필요한 지식들을 소개하고 있다. 책의 구성은 일본의 재미있는 시리즈 책처럼 직장 초년병이 선배에게 노하우를 전수받는 방식으로 접근하고 있다. 책 중간중간에 도와주세요 선배님! 코너나 각 에피소드 도입부분에 배울 내용들을 사키오카라는 선배가 누시다라는 후배에게 잘 가르쳐주고 있다.
책의 구성은 우선 모던 자바스크립트의 기초를 잘 가르쳐주고 있다. DOM, 가상DOM, 패키지관리자의 중요성, SPA와 기존 웹 시스템의 차이를 정리해주고 2장에서는 모던 자바스크립트의 기능인 변수선언, 템플릿 문자열, 함수, 스프레드 구문에 대한 조금은 리액트 구현을 위해 꼭 알아두고 정리해야할 것들에 대해서 단단히 학습을 해주고 있다. 이책은 거의 100페이지가 조금 못되는 분량을 기존 자바스크립트 기본에 대해 할애하고 있다. 이는 바로 리액트 기본에 들어가기보다는 리액트 개발을 위한 필수개념을 저자가 중점적으로 생각하는 기본을 확실히 해두고 싶었던 것 같다.
리액트 기본에 들어가서도 컴포넌트사용법, 이벤트와 스타일, export 종류에 대해서 정리하고 CSS와 리액트의 관계에 대해서도 비교적 자세하게 설명해주고 있다. 또한 렌더링 최적화, 글로벌 state 관리, 타입스크립트, 사용자 정의 훅, 실전연습들을 통해 리액트의 독특한 표기법, 세계관, 활용법에 대해 일목 요연하게 잘 저술하였다.
저자가 유데미에서 리액트로 최고평가를 받은 강사이기 때문에 정말 학습자 입장과 관점에서 쓰여진 교재라는 생각들었다. 자바스크립트에서 리액트로 확실히 넘어가기 위하 최적의 교과서라고 생각한다.
"한빛미디어 ＜나는 리뷰어다＞ 활동을 위해서 책을 제공받아 작성된 서평입니다."
어떻게 해서 자바스크립트의 기본을 숙달하게 되었는데 그것으로는 구현하고 표현하기가 쉽지 않았고 기본형에 어플리케이션처럼 붙는 패키지가 리액트라는 것을 알았다.
생각보다 잘 구현되지 않고 리액트가 어려운 이유를 저자는 자바스크립트에 대한 이해 부족과 잘못된 학습 순서를 이야기한다. 리액트를 공부하기던 알아야할 자바스크립트의 기본을 다시 건드린 다음 리액트 개발에 필요한 지식들을 소개하고 있다. 책의 구성은 일본의 재미있는 시리즈 책처럼 직장 초년병이 선배에게 노하우를 전수받는 방식으로 접근하고 있다. 책 중간중간에 도와주세요 선배님! 코너나 각 에피소드 도입부분에 배울 내용들을 사키오카라는 선배가 누시다라는 후배에게 잘 가르쳐주고 있다.
책의 구성은 우선 모던 자바스크립트의 기초를 잘 가르쳐주고 있다. DOM, 가상DOM, 패키지관리자의 중요성, SPA와 기존 웹 시스템의 차이를 정리해주고 2장에서는 모던 자바스크립트의 기능인 변수선언, 템플릿 문자열, 함수, 스프레드 구문에 대한 조금은 리액트 구현을 위해 꼭 알아두고 정리해야할 것들에 대해서 단단히 학습을 해주고 있다. 이책은 거의 100페이지가 조금 못되는 분량을 기존 자바스크립트 기본에 대해 할애하고 있다. 이는 바로 리액트 기본에 들어가기보다는 리액트 개발을 위한 필수개념을 저자가 중점적으로 생각하는 기본을 확실히 해두고 싶었던 것 같다.
리액트 기본에 들어가서도 컴포넌트사용법, 이벤트와 스타일, export 종류에 대해서 정리하고 CSS와 리액트의 관계에 대해서도 비교적 자세하게 설명해주고 있다. 또한 렌더링 최적화, 글로벌 state 관리, 타입스크립트, 사용자 정의 훅, 실전연습들을 통해 리액트의 독특한 표기법, 세계관, 활용법에 대해 일목 요연하게 잘 저술하였다.
저자가 유데미에서 리액트로 최고평가를 받은 강사이기 때문에 정말 학습자 입장과 관점에서 쓰여진 교재라는 생각들었다. 자바스크립트에서 리액트로 확실히 넘어가기 위하 최적의 교과서라고 생각한다.
"한빛미디어 ＜나는 리뷰어다＞ 활동을 위해서 책을 제공받아 작성된 서평입니다."
