<전문가를 위한 리액트> React를 제대로 이해하고 싶은 개발자라면,

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

 

 

<전문가를 위한 리액트>

React를 제대로 이해하고 싶은 개발자라면, 반드시 읽어야 할 책

이 책은 프론트엔드 개발자로 성장하고 싶은 나에게, React를 사용하며 프로젝트를 진행하는 나에게,

넓은 시야와 깊은 이해를 선물해 주었다. 

https://www.hanbit.co.kr/store/books/look.php?p_code=B3738518904

전문가를 위한 리액트

 

조금 더 자세히 설명해보면

1장은
웹 브라우저의 발전과 함께 Vanilla JavaScript만으로는 한계를 느끼게 된 개발 환경을 설명하며,
JavaScript 프레임워크가 등장한 배경을 이야기한다.
즉, React가 왜 필요하게 되었는지를 이해할 수 있도록 구성되어 있다.

 

2장부터는 React의 핵심 개념이 하나씩 소개된다.
JSX, Virtual DOM, Reconciliation, useMemo(), React.memo(), useCallback() 등의 최적화 기법이 등장하며,
React가 브라우저에서 어떻게 동작하는지 설명한다.
특히, 코드 사용법을 나열하는 대신 동작 원리를 예제와 함께 설명하여 개념을 깊이 이해할 수 있도록 돕는다.

 

각 장의 끝에는 <복습하기> 섹션이 있어서 해당 챕터의 핵심 내용을 질문으로 정리해준다.
이 질문들에 답을 하면서 내용을 다시 한 번 정리할 수 있다.
개인적으로 나는 이 <복습하기> 부분이 가장 유용했다.

 

책을 읽다 보면, 핵심 내용을 놓치는 경우가 많다.
깊이 있는 개념을 배우고 난 후 ‘내가 방금 읽은 내용이 뭐였지? 핵심이 뭘까?’라는 생각이 들곤 한다.
하지만 이 "복습하기" 덕분에 미시적인 개념을 공부하면서도,
거시적인 시각에서 큰 틀을 정리할 수 있었다.
책을 읽고 내 언어로 다시 정리하는 과정을 통해 어렴풋이 알고 있던 개념을 명확하게 정리할 수 있었다.

 

React가 VirtualDOM을 생성해 변경된 부분만
실제돔에 업데이트 해 동작한다는 건 기본적으로 알고 있었으나,
책을 통해 VirtualDOM은 동작하는 방식에 대해 자세히 살펴볼 수 있었다.

 

책에서 다룬 주요 내용을 간략히 정리해보면,
VirtualDOM은 HTML문서를 JavaScript객체로 모델링 한 것이다.
책에서는 VritualDOM이 실제DOM을 어떻게 객체 형태로 복사하는지,
두 DOM을 어떻게 비교하는지, VirtualDOM이 어떻게 효율적으로 업데이트를 하는지에 설명한다.

React가 동작하는 코드를 모두 이해할 순 없었지만
‘이런 방식으로 동작한다’라는 정도로 이해하기에는 충분했다.
그 이해를 바탕으로 React를 더 넓은 시야로 사용할 수 있게 될 것 같다는 생각도 들었다.

 

5장은 React의 최적화 기법에 대한 내용을 설명한다.
책을 읽으면서 내 프로젝트에 직접 적용할 법한 아이디어가 떠올라 책에 더 집중이 갔다.

 

6장은 SSR(서버 사이드 렌더링)에 대한 내용이다.
React는 기본적으로 CSR(클라이언트 사이드 렌더링)으로 동작하기 때문에
첫 로딩시간이 길어진다는 것과 SEO(검색엔진 최적화)에 취약하다는 단점이 있다.
이로 인해 SSR(서버 사이드 렌더링)이 주목받게 되는 과정을 설명한다. 

React로 SSR을 구현하게 될때, 처음 서버에서 받아오는 정적HTML 페이지와
JavaScript다운로드 후 동적인 페이지를 매핑시키는 개념인 hydration을 소개하면서
자연스럽게 SSR 프레임워크 Next.js 를 소개한다.

 

책의 막바지에 이르면
JavaScript → React → Next.js로 이어지는 발전 과정이 머릿속에 정리되는 느낌을 받는다.
어떻게 React가 나오게 되었으며, React가 어떻게 동작하고 그 한계는 무엇인지,
또 그것을 어떻게 해결하는지에 대한 윤곽을 그려볼 수 있다. 

 

단순히 코드를 사용해 프로그래밍 언어를 학습하는 것도 좋지만,
그 배경을 알아가며 기술의 흐름을 이해하는 것이 얼마나 중요한지 깨닫게 되었다.
이 책을 통해 React를 더 깊이 이해하고 더 넓은 시야로 바라볼 수 있게 된 시간이었다.