[책 리뷰] 전문가를 위한 리액트

 

리액트는 현대 웹 개발에서 가장 널리 사용되는 라이브러리 중 하나입니다. 하지만 리액트를 사용하면서도 표면적으로만 알고 사용하고 있다는 생각을 종종 했습니다.  "프론트엔드 기술 중 가장 인기가 많다" 라는 이유로 리액트 공부를 시작했었는데, 이 책은 왜 리액트를 사용해야 하는지, 기존 웹 기술과 비교했을 때 어떤 차별점이 있는지 등 리액트를 깊게 이해하는데 큰 도움이 되었습니다.

 

 

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

 

 

개요

전문가를 위한 리액트는, 왜 리액트인가. 이런 근본적인 질문에서 출발하여, 리액트의 핵심 개념과 내부 동작 방식을 깊이 있게 다룹니다. 기능 설명뿐만 아니라, 리액트가 등장하기 전의 웹 개발 패러다임과 비교하며 리액트의 강점을 코드 기반으로 설명합니다. 또한 리액트의 핵심 개념들-JSX, 가상 DOM, 재조정, 고급 최적화 기법 등을 깊이 있게 설명하며, 실무에서 유용한 패턴과 자주 묻는 질문들을 정리하여 리액트 활용에 대한 실질적인 도움을 제공합니다.

 

주요 목차는 다음과 같습니다.

🕊️목차

01. 입문자를 위한 지식
02. JSX
03. 가상 돔
04. 재조정
05. 자주 묻는 질문과 유용한 패턴
06. 서버 사이드 리액트
07. 리액트 동시성
08. 프레임워크
09. 리액트 서버 컴포넌트
10. 리액트 대체제
11. 마치며

 

왜 리액트인가

1장은 "왜 리액트를 사용해야 하는가?"라는 질문으로 시작하며, 제이쿼리, 백본, 녹아웃, 앵귤러 등 리액트 이전에 사용되던 다양한 웹 기술들을 자바스크립트 코드와 함게 비교합니다. 이를 통해 리액트가 등장한 배경과, 기존 기술들이 갖고 있던 한계를 어떻게 극복했는지 이해할 수 있습니다. 역사적 흐름 소개를 넘어, 웹 기술이 점진적으로 발전해 온 과정과 이를 통해 리액트가 어떤 차별점을 갖는지를 명확하게 설명합니다. 웹 기술의 역사를 이해하면서, 리액트가 어떻게 "유행하는 라이브러리"를 넘어 현대 웹 개발에서 필수적인 도구로 자리잡았는지를 더욱 분명하게 알 수 있었습니다. 생소한 레거시 기술들을 알고 이해할 수 있어서 좋았습니다.

 

리액트 심층 학습

책을 펼치자마자 "진짜다" 라는 느낌이 확 들었습니다. 1장에서는 리액트 이전의 웹 기술들을 설명하는데, 이런 기술들이 있었다는 형식적인 설명이 아닙니다. 이전 기술들이 어떻게 발전했고, 왜 한계를 가질 수 밖에 없었으며, 그러한 문제점을 해결하기 위해 리액트가 어떤 접근 방식을 도입했는지를 깊이 파고듭니다. 

 

이어지는 챕터에서는 JSX, 가상 DOM 등 리액트의 핵심 개념들을 깊게 학습할 수 있습니다. 원본 소스코드를 기반으로 각 기능이 실제로 어떻게 동작하는지를 분석합니다. 개인적으로 가장 인상적이었던 챕터는 5장 자주묻는 질문과 유용한 패턴이었습니다. 리액트로 프로젝트를 진행하면서 자주 사용했던 메모이제이션, 상태관리 등의 개념을 원본 소스코드와 함께 분석하며 설명하는데, 이를 통해 해당 개념들을 더 명확하게 이해할 수 있었습니다. "쓸 줄 안다"에서 그쳤다면, 이제는 당당하게 "알고 쓴다"라고 말할 수 있을 것 같습니다. 

 

