Translate: createElement #677

sa02045 · 2023-05-30T09:40:19Z

Progress

번역 초안 작성 (Draft translation)
공통 스타일 가이드 확인 (Check the common style guide)
모범사례 확인 (Check best practices)
용어 확인 (Check the term)
맞춤법 검사 (Spelling check)
리뷰 반영 (Resolve reviews)

MaxKim-J · 2023-06-04T08:41:20Z

src/content/reference/react/createElement.md


 ### `createElement(type, props, ...children)` {/*createelement*/}

-Call `createElement` to create a React element with the given `type`, `props`, and `children`.
+`type`, `prop`, `children`와 함께 `createElement`을 호출하여 React 엘리먼트를 생성합니다.


풀어 번역하면 의미가 더 명확해질 것 같습니다.

Suggested change

`type`, `prop`, `children`와 함께 `createElement`을 호출하여 React 엘리먼트를 생성합니다.

`type`, `prop`, `children`를 인수로 제공하고 `createElement`을 호출하여 React 엘리먼트를 생성합니다.

MaxKim-J · 2023-06-04T08:44:33Z

src/content/reference/react/createElement.md


-#### Returns {/*returns*/}
+`createElement`는 아래 프로퍼티를 가지는 React 엘리먼트 객체를 반환합니다.


원문처럼 한줄 띄워주시면 좋을 것 같습니다

MaxKim-J · 2023-06-04T08:45:32Z

src/content/reference/react/createElement.md

-* `props`: The `props` you have passed except for `ref` and `key`. If the `type` is a component with legacy `type.defaultProps`, then any missing or undefined `props` will get the values from `type.defaultProps`.
-* `ref`: The `ref` you have passed. If missing, `null`.
-* `key`: The `key` you have passed, coerced to a string. If missing, `null`.
+일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프러퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.


이부분도 개행을 맞춰주시면 좋을 것 같습니다

MaxKim-J · 2023-06-04T08:47:12Z

src/content/reference/react/createElement.md


-#### Caveats {/*caveats*/}
+****
+* 반드시 **리액트 엘리먼트와 그 프러퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)으로 취급**해야하며 엘리먼트 생성 후에는 그 내용을 변경해선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [동결](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.


오타와 어색한 표현이 있으며, "동결"은 JS의 스펙이므로 번역하지 않아도 괜찮아 보입니다. 엘리먼트 변경은 피동 표현이 조금더 어울립니다.

Suggested change

* 반드시 **리액트 엘리먼트와 그 프러퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)으로 취급**해야하며 엘리먼트 생성 후에는 그 내용을 변경해선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [동결](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.

* 반드시 **리액트 엘리먼트와 그 프로퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)하게 취급**해야하며 엘리먼트 생성 후에는 그 내용이 변경되어선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.

MaxKim-J · 2023-06-04T08:53:05Z

src/content/reference/react/createElement.md

