Skip to content

translate cdn links #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Mar 15, 2019
Merged

translate cdn links #44

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d8930dd
translate cdn links
gnujoow Feb 21, 2019
d7f3661
add missing word in cdn links
gnujoow Feb 21, 2019
6079f1d
Merge branch 'master' into CDN-links
hg-pyun Mar 9, 2019
cf1f3db
CDN-links 리뷰 반영
gnujoow Mar 14, 2019
ad127ad
Merge branch 'master' into CDN-links
hg-pyun Mar 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions content/docs/cdn-links.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
---
id: cdn-links
title: CDN Links
title: CDN 링크
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

복수형으로 작성하는것 보다 단수형으로 작성하는 것이 더 자연스러워 위와 같이 번역하였습니다.

permalink: docs/cdn-links.html
prev: create-a-new-react-app.html
next: hello-world.html
---

Both React and ReactDOM are available over a CDN.
React와 ReactDOM 모두 CDN을 통해 사용할 수 있습니다.

```html
<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>
```

The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at:
위의 코드는 개발용으로 적합하며 배포용 버전에는 적합하지 않습니다. React의 최적화된 배포용 버전은 아래와 같이 제공되고 있습니다.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minified and optimized를 최적화 한 단어에 포함하여 번역했는데 다른 제안이 있다면 알려주세요 ;)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

용량과 성능 최적화로 번역하는건 무리가 있을까요? minified 같은경우는 용량을 위해, optimized같은경우 보통 성능 최적화를 다루고 있어서 의견을 내봤습니다.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

용량과 성능 최적화 가 원문의 의미를 더 잘 담아내는것 같네요. 제안해주신 내용으로 반영하겠습니다.


```html
<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>
```

To load a specific version of `react` and `react-dom`, replace `16` with the version number.
`react`와 `react-dom`의 특정 버전을 로딩하려면 `16`을 사용하고자 하는 버전 넘버로 대체하면 됩니다.

### Why the `crossorigin` Attribute? {#why-the-crossorigin-attribute}
### `crossorigin` 속성이 필요한 이유 {#why-the-crossorigin-attribute}

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:
CDN을 통해 React를 사용한다면, [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 어트리뷰트(attribute)와 함께 사용하는 것을 권장합니다.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

어트리뷰트라는 단어가 이 문서에 처음으로 등장하여 혼선을 줄이기 위해 영문과 병기하였습니다.


```html
<script crossorigin src="..."></script>
```

We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header:
또한 사용 중인 CDN이 `Access-Control-Allow-Origin: *` HTTP 해더 설정을 사용하는지 확인하는 것을 권장합니다.

![Access-Control-Allow-Origin: *](../images/docs/cdn-cors-header.png)

This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later.
이를 통해 React 16 버전과 이후에서 더 쉽게 [에러 처리](/blog/2017/07/26/error-handling-in-react-16.html)를 할 수 있습니다.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

원문은 error handling experience에 링크된 문서의 제목은 Error Handling in React 16이고 더 자연스러운 번역을 위해 에러 처리로 작성하였습니다.