React CDN과 create react app (CRA)중 어떤 방법이 더 좋은걸까?

React 사용방법에는 다음과 같이 크게 2가지 방식이 있습니다.

 

1. node 와 빌드 도구를 설치한 개발환경을 세팅 하는 방법 (예 : CRA 사용)
2. cdn을 사용해서 온라인에서 바로 라이브러리를 끌어오는 방법

방식이 2가지나 있으니 의문이 들것입니다.

과연 어떤 방식을 선택해야 되는걸까요??

 

결론부터 말씀드리자면, 

개발 및 시도에는 CDN이 좋고 실제 응용 프로그램의 경우 CRA 방식이 좋습니다.

 

CDN방식의 경우 결국 URL을 사용하여 서버에 대한 요청을 보내기 때문에

여러 리소스를 로드하는 경우 전체 페이지가 로드될 때까지 약간 더 기다려야 될 수 있습니다.(렌더링 속도 이슈)

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script src=" https://unpkg.com/@babel/standalone/babel.min.js"></script>

 

간단하게 보여주기식 또는 테스트용도로 사용하는 경우에는 빠르게 개발할 수 있다는 장점이 있지만 그래도 실제 응용 프로그램에 사용하는 경우에는 안전하게 react 개발에 필요한 모듈들을 미리 받아놓고 사용하는 것이 더 좋습니다.

 

참고자료

TITLE	URL
react CDN 사용방법	https://digiconfactory.tistory.com/entry/React-CDN-사용
CDN vs NPM 설치방식	https://laracasts.com/discuss/channels/general-discussion/npm-install-vs-pulling-from-a-cdn