[서평/리뷰 #4] <전문가를 위한 리액트> 서평

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

 

안녕하세요 dev_writer입니다. 이번에는 한빛미디어 서평단 활동으로 받은 <전문가를 위한 리액트>에 대해 리뷰해 보겠습니다.

 

목차

책의 목차는 다음과 같이 이루어져 있습니다.

1. 입문자를 위한 지식
2. JSX
3. 가상 DOM
4. 재조정
5. 자주 묻는 질문과 유용한 패턴
6. 서버 사이드 리액트
7. 리액트 동시성
8. 프레임워크
9. 리액트 서버 컴포넌트
10. 리액트 대체제
11. 마치며

책의 특징

책의 소제목들을 상세히 보면 쉽게 보실 수 있는데, 본 책은 챕터에 대한 기술들을 소개하면서 기존에 있던 문제의 한계가 무엇이었고, 어떤 기술이 부상하게 되었으며, 그로 인한 기술의 장단점을 알려주는 방식으로 서술되어 있습니다.

 

그만큼 책을 읽으면서 100% 주입식 학습이 아닌, 독자와 저자가 서로 소통하는 듯한 느낌을 받았습니다.

 

책의 목차 중 일부인 6. 서버 사이드 리액트

돌아보기 & 복습하기

책에서는 각 챕터가 끝날 때마다 돌아보기와 복습하기 섹션을 통해, 해당 챕터에서 읽은 것에 대해 잘 알고 있는지, 추가적으로 어떤 것을 공부하면 좋을지 등을 질문으로 제공해주고 있습니다.

 

예시로 4장: 재조정에서는, 아래와 같은 질문들을 주었습니다.

1. 리액트의 재조정이란 무엇인가요?
2. 파이버 데이터 구조의 역할은 무엇인가요?
3. 왜 트리가 두 개 필요한가요?
4. 애플리케이션이 업데이트되면 어떻게 되나요?

이렇게 질문들을 기반으로 고민하고 조사해 볼 수 있는 콘텐츠들을 통해, ChatGPT 등을 이용한 추가적인 학습을 할 수 있어 매우 유용하게 느껴졌습니다. (ChatGPT를 이용할 경우 검색 모드와 이성 모드를 함께 적용하시면 더 전문적인 결과를 얻으실 수 있습니다 ⭐️)

책의 질문을 기반으로 ChatGPT에게 물어본 결과

 

자연스럽게 추가로 떠오른 질문에 대해 ChatGPT에게 질문한 결과

 

위 글에서 ChatGPT가 태그 한 글들을 공유드립니다.

• 재조정 (Reconciliation)
• [React] Reconciliation - 재조정
• React Fiber 얕게 알아보기
• JSX, 가상 DOM과 리액트 파이버

<마치며> 섹션

 

책의 맨 마지막 섹션에서는 책에서 조언하는 내용을 축약한 것과, 추가적인 공부 방법들에 대해 알려주고 있습니다. 끊임없이 공부해야 하는 개발자로서 일종의 좋은 로드맵을 제공해주고 있는 듯한 느낌을 받았습니다.

 

책에서 전달한 조언 중 일부를 공유드리겠습니다.

리액트를 중심으로 한 수많은 프레임워크를 비롯해 끊임없이 성장하는 자바스크립트 생태계를 따라잡는 것이 벅찬 일처럼 느껴질 수 있습니다. 매년 수많은 도구와 라이브러리가 새로 출시되며, 저마다 고유한 기능과 이점, 장단점이 있습니다. 개발자로서 향후 프로젝트에 사용할 프레임워크를 바르게 결정하려면, 현재 생태계의 상태를 잘 아는 것만으로는 부족합니다. 이러한 도구의 발자취와 함께, 광범한 웹 개발 맥락에서 도구가 적용되는 방식을 미래 지향적으로 이해하는 감각이 필요합니다.

 

총평

이전에는 리액트를 공부하면서 단순히 "가상 DOM을 사용하고, 변경점이 생기면 바뀐 부분만 업데이트해 준다" 정도로만 이해하고 있었습니다.

하지만 이 책을 읽고 나서, 리액트의 렌더링 기법이 어떻게 발전해 왔는지 더 깊이 이해할 수 있었습니다.

 

그 예시로

 

처음 리액트는 스택 데이터 구조를 기반으로 렌더링을 수행했지만,

1. 업데이트의 우선순위를 설정할 수 없었고,
2. 업데이트를 중단하거나 취소할 수 없었다는 문제가 있었습니다.

이러한 한계를 극복하고 사용자 경험을 개선하기 위해, 리액트 팀은 파이버(Fiber) 트리 기반의 재조정(Reconciliation) 기술을 설계하게 되었습니다.

기술이 발전한 과정까지 상세히 설명해 주어, 단순한 개념이 아니라 왜 이런 구조가 도입되었는지까지 이해할 수 있어 큰 도움이 되었습니다.

 

책을 읽으면서 문득, 스프링 톰캣이 발급해 주는 세션 키가 왜 JSESSION_ID고 어떠한 과정으로 세션을 만들어주는지 궁금해했던 작년의 제가 생각났습니다.

 

이력서에도 원리를 탐구하는 개발자라고 제 자신을 소개하곤 했는데, 이때의 저처럼 하나의 기술을 공부할 때 구체적인 원리와 발전 과정을 함께 공부해보고 싶으신 분들에게 이 책을 추천합니다!