docs: fix typos#1512
Merged
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
Size changesDetails📦 Next.js Bundle Analysis for undefinedThis analysis was generated by the Next.js Bundle Analysis action. 🤖 Five Pages Changed SizeThe following pages changed size from the code in this PR compared to its base branch:
DetailsOnly the gzipped size is provided here based on an expert tip. First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If Any third party scripts you have added directly to your app using the Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this. |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR fixes Korean typos, spacing, and terminology consistency across the Learn documentation, with one UI label localization in the page heading copy button.
Changes:
- Corrects Korean spacing/grammar around React terms and common phrases.
- Normalizes technical terms such as HTML tag, JavaScript function, content, and change/change 사항.
- Localizes the page copy button text to Korean.
Reviewed changes
Copilot reviewed 9 out of 29 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| src/content/learn/your-first-component.md | Fixes Korean spacing and terminology in component basics. |
| src/content/learn/you-might-not-need-an-effect.md | Fixes spacing around render/trigger phrasing. |
| src/content/learn/updating-objects-in-state.md | Fixes spacing and terminology around nested state and changes. |
| src/content/learn/updating-arrays-in-state.md | Fixes spacing, typo in handler name, and recap wording. |
| src/content/learn/tutorial-tic-tac-toe.md | Fixes Korean spacing in tutorial prose. |
| src/content/learn/thinking-in-react.md | Corrects “로써” to “로서”. |
| src/content/learn/synchronizing-with-effects.md | Fixes spacing, terminology, and heading wording. |
| src/content/learn/state-as-a-snapshot.md | Corrects “로써” to “로서”. |
| src/content/learn/start-a-new-react-project.md | Fixes Korean spacing in framework descriptions. |
| src/content/learn/sharing-state-between-components.md | Fixes spacing in state-sharing explanations. |
| src/content/learn/separating-events-from-effects.md | Fixes spacing around “트리거하지”. |
| src/content/learn/reusing-logic-with-custom-hooks.md | Fixes spacing before “같은”. |
| src/content/learn/responding-to-events.md | Fixes spacing in event propagation prose. |
| src/content/learn/rendering-lists.md | Fixes spacing around update wording. |
| src/content/learn/render-and-commit.md | Fixes spacing and terminology in render/commit docs. |
| src/content/learn/removing-effect-dependencies.md | Fixes spacing in exercise instructions. |
| src/content/learn/referencing-values-with-refs.md | Updates ref/state wording and table spacing. |
| src/content/learn/reacting-to-input-with-state.md | Fixes spacing in reducer explanation. |
| src/content/learn/react-compiler/incremental-adoption.md | Fixes spacing in compiler adoption prose. |
| src/content/learn/preserving-and-resetting-state.md | Fixes spacing in state preservation guidance. |
| src/content/learn/passing-props-to-a-component.md | Fixes spacing in props exercise text. |
| src/content/learn/manipulating-the-dom-with-refs.md | Fixes spacing in refs/commit phase prose. |
| src/content/learn/keeping-components-pure.md | Fixes spacing in purity guidance. |
| src/content/learn/extracting-state-logic-into-a-reducer.md | Fixes spacing and typo in reducer docs. |
| src/content/learn/escape-hatches.md | Fixes spacing around Hook examples. |
| src/content/learn/describing-the-ui.md | Fixes spacing in dependency tree explanation. |
| src/content/learn/creating-a-react-app.md | Fixes spacing in framework descriptions. |
| src/content/learn/choosing-the-state-structure.md | Fixes spacing in state-structure guidance. |
| src/components/PageHeading.tsx | Localizes copy button labels to Korean. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| Ref는 숫자를 가리키지만, [State](/learn/state-a-components-memory)처럼 문자열, 객체, 심지어 함수 등 모든 것을 가리킬 수 있습니다. State와 달리 Ref는 읽고 수정할 수 있는 `current` 프로퍼티를 가진 일반 자바스크립트 객체입니다. | ||
|
|
||
| **컴포넌트는 모든 증가에 대하여 다시 렌더링 되지 않습니다.** State와 마찬가지로 Ref도 React에 리렌더에 의해 유지됩니다. 그러나, State를 설정하면 컴포넌트가 다시 렌더링 됩니다. Ref를 변경하면 다시 렌더링 되지 않습니다! | ||
| **컴포넌트는 모든 증가에 대하여 다시 렌더링 되지 않습니다.** State와 마찬가지로 Ref도 React의 리렌더링에 의해 유지됩니다. 그러나, State를 설정하면 컴포넌트가 다시 렌더링 됩니다. Ref를 변경하면 다시 렌더링 되지 않습니다! |
| 여기서는 먼저 `[...list]` 전개 구문을 사용해 원본 배열의 복사본을 만듭니다. 이제 복사본이 있으므로 `nextList.reverse()` 또는 `nextList.sort()`와 같은 변경 함수를 사용하거나 `nextList[0] = "something"`과 같이 개별 항목을 할당할 수도 있습니다. | ||
|
|
||
| 그러나, **배열을 복사하더라도 배열 *내부* 에 기존 항목을 직접 변경해서는 안됩니다**. 이는 얕은 복사이기 때문에 복사한 새 배열에는 원본 배열과 동일한 항목이 포함됩니다. 따라서 복사된 배열 내부의 객체를 수정하면 기존 state가 변경됩니다. 예를 들면, 아래와 같은 코드가 문제가 됩니다. | ||
| 그러나, **배열을 복사하더라도 배열 *내부* 에 기존 항목을 직접 변경해서는 안 됩니다**. 이는 얕은 복사이기 때문에 복사한 새 배열에는 원본 배열과 동일한 항목이 포함됩니다. 따라서 복사된 배열 내부의 객체를 수정하면 기존 state가 변경됩니다. 예를 들면, 아래와 같은 코드가 문제가 됩니다. |
| 이번 예시에서는 `Avatar` 가 `<img>`의 넓이와 높이를 결정하는 숫자 `size` prop를 받습니다. `size` prop은 `40`으로 설정되어 있습니다. 그러나 새 탭에서 이미지를 열면, 이미지가 `160픽셀`로 커져 있을 것입니다. 실제 이미지 크기는 요청하는 썸네일 크기에 따라 결정됩니다. | ||
|
|
||
| `size` prop에 따라 가장 가까운 이미지 크기를 요청하도록 `Avatar` 컴포넌트를 변경하세요. 특히 `size` 가 `90`보다 작으면 `'s'`("small")을, 아니면 `'b'`("big")을 `getImageUrl` 함수에 전달하세요. `size` prop를 다른 값들을 전달해 보고, 아바타를 렌더링 하는지, 새 탭에서 이미지를 열어 변경사항이 제대로 반영되는지 확인해 보세요. | ||
| `size` prop에 따라 가장 가까운 이미지 크기를 요청하도록 `Avatar` 컴포넌트를 변경하세요. 특히 `size`가 `90`보다 작으면 `'s'`("small")을, 아니면 `'b'`("big")을 `getImageUrl` 함수에 전달하세요. `size` prop를 다른 값들을 전달해 보고, 아바타를 렌더링하는지, 새 탭에서 이미지를 열어 변경 사항이 제대로 반영되는지 확인해 보세요. |
| 아직 전부 사용해본 적은 없을 수 있지만, React에서는 렌더링하는 동안 읽을 수 있는 세 가지 종류의 입력 요소가 있습니다. [Props](/learn/passing-props-to-a-component), [State](/learn/state-a-components-memory), 그리고 [Context](/learn/passing-data-deeply-with-context). 이러한 입력 요소는 항상 읽기전용으로 취급해야 합니다. | ||
|
|
||
| 사용자의 입력에 따라 무언가를 _변경_ 하려는 경우, 변수 값을 직접 수정하는 대신 [State](/learn/state-a-components-memory)를 설정(set)해야 합니다. 컴포넌트가 렌더링되는 동안엔 기존 변수나 객체를 변경하면 안됩니다. | ||
| 사용자의 입력에 따라 무언가를 _변경_ 하려는 경우, 변수 값을 직접 수정하는 대신 [State](/learn/state-a-components-memory)를 설정(set)해야 합니다. 컴포넌트가 렌더링되는 동안엔 기존 변수나 객체를 변경하면 안 됩니다. |
| Next.js를 처음 사용하는 분이라면 [Next.js 배우기 코스](https://nextjs.org/learn)를 읽어보세요. | ||
|
|
||
| Next.js는 [Vercel](https://vercel.com/)이 관리합니다. 어떤 Node.js 서버, 서버리스 호스팅 또는 직접 소유한 서버 어느 곳에서라도 [Next.js 애플리케이션을 배포](https://nextjs.org/docs/app/building-your-application/deploying)할 수 있습니다. Next.js는 서버가 필요없는 [정적 내보내기<sup>Static Exports</sup>](https://nextjs.org/docs/pages/building-your-application/deploying/static-exports) 도 제공합니다. | ||
| Next.js는 [Vercel](https://vercel.com/)이 관리합니다. 어떤 Node.js 서버, 서버리스 호스팅 또는 직접 소유한 서버 어느 곳에서라도 [Next.js 애플리케이션을 배포](https://nextjs.org/docs/app/building-your-application/deploying)할 수 있습니다. Next.js는 서버가 필요 없는 [정적 내보내기<sup>Static Exports</sup>](https://nextjs.org/docs/pages/building-your-application/deploying/static-exports) 도 제공합니다. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
문서 전반에 걸쳐 오타를 수정하였습니다.