-
-
Notifications
You must be signed in to change notification settings - Fork 457
Translating to korean for concurrent-mode-intro.md(ver 1.0) #186
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.
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
Conversation
Deploy preview for ko-reactjs-org ready! Built with commit 9cfeea3 |
수정해서 올렸습니다 확인 부탁드립니다. |
> | ||
>This page describes **experimental features that are [not yet available](/docs/concurrent-mode-adoption.html) in a stable release**. Don't rely on experimental builds of React in production apps. These features may change significantly and without a warning before they become a part of React. | ||
>이 페이지는 **안정된 배포판에서는 [아직 사용할 수 없는] 실험적인 기능들에 관해 설명합니다. 프로덕션용 앱에선 리액트의 실험 배포판을 사용하지 마세요. 이 기능들은 React에 일부가 되기 전에 경고 없이 크게 변경될 수 있습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
markdown bold문법 **
닫힘과 링크가 누락되었습니다. 수정부탁드립니다.
|
||
**To explain Concurrent Mode, we'll use version control as a metaphor.** If you work on a team, you probably use a version control system like Git and work on branches. When a branch is ready, you can merge your work into master so that other people can pull it. | ||
** Concurrent 모드를 설명하기 위해서 버전 제어를 비유해서 설명할 것입니다. 팀에서 일하고 있다면 Git과 같은 버전 제어 시스템을 사용하며 브랜치로 작업할 것입니다 브랜치가 준비된다면 다른 사람들이 해당 작업을 가져올 수 있도록 작업을 마스터 브랜치로 병합 할 수 있습니다 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
markdown bold문법 ** 닫힘이 누락되었습니다. 수정부탁드립니다.
|
||
In Concurrent Mode, rendering is not blocking. It is interruptible. This improves the user experience. It also unlocks new features that weren't possible before. Before we look at concrete examples in the [next](/docs/concurrent-mode-suspense.html) [chapters](/docs/concurrent-mode-patterns.html), we'll do a high-level overview of new features. | ||
Concurrent 모드에서는, 렌더링은 차단되지 않으나 인터럽트는 가능합니다. 이는 사용자의 경험을 증가시켜주며 또한 이전에 사용할 수 없었던 기능들을 사용할 수 있도록 만들어줍니다. 다음[https://reactjs.org/docs/concurrent-mode-suspense.html] 챕터[https://reactjs.org/docs/concurrent-mode-patterns.html]에서 구체적인 예시를 보기 전에, 새로운 기능들의 높은 수준의 개요를 해보려고 합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
markdown 링크 문법이 올바르게 사용되지 않았습니다 확인 부탁드립니다.
|
||
**Concurrent Mode fixes this fundamental limitation by making rendering interruptible.** This means when the user presses another key, React doesn't need to block the browser from updating the text input. Instead, it can let the browser paint an update to the input, and then continue rendering the updated list *in memory*. When the rendering is finished, React updates the DOM, and changes are reflected on the screen. | ||
**Concurrent 모드는 렌더링을 인터럽트 가능하도록 만듦으로써 근본적인 문제를 수정합니다. 이러한 사실은 사용자가 다른 키를 누를 때, React는 브라우저에 텍스트 입력을 업데이트하는 것을 차단할 필요가 없음을 의미합니다. 대신에, React는 브라우저가 입력에 대한 업데이트를 paint하고 *메모리 내에* 있는 업데이트 목록을 계속 렌더링할 수 있도록 합니다. 렌더링이 끝나면 React는 DOM을 업데이트하고 변경 사항들이 화면에 반영합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
markdown bold문법 ** 닫힘이 누락되었습니다. 수정부탁드립니다.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
일부 markdown 문법이 올바르지 않게 상요되었습니다. 아래 문서를 참고하셔서 수정 부탁드립니다.
https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4
PR이 업데이트 될 때마다 netlify에서 해당 버전을 빌드하고 배포합니다. PR 업데이트 이후에 작업하신것을 한번 읽어주시는것을 권해봅니다.
https://deploy-preview-186--ko-reactjs-org.netlify.com/docs/concurrent-mode-intro.html
@@ -1,89 +1,88 @@ | |||
--- | |||
id: concurrent-mode-intro | |||
title: Introducing Concurrent Mode (Experimental) | |||
title: Concurrent모드 소개 (실험적) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#189 변경사항과 통일하기 위해 수정 부탁드려요 ㅎㅎ
title: Concurrent모드 소개 (실험적) | |
title: Concurrent모드 소개 (실험 단계) |
* [데이터를 가져오기 위한 서스펜스](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) Concurrent 모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. | ||
* [Concurrent 모드 채택](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. | ||
* [Concurrent 모드 API reference](/docs/concurrent-mode-reference.html) 실험적 빌드에서 사용 가능한 새 API들을 문서화합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* [Concurrent 모드 API reference](/docs/concurrent-mode-reference.html) 실험적 빌드에서 사용 가능한 새 API들을 문서화합니다. | |
* [Concurrent 모드 API 참고서](/docs/concurrent-mode-reference.html) 실험적 빌드에서 사용 가능한 새 API들을 문서화합니다. |
* [Concurrent Mode API Reference](/docs/concurrent-mode-reference.html) documents the new APIs available in experimental builds. | ||
* [데이터를 가져오기 위한 서스펜스](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) Concurrent 모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. | ||
* [Concurrent 모드 채택](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* [Concurrent 모드 채택](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. | |
* [Concurrent 모드 도입하기](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. |
* [Concurrent UI Patterns](/docs/concurrent-mode-patterns.html) shows some UI patterns made possible by Concurrent Mode and Suspense. | ||
* [Adopting Concurrent Mode](/docs/concurrent-mode-adoption.html) explains how you can try Concurrent Mode in your project. | ||
* [Concurrent Mode API Reference](/docs/concurrent-mode-reference.html) documents the new APIs available in experimental builds. | ||
* [데이터를 가져오기 위한 서스펜스](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* [데이터를 가져오기 위한 서스펜스](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | |
* [데이터를 가져오기 위한 Suspense](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. |
#189 변경사항과 통일하기 위해 수정 부탁드려요 ㅎㅎ
* [데이터를 가져오기 위한 서스펜스](/docs/concurrent-mode-suspense.html) 리액트 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) 동시모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. | ||
* [Concurrent모드 채택](/docs/concurrent-mode-adoption.html) 프로젝트에서 동시모드를 어떻게 사용할 수 있는지를 설명합니다. | ||
* [Concurrent모드 API 참조](/docs/concurrent-mode-reference.html) 실험적 빌드에서 사용 가능한 새 API들을 문서화합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#189 변경사항과 통일하기 위해 수정 부탁드려요 ㅎㅎ
> | ||
>This page describes **experimental features that are [not yet available](/docs/concurrent-mode-adoption.html) in a stable release**. Don't rely on experimental builds of React in production apps. These features may change significantly and without a warning before they become a part of React. | ||
>이 페이지는 **안정된 배포판에서는 [아직 사용할 수 없는] 실험적인 기능들**에 관해 설명합니다. 프로덕션용 앱에선 리액트의 실험 배포판을 사용하지 마세요. 이 기능들은 React에 일부가 되기 전에 경고 없이 크게 변경될 수 있습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[아직 사용할 수 없는]
에 대한 링크가 누락되어있습니다.
> | ||
>This documentation is aimed at early adopters and people who are curious. If you're new to React, don't worry about these features -- you don't need to learn them right now. | ||
>이 문서는 얼리어답터들과 궁금해하시는 분들을 위해 제작된 문서입니다. React에 처음 접해본다면 이러한 기능들을 걱정하지 않아도 됩니다. 그 기능들을 바로 배울 필요는 없습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
자연스러운 문장을 위해
이 문서는 얼리어답터들과 궁금해하시는 분들을 위해 제작된 문서입니다.
을 아래와 같이 수정 제안합니다.
이 문서는 얼리어답터들과 새로운 기능을 궁금해하시는 분들을 위해 작성된 문서입니다.
수정했습니다 확인부탁드립니다 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
모범사례 확인 (Check best practices)
용어 확인 (Check the term)
위 가이드를 다시 한번 확인해주시고 문서 전반에 걸쳐 단어들이 일관성 있게 사용되었는지(ex 버전관리, 버전 제어) , 문장이 읽기 쉽게 옮겨졌는지, 원문의 의미를 잘 전달하는지 확인해주시면 감사하겠습니다.
permalink: docs/concurrent-mode-intro.html | ||
next: concurrent-mode-suspense.html | ||
--- | ||
|
||
>Caution: | ||
>주의사항: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
||
This page provides a theoretical overview of Concurrent Mode. **For a more practical introduction, you might want to check out the next sections:** | ||
이 페이지는 Concurrent 모드의 이론적인 개요를 제시합니다 **더 실용적인 설명을 위해서는 다음 섹션들을 참고하세요** |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
provides가 proposal의 의미로 사용되었습니다. 다음과 같이 수정을 제안합니다.
이 페이지는 Concurrent 모드의 이론적인 개요를 설명합니다.
* [Adopting Concurrent Mode](/docs/concurrent-mode-adoption.html) explains how you can try Concurrent Mode in your project. | ||
* [Concurrent Mode API Reference](/docs/concurrent-mode-reference.html) documents the new APIs available in experimental builds. | ||
* [데이터를 가져오기 위한 Suspense](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) Concurrent 모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
show를 직역하기보다는 의역하는것이 더 읽기 편할것 같습니다. 아래와 같이 수정을 제안합니다.
Concurrent 모드와 Suspense로 만들어진 UI 패턴들을 설명합니다.
추가로 문서에서 Suspense가 음역 그대로 사용되지 않았는지 확인해주세요.
* [Concurrent Mode API Reference](/docs/concurrent-mode-reference.html) documents the new APIs available in experimental builds. | ||
* [데이터를 가져오기 위한 Suspense](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) Concurrent 모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. | ||
* [Concurrent 모드 도입하기](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다.
프로젝트에서 Concurrent 모드 사용방법을 설명합니다.
* [데이터를 가져오기 위한 Suspense](/docs/concurrent-mode-suspense.html) React 컴포넌트에서 데이터를 가져오기에 대한 새로운 메커니즘을 설명합니다. | ||
* [Concurrent UI 패턴](/docs/concurrent-mode-patterns.html) Concurrent 모드와 서스펜스로 만들어진 UI 패턴들을 보여줍니다. | ||
* [Concurrent 모드 도입하기](/docs/concurrent-mode-adoption.html) 프로젝트에서 Concurrent 모드를 어떻게 사용할 수 있는지를 설명합니다. | ||
* [Concurrent 모드 API 참고서](/docs/concurrent-mode-reference.html) 실험적 빌드에서 사용 가능한 새 API들을 문서화합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
documents가 동사로 번역된것 같습니다. documents 문서들로 해석하는것이 맞는것 같습니다. 아래와 같이 수정을 제안합니다.
실험적 빌드에서 사용가능한 새로운 API 문서입니다.
|
||
The reason for the stutter is simple: once rendering begins, it can't be interrupted. So the browser can't update the text input right after the key press. No matter how good a UI library (such as React) might look on a benchmark, if it uses blocking rendering, a certain amount of work in your components will always cause stutter. And, often, there is no easy fix. | ||
버벅거림의 이유는 간단합니다: 렌더링이 시작되면 중간에 중단될 수 없기 때문입니다. 그래서 그 브라우저는 텍스트 입력을 키를 누르는 즉시 업데이트할 수 없습니다. 벤치마크에서 UI 라이브러리( 예를 들어 React)가 아무리 잘 보일지라도, 차단 렌더링을 사용하고 컴포넌트의 일정량 작업을 하면 항상 버벅거림을 초래할 것입니다. 그리고 종종 이에 대한 쉬운 해결책이 없습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
( 예를 들어 React)
불피요한 공백이 포함되어 있습니다.
|
||
**Concurrent Mode fixes this fundamental limitation by making rendering interruptible.** This means when the user presses another key, React doesn't need to block the browser from updating the text input. Instead, it can let the browser paint an update to the input, and then continue rendering the updated list *in memory*. When the rendering is finished, React updates the DOM, and changes are reflected on the screen. | ||
**Concurrent 모드는 렌더링을 인터럽트 가능하도록 만듦으로써 근본적인 문제를 수정합니다** 이러한 사실은 사용자가 다른 키를 누를 때, React는 브라우저에 텍스트 입력을 업데이트하는 것을 차단할 필요가 없음을 의미합니다. 대신에, React는 브라우저가 입력에 대한 업데이트를 paint하고 *메모리 내에* 있는 업데이트 목록을 계속 렌더링할 수 있도록 합니다. 렌더링이 끝나면 React는 DOM을 업데이트하고 변경 사항들이 화면에 반영합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
변경 사항들이 화면에 반영합니다.
변경 사항들을 화면에 반영합니다.
|
||
Importantly, the way you *use* React is the same. Concepts like components, props, and state fundamentally work the same way. When you want to update the screen, you set the state. | ||
중요한 것은 React를 사용하는 방식이 똑같다는 것입니다. 컴포넌트, 프로퍼티즈 및 스테이트와 같은 개념은 근본적으로 동일한 방식으로 작동합니다. 화면을 업데이트하려면 스테이트를 설정합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
props와 state는 번역하지 않습니다. 원문그대로 작성해주세요
https://github.com/reactjs/ko.reactjs.org/wiki/Translate-Glossary
|
||
## Putting Research into Production {#putting-research-into-production} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
70행에 불필요한 개행이 있습니다. 원문과 포멧을 유지하기위해 ## 생산에 연구를 투입 {#putting-research-into-production}
를 70행에 작성해주세요
|
||
## Next Steps {#next-steps} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
문단의 제목이 누락되었습니다.
수정 확인부탁드립니다. |
72775e9 커밋과 충돌이 발생했네요 ㅎㅎ 충돌 해결 부탁드릴게요. |
충돌 해결했습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Progress