개발용
리액트를 사용하기위해 두개의 자바스크립트 코드 react와 react-dom을 import 해야 합니다.
아래는 개발용 CDN을 통해 react와 react-dom을 import 한 예시이며 import한 스크립트들은 개발용으로 적합한 버전입니다.
<!DOCTYPE html>
<html lang="en">
<body>
</body>
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
</html>
배포용
React의 용량 및 성능 최적화된 배포용 CDN 버전을 아래와 같이 import 합니다.
<!DOCTYPE html>
<html lang="en">
<body>
</body>
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
</html>작성일 기준 최신버전인 18버전으로 작성했습니다. react와 react-dom의 특정 버전을 로딩하려면 18을 사용하고자 하는 버전으로 대체하면 됩니다.
이후 최신버전은 https://ko.reactjs.org/docs/cdn-links.html에서 참고하시기 바랍니다.
Reference