https://github.com/minsoo-web/react-exercise

Practice Repository for React
https://github.com/minsoo-web/react-exercise

practice react

Last synced: 24 days ago
JSON representation

Practice Repository for React

• Host: GitHub
• URL: https://github.com/minsoo-web/react-exercise
• Owner: minsoo-web
• Created: 2020-05-06T12:09:31.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T19:59:32.000Z (almost 2 years ago)
• Last Synced: 2024-04-17T04:09:43.844Z (7 months ago)
• Topics: practice, react
• Language: JavaScript
• Homepage:
• Size: 3.93 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-practice repo

이 블로그는 `리액트를 다루는 기술`의 실습 코드들을 저장하며 연습하는 곳입니다.

## 13장 - 리액트 라우터로 SPA 개발하기 정리

이 장에서는 리액트 라우터를 사용하여 주소 경로에 따라 다양한 페이지를 보여주는 방법을 알아보았습니다.  

큰 규모의 프로젝트를 진행하다 보면 한 가지 문제가 발생합니다.

바로 웹 브라우저에서 사용할 컴포넌트, 상태관리 로직, 그 외 여러 기능을 구현하는 함수들이 점점 쌓이면서 최종 결과물인  

자바스크립트 파일의 크기가 매우 커진다는 점입니다.

예를 들어 방금 만든 프로젝트는 사용자가 /about 페이지에 들어왔을 때 지금 당장 필요하지 않은 Profile 컴포넌트까지 불러옵니다.  

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

이를 해결해주는 기술이 바로 코드 스플리팅입니다.