# React 응용 프로그램에서 ActiveReportsJS 보고서 디자이너 컴포넌트 사용

## Content

## 최신 React 프레임워크와 함께 ActiveReportsJS 사용

React 생태계가 발전함에 따라, React 문서는 이제 새로운 애플리케이션이나 웹사이트를 구축할 때 최신 React 기반 프레임워크를 사용할 것을 [권장](https://react.dev/learn/start-a-new-react-project)합니다. 이 업데이트 시점에서 `create-react-app` 도구는 더 이상 새로운 React 프로젝트를 설정하는 데 선호되는 방법이 아닙니다. 대신, `Next.js`와 같은 프레임워크나 더 포괄적인 기능과 향상된 성능을 제공하는 `Vite`와 같은 도구를 사용할 것을 권장합니다.

### Next.js

[Next.js](https://nextjs.org/)는 서버 사이드 렌더링 및 정적 사이트 생성과 같은 기능을 가능하게 하여 애플리케이션의 성능과 SEO를 크게 향상시킬 수 있는 강력한 React 프레임워크입니다.
ActiveReportsJS는 Next.js와의 통합을 지원합니다. Next.js 및 `ActiveReportsJS 보고서 디자이너` 컴포넌트를 시작하려면 이 자습서를 참고하세요:

* [Next.js에서 ActiveReportsJS 보고서 디자이너 시작하기](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/nextjs)

### Vite

[Vite](https://vitejs.dev/)는 현대 웹 프로젝트를 위한 더 빠르고 간소한 개발 경험을 제공하는 빌드 도구입니다. 번개처럼 빠른 핫 모듈 교체(HMR)와 최적화된 빌드 프로세스로 인해 React 애플리케이션 빌드에 매우 효율적입니다.
ActiveReportsJS는 Vite를 사용하여 React 애플리케이션을 빌드하는 것도 지원합니다. Vite를 사용하는 React 애플리케이션에 `ActiveReportsJS 보고서 디자이너` 컴포넌트를 통합하는 방법을 배우려면 아래 자습서를 참조하세요:

* [Vite.js(React)에서 ActiveReportsJS 보고서 디자이너 시작하기](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/vitejs)

이 현대적인 도구와 프레임워크를 활용하면 ActiveReportsJS가 제공하는 강력한 보고 기능을 원활하게 통합하면서 고성능, 확장 가능한 React 애플리케이션을 만들 수 있습니다.