더북(TheBook)

16.8 정리

 

이 장에서는 리액트 라우터를 사용하여 주소 종류에 따라서 다양한 페이지를 보여 주는 방법을 알아보았습니다. 큰 규모의 프로젝트를 진행하다 보면 한 가지 문제가 발생합니다. 바로 웹 브라우저에서 사용할 컴포넌트, 상태 관리를 하는 로직들, 여러 기능을 구현하는 함수들이 점점 쌓이면서 컴포넌트 코드를 많이 입력하기 때문에, 최종 결과물인 자바스크립트 파일 크기가 매우 커진다는 점입니다.

예를 들어 우리가 방금 만든 프로젝트에서는 사용자가 /about 페이지로 들어왔음에도, 당장 필요하지 않은 Post 관련 페이지 컴포넌트 정보도 함께 불러옵니다.

라우트에 따라 필요한 컴포넌트만 불러오고, 다른 컴포넌트는 다른 페이지를 방문할 때 불러오면 더 효율적이지 않을까요?

17장에서는 이런 단점을 보완해 주는 코드 스플리팅을 알아보겠습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.