React와 ReactDOM은 모두 CDN에서 사용할 수 있습니다.
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
위의 버전은 개발 용도로만 사용되며 제작에 적합하지 않습니다. React의 최적화된 Production버전은 다음을 참고하세요.
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
react
및 react-dom
의 특정 버전을 로드하려면 16을 특정 버전 번호로 바꾸십시오.
CDN에서 React를 제공하는 경우 crossorigin속성을 유지하는것을 추천합니다.
<script crossorigin src="..."></script>
또한 사용중인 CDN이 Access-Control-Allow-Origin: *HTTP header
를 설정하는지 확인하는 것이 좋습니다.
이것은 React 16 이후 더 나은 error handling 경험 을 가능하게합니다 .
https://reactjs.org/docs/introducing-jsx.html - 번역 글 다음 변수 선언을 확인하세요. 이 객체는 "React elements"라고 부릅니다. 화면에서 볼 수 있는 내용에 대한 설명으로 생각할 수 있습니다. React는 이 객체를 읽어들이고 이를 사용하여 DOM을 구성하고 최신 상태로 유지합니다. 다음 섹션에서 ...
https://reactjs.org/docs/hello-world.html - 번역 글 가장 작은 React의 예제는 다음과 같습니다. 페이지에 "Hello, world!"라는 문자열을 표시합니다. CodePen 위의 링크를 클릭하여 온라인 편집기를 엽니다. 자유롭게 변경하고 어떻게 변경되는지 확인하세요. 이 가이드 페이지에는 위와 같이 편집 가능...
https://reactjs.org/docs/cdn-links.html - 번역글 React와 ReactDOM은 모두 CDN에서 사용할 수 있습니다. 또한 사용중인 CDN이 Access-Control-Allow-Origin: *HTTP header를 설정하는지 확인하는 것이 좋습니다. cors 이것은 React 16 이후 더 나은 error ha...
https://reactjs.org/docs/create-a-new-react-app.html - 번역글 최고의 사용자 및 개발경험을 위해 통합된 툴체인을 사용하십시오. 이 페이지는 다음과 같은 작업에 도움이되는 React 툴체인에 대해 설명합니다 : - 많은 file 및 component 확장 - npm third-party 라이브러리 사용 - 개발...
https://reactjs.org/docs/add-react-to-a-website.html - 번역 글 React는 처음부터 점진적으로 채택되도록 설계되었으므로 필요한만큼 React를 사용할 수 있습니다.. 기존페이지에 섞여 상호작용하기를 원할 것입니다. React Component는 이를 수행하는 좋은 방법입니다. 대부분의 웹 사이트는 단일 페이...