Skip to content

Translate: Describing the UI #611

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

Merged
merged 4 commits into from
May 10, 2023
Merged

Conversation

polarb-raf
Copy link
Contributor

@polarb-raf polarb-raf commented May 2, 2023


React applications are built from isolated pieces of UI called *components*. A React component is a JavaScript function that you can sprinkle with markup. Components can be as small as a button, or as large as an entire page. Here is a `Gallery` component rendering three `Profile` components:
React 애플리케이션은 *컴포넌트*라고 불리는 분리된 UI 조각들로 이루어집니다. React 컴포넌트는 마크업을 얹을 수 있는 JavaScript 함수입니다. 컴포넌트는 버튼과 같이 작을 수도 있고 전체 페이지와 같이 큰 경우도 있습니다. 다음에 나오는 `Gallery` 컴포넌트는 세 개의 `Profile` 컴포넌트를 렌더링하고 있습니다.
Copy link

Choose a reason for hiding this comment

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

분리된
독립된 혹은 격리된 과 같이 번역하는 것이 더 정확할 것 같습니다 (isolated)

다음에 나오는
다음의 혹은 아래의와 같이 번역하면 더 간결하게 표현이 가능할 것 같습니다


React components use *props* to communicate with each other. Every parent component can pass some information to its child components by giving them props. Props might remind you of HTML attributes, but you can pass any JavaScript value through them, including objects, arrays, functions, and even JSX!
React 컴포넌트는 서로 통신하기 위해 *props*를 사용합니다. 모든 부모 컴포넌트는 자식 컴포넌트에 props를 제공하여 정보를 전달할 수 있습니다. Props는 HTML 속성과 유사해 보이지만 객체, 배열, 함수를 포함한 모든 JavaScript 값이 전달될 수 있습니다. 심지어 JSX도 가능합니다!
Copy link

Choose a reason for hiding this comment

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

Glossary 에 따라 attributes 는 어트리뷰트 로 번역해주세요


You will often want to display multiple similar components from a collection of data. You can use JavaScript's `filter()` and `map()` with React to filter and transform your array of data into an array of components.
데이터 모음에서 유사한 컴포넌트를 여러 개 표시하고 싶을 때가 종종 있습니다. React와 JavaScript의 `filter()``map()`을 함께 사용하면 데이터 배열을 필터링하고 컴포넌트 배열로 변환할 수 있습니다.
Copy link

Choose a reason for hiding this comment

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

데이터 모음에서
데이터 모음으로부터 혹은 데이터 리스트로부터
로 번역하면 더 자연스러울 것 같습니다

@@ -519,12 +518,12 @@ export default function TeaSet() {

<LearnMore path="/learn/keeping-components-pure">

Read **[Keeping Components Pure](/learn/keeping-components-pure)** to learn how to write components as pure, predictable functions.
**[컴포넌트 순수하게 유지하기](/learn/keeping-components-pure)** 를 읽어 컴포넌트를 순수하고 예측 가능한 함수로 작성하는 방법을 배우세요.
Copy link

Choose a reason for hiding this comment

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

작성하는 방법을 배우세요.
~ 하는 방법을 배우려면 ~ 를 읽어보세요
와 같이 다른 부분들과 톤을 맞추면 더 자연스러울 것 같습니다

Copy link

@goofcode goofcode left a comment

Choose a reason for hiding this comment

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

긴 내용인데 리뷰를 남겨드린 내용 외엔 전반적으로 잘 번역이 된 것 같습니다
고생하셨습니다 🙇

@polarb-raf
Copy link
Contributor Author

@goofcode 감사합니다! 리뷰 모두 반영하였습니다!


Or, if you're already familiar with these topics, why not read about [Adding Interactivity](/learn/adding-interactivity)?
이미 이러한 주제에 대해 알고 있다면 [상호작용 추가하기](/learn/adding-interactivity)를 읽어보는 것은 어떨까요?
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
이미 이러한 주제에 대해 알고 있다면 [상호작용 추가하기](/learn/adding-interactivity)를 읽어보는 것은 어떨까요?
이미 주제에 대해 알고 있다면 [상호작용 추가하기](/learn/adding-interactivity)를 읽어보는 것은 어떨까요?

@hg-pyun hg-pyun merged commit ccbd015 into reactjs:main May 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants