Create React App, 이제 안녕! 프레임워크로 갈아타세요
by DD
1년 전
조회수 20
Create React App의 한계로 인해 새로운 앱에 대한 지원이 중단됨
Vite, Parcel, RSBuild와 같은 빌드 도구나 Next.js, React Router, Expo와 같은 프레임워크로의 마이그레이션 권장
React Server Components를 포함한 프레임워크를 통해 성능 향상 및 개발 편의성 증대
Create React App의 한계와 프레임워크의 등장
Create React App은 초기 React 개발 환경을 단순화했지만, 라우팅, 데이터 페칭, 코드 스플리팅 등 실제 프로덕션 환경에서 필요한 기능들을 직접 구현해야 하는 단점이 있었다. 따라서 Next.js, React Router와 같은 프레임워크가 등장하여 이러한 문제들을 해결하고, 개발 생산성을 향상시켰다.
CSR vs SSR: 렌더링 방식의 트레이드오프
프레임워크는 CSR(Client-Side Rendering)과 SSR(Server-Side Rendering)을 모두 지원하며, 각 방식은 장단점을 가진다. SSR은 초기 로딩 속도를 개선하고 SEO에 유리하지만, 서버 비용이 발생한다. CSR은 서버 부담이 적지만, 초기 로딩 시 화면 깜빡임이 발생할 수 있다.
React Server Components의 역할
React Server Components는 라우팅과 데이터 페칭을 서버 측에서 처리하여 클라이언트 측 번들 크기를 줄인다. 코드 스플리팅을 데이터에 따라 최적화하여 성능 향상을 이끌어낸다. 따라서 사용자 경험 개선과 개발 생산성 향상을 동시에 달성할 수 있다.