@@ -176,16 +183,16 @@ export default function App() {

 </Sandpack>

-Both coding styles are fine, so you can use whichever one you prefer for your project. The main benefit of using JSX compared to `createElement` is that it's easy to see which closing tag corresponds to which opening tag.
+두 코딩 스타일 모두 괜찮으므로 프로젝트에 맞는 선호하는 스타일을 사용하면 됩니다. `createElement`와 비교하여 JSX를 사용할 때의 장점은 어떤 닫는 태그가 어떤 여는 태그에 해당하는지 쉽게 확인할 수 있다는 것입니다.


중복된 번역 표현을 제거하고, 문어체 표현으로 바꾸면 좋을 것 같습니다. "해당"보다는 "대응"이 좀더 자연스럽습니다.

Suggested change

두 코딩 스타일 모두 괜찮으므로 프로젝트에 맞는 선호하는 스타일을 사용하면 됩니다. `createElement`와 비교하여 JSX를 사용할 때의 장점은 어떤 닫는 태그가 어떤 여는 태그에 해당하는지 쉽게 확인할 수 있다는 것입니다.

두 코딩 스타일 모두 허용되므로 프로젝트에 맞는 스타일을 사용하면 됩니다. `createElement`와 비교하여 JSX를 사용할 때의 장점은 어떤 닫는 태그가 어떤 여는 태그에 대응되는지 쉽게 확인할 수 있다는 것입니다.

MaxKim-J · 2023-06-04T08:54:01Z

src/content/reference/react/createElement.md


-An element is a lightweight description of a piece of the user interface. For example, both `<Greeting name="Taylor" />` and `createElement(Greeting, { name: 'Taylor' })` produce an object like this:
+엘리먼트는 사용자 인터페이스의 일부에 대한 설명입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.


이 문맥에서는 "설명"보다는 "표현"이라는 의미가 맞습니다.

Suggested change

엘리먼트는 사용자 인터페이스의 일부에 대한 설명입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.

엘리먼트는 사용자 인터페이스의 일부에 대한 표현입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.

MaxKim-J · 2023-06-04T09:01:20Z

src/content/reference/react/createElement.md


-* `props`: The `props` argument must either be an object or `null`. If you pass `null`, it will be treated the same as an empty object. React will create an element with props matching the `props` you have passed. Note that `ref` and `key` from your `props` object are special and will *not* be available as `element.props.ref` and `element.props.key` on the returned `element`. They will be available as `element.ref` and `element.key`.
+* **선택적** `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.


"선택사항" 정도의 표현이 좀더 자연스러운 것 같습니다

Suggested change

* **선택적** `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.

* **선택사항** `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.

sa02045 · 2023-06-19T14:24:38Z

꼼꼼하게 바주셔서 감사합니다. PR 내용 반영했습니다!

github-actions · 2023-06-24T12:34:33Z

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

eomttt

리액트는 번역하지 않는게 좋을것 같아요

https://github.com/reactjs/ko.react.dev/wiki/Translate-Glossary

eomttt · 2023-06-24T12:37:21Z

src/content/reference/react/createElement.md

-* `props`: The `props` you have passed except for `ref` and `key`. If the `type` is a component with legacy `type.defaultProps`, then any missing or undefined `props` will get the values from `type.defaultProps`.
-* `ref`: The `ref` you have passed. If missing, `null`.
-* `key`: The `key` you have passed, coerced to a string. If missing, `null`.
+일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프러퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.


Suggested change

일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프러퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.

일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프로퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.

https://github.com/reactjs/ko.react.dev/wiki/Translate-Glossary

넵 수정하겠습니다!

eomttt · 2023-06-24T12:37:55Z

src/content/reference/react/createElement.md


-#### Caveats {/*caveats*/}
+****
+* 반드시 **리액트 엘리먼트와 그 프러퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)하게 취급**해야하며 엘리먼트 생성 후에는 그 내용이 변경되어선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.


Suggested change

* 반드시 **리액트 엘리먼트와 그 프러퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)하게 취급**해야하며 엘리먼트 생성 후에는 그 내용이 변경되어선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.

* 반드시 **리액트 엘리먼트와 그 프로퍼티는 [불변](https://en.wikipedia.org/wiki/Immutable_object)하게 취급**해야하며 엘리먼트 생성 후에는 그 내용이 변경되어선 안 됩니다. 개발환경에서 리액트는 이를 강제하기 위해 반환된 엘리먼트와 그 프로퍼티를 얕게 [freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)합니다.

리액트는 번역하면 안되고 React 라고 써주세요

https://github.com/reactjs/ko.react.dev/wiki/Translate-Glossary

sa02045 · 2023-06-28T08:10:05Z

@eomttt Comment 감사합니다! 반영하였습니다

hg-pyun

LGTM

docs: createElement 번역 초안 작성

1cf5855

sa02045 requested review from hg-pyun, taehwanno, simsim0709, gnujoow, b9words, taggon, MaxKim-J, eomttt and goofcode as code owners May 30, 2023 09:40

Merge branch 'main' into create-element

d222f50

vercel bot deployed to Preview – ko-react-dev May 30, 2023 09:41 View deployment

gnujoow added the needs review label Jun 3, 2023

MaxKim-J reviewed Jun 4, 2023

View reviewed changes

eomttt added needs author response and removed needs review labels Jun 5, 2023

sa02045 added 3 commits June 19, 2023 23:09

docs: pr comment 반영

1c22b91

docs: pr comment 반영

990aa8d

docs: pr comment 반영

0c97c71

vercel bot deployed to Preview – ko-react-dev June 19, 2023 14:23 View deployment

sa02045 requested a review from MaxKim-J June 19, 2023 14:24

Merge branch 'main' into create-element

98b34ba

vercel bot deployed to Preview – ko-react-dev June 23, 2023 11:02 View deployment

eomttt reviewed Jun 24, 2023

View reviewed changes

eomttt removed the needs review label Jun 24, 2023

eomttt added the needs review label Jun 24, 2023

sa02045 and others added 3 commits June 28, 2023 16:59

docs: comment 반영

ee82498

Merge branch 'main' into create-element

ba91dc0

Merge branch 'reactjs:main' into create-element

bda2d61

vercel bot deployed to Preview – ko-react-dev June 28, 2023 08:07 View deployment

docs: 병합

a1b9b5c

vercel bot deployed to Preview – ko-react-dev June 28, 2023 08:08 View deployment

sa02045 requested a review from eomttt June 29, 2023 08:50

eomttt approved these changes Jul 1, 2023

View reviewed changes

eomttt enabled auto-merge (squash) July 1, 2023 04:14

eomttt removed the needs author response label Jul 1, 2023

eomttt disabled auto-merge July 1, 2023 04:18

Merge branch 'main' into create-element

cfe261f

vercel bot deployed to Preview – ko-react-dev July 1, 2023 04:18 View deployment

hg-pyun approved these changes Jul 1, 2023

View reviewed changes

hg-pyun merged commit 0480cf6 into reactjs:main Jul 1, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate: createElement #677

Translate: createElement #677

sa02045 commented May 30, 2023 •

edited

Loading

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

MaxKim-J Jun 4, 2023

sa02045 commented Jun 19, 2023

github-actions bot commented Jun 24, 2023 •

edited

Loading

📦 Next.js Bundle Analysis for react-dev

eomttt left a comment

eomttt Jun 24, 2023

sa02045 Jun 28, 2023

eomttt Jun 24, 2023

eomttt Jun 24, 2023

sa02045 commented Jun 28, 2023

hg-pyun left a comment

	`type`, `prop`, `children`와 함께 `createElement`을 호출하여 React 엘리먼트를 생성합니다.
	`type`, `prop`, `children`를 인수로 제공하고 `createElement`을 호출하여 React 엘리먼트를 생성합니다.


		#### Returns {/returns/}
		`createElement`는 아래 프로퍼티를 가지는 React 엘리먼트 객체를 반환합니다.

	두 코딩 스타일 모두 괜찮으므로 프로젝트에 맞는 선호하는 스타일을 사용하면 됩니다. `createElement`와 비교하여 JSX를 사용할 때의 장점은 어떤 닫는 태그가 어떤 여는 태그에 해당하는지 쉽게 확인할 수 있다는 것입니다.
	두 코딩 스타일 모두 허용되므로 프로젝트에 맞는 스타일을 사용하면 됩니다. `createElement`와 비교하여 JSX를 사용할 때의 장점은 어떤 닫는 태그가 어떤 여는 태그에 대응되는지 쉽게 확인할 수 있다는 것입니다.


		An element is a lightweight description of a piece of the user interface. For example, both `<Greeting name="Taylor" />` and `createElement(Greeting, { name: 'Taylor' })` produce an object like this:
		엘리먼트는 사용자 인터페이스의 일부에 대한 설명입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.

	엘리먼트는 사용자 인터페이스의 일부에 대한 설명입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.
	엘리먼트는 사용자 인터페이스의 일부에 대한 표현입니다. 예를 들어 `<Greeting name="Taylor" />`와 `createElement(Greeting, { name: 'Taylor' })`는 모두 다음과 같은 객체를 생성합니다.


		* `props`: The `props` argument must either be an object or `null`. If you pass `null`, it will be treated the same as an empty object. React will create an element with props matching the `props` you have passed. Note that `ref` and `key` from your `props` object are special and will not be available as `element.props.ref` and `element.props.key` on the returned `element`. They will be available as `element.ref` and `element.key`.
		* 선택적 `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.

	* 선택적 `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.
	* 선택사항 `...children`: 0개 이상의 자식 노드. React 엘리먼트, 문자열, 숫자, [포탈](/reference/react-dom/createPortal), 빈 노드(`null`, `undefined`, `true`, `false`) 그리고 React 노드 배열을 포함한 모든 React 노드가 될 수 있습니다.

	일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프러퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.
	일반적으로 엘리먼트는 컴포넌트에서 반환되거나 다른 엘리먼트의 자식으로 만듭니다. 엘리먼트의 프로퍼티에는 접근할 수 있지만, 엘리먼트 생성 후에는 모든 엘리먼트에 접근할 수 없는 것처럼 대하고 렌더링만 하는 것이 좋습니다.

Translate: createElement #677

Translate: createElement #677

Conversation

sa02045 commented May 30, 2023 • edited Loading

Progress

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sa02045 commented Jun 19, 2023

github-actions bot commented Jun 24, 2023 • edited Loading

Size changes

📦 Next.js Bundle Analysis for react-dev

eomttt left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sa02045 commented Jun 28, 2023

hg-pyun left a comment

Choose a reason for hiding this comment

sa02045 commented May 30, 2023 •

edited

Loading

github-actions bot commented Jun 24, 2023 •

edited

Loading