|
1 | 1 | ---
|
2 | 2 | id: cdn-links
|
3 |
| -title: CDN Links |
| 3 | +title: CDN 링크 |
4 | 4 | permalink: docs/cdn-links.html
|
5 | 5 | prev: create-a-new-react-app.html
|
6 | 6 | next: hello-world.html
|
7 | 7 | ---
|
8 | 8 |
|
9 |
| -Both React and ReactDOM are available over a CDN. |
| 9 | +React와 ReactDOM 모두 CDN을 통해 사용할 수 있습니다. |
10 | 10 |
|
11 | 11 | ```html
|
12 | 12 | <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
|
13 | 13 | <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
|
14 | 14 | ```
|
15 | 15 |
|
16 |
| -The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at: |
| 16 | +위의 코드는 개발용으로 적합하며 배포용 버전에는 적합하지 않습니다. React의 용량 및 성능 최적화된 배포용 버전은 아래와 같이 제공되고 있습니다. |
17 | 17 |
|
18 | 18 | ```html
|
19 | 19 | <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
|
20 | 20 | <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
|
21 | 21 | ```
|
22 | 22 |
|
23 |
| -To load a specific version of `react` and `react-dom`, replace `16` with the version number. |
| 23 | +`react`와 `react-dom`의 특정 버전을 로딩하려면 `16`을 사용하고자 하는 버전 넘버로 대체하면 됩니다. |
24 | 24 |
|
25 |
| -### Why the `crossorigin` Attribute? {#why-the-crossorigin-attribute} |
| 25 | +### `crossorigin` 속성이 필요한 이유 {#why-the-crossorigin-attribute} |
26 | 26 |
|
27 |
| -If you serve React from a CDN, we recommend to keep the [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) attribute set: |
| 27 | +CDN을 통해 React를 사용한다면, [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 어트리뷰트(attribute)와 함께 사용하는 것을 권장합니다. |
28 | 28 |
|
29 | 29 | ```html
|
30 | 30 | <script crossorigin src="..."></script>
|
31 | 31 | ```
|
32 | 32 |
|
33 |
| -We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header: |
| 33 | +또한 사용 중인 CDN이 `Access-Control-Allow-Origin: *` HTTP 헤더 설정을 사용하는지 확인하는 것이 좋습니다. |
34 | 34 |
|
35 | 35 | 
|
36 | 36 |
|
37 |
| -This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later. |
| 37 | +이를 통해 React 16 버전과 다음 버전에서 더 쉽게 [에러 처리](/blog/2017/07/26/error-handling-in-react-16.html)를 할 수 있습니다. |
0 commit comments