6장에서는 SSR을 다룹니다. CSR의 한계로 인해 대두된 SSR의 필요성을 설명하며, SEO 최적화, 성능 향상 등의 이점을 분석합니다. 개인적으로 흥미로웠던 부분은 서버 렌더링을 수동으로 추가하는 방법을 다룬 부분이었습니다. 서버 렌더링을 적용하기 위해 Next.js를 사용하곤 했는데, 이 책에서는 서버 렌더링을 직접 추가하는 방법을 다룹니다. 서버 렌더링이 어떻게 이루어지는지, 클라이언트와 서버가 어떻게 상호작용하는지를 보다 깊이 이해할 수 있었습니다. Next.js를 사용하면서 SSR의 원리를 제대로 이해하지 못했던 분들에게는 이 장이 특히 큰 도움이 될 것 같습니다.

 

8장에서는 프레임워크를 다룹니다. 프레임워크가 필요한 이유와, 프레임워크가 공통으로 제공하는 세 가지 핵심 기능(서버 렌더링, 라우팅, 데이터 페칭)에 대해 설명합니다. 또한, 인기 있는 프레임워크인 Remix와 Next.js를 비교하며, 각각의 장단점을 분석합니다. 특히 서버 렌더링, 라우팅, 데이터 페칭에 대한 상세한 설명 이후, 프레임워크 선택 기준을 제시하여 어떤 상황에서 어떤 프레임워크를 선택해야 하는지에 대한 명확한 가이드를 제공합니다.

 

11장 마치며에서는 핵심 요약이 제공됩니다. 또한 업데이트 소식을 들을 수 있는 정보 출처도 정리되어 있는데, 이 부분이 너무 감동적이었습니다.리액트 공식 문서뿐만 아니라, 리액트 코어팀의 X(구 트위터) 계정, 리액트 커뮤니티 크리에이터들의 계정, 그리고 다양한 관련 커뮤니티 정보가 정리되어 있습니다. 이런 정보는 하나하나 찾는 데도 많은 시간이 걸릴 텐데, 이렇게 정리되어 있는 세심함이 감동적이었습니다. 책을 다 읽고 끝이 아니라 이후에도 지속적으로 리액트의 발전을 따라갈 수 있도록 도와준다는 점에서, 학습의 동반자 같은 느낌을 받았습니다.

 

복습 질문으로 Level up

이 책의 또 다른 특징은 챕터가 끝날 때마다 제공되는 복습 질문입니다. 빈칸 채우기, 객관식 퀴즈 형식이 아니라 질문 형식으로 구성된 것이 인상적이었습니다. "정답을 맞추는 것"이 아니라, 해당 내용을 다시 고민하고 깊이 생각할 수 있도록 유도하는 방식입니다. 질문들을 해결하기 위해 자연스럽게 챕터를 여러 번 읽게 되고, 그 과정에서 개념이 더 확실히 자리 잡습니다. 개념을 스스로 설명할 수 있도록 유도하는 질문들을 통해 리액트의 원리를 더욱 탄탄하게 익히는 데 큰 도움이 됩니다.

---

"전문가를 위한 리액트"는 리액트의 핵심 개념을 깊이 있게 다루며, 리액트 개발자로서의 역량을 한층 더 높일 수 있는 유용한 정보들을 제공합니다. 리액트를 깊이 이해하고 싶은 개발자, 기존에 리액트를 사용해 본 경험은 있지만 더 깊이 파고들고 싶은 개발자에게 강력히 추천하고 싶습니다. 리액트를 사용한다를 넘어, 그 내부를 깊이 이해하고 싶은 모든 개발자분들에게 최고의 선택이 될 것 같습니다.

 

 

 

 

https://www.yes24.com/Product/Goods/140186612

전문가를 위한 리액트 - 예스24