03-pages > 02-api-reference > 02-functions > get-initial-props.mdx #318
Conversation
This file contains 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
Closed
Closed
YuriKwon
reviewed
Jul 5, 2023
| @@ -1,11 +1,11 @@ | |||
| --- | |||
| title: getInitialProps | |||
| description: Fetch dynamic data on the server for your React component with getInitialProps. | |||
| description: getInitialProps를 사용하여 React 컴포넌트에 동적 데이터를 서버에서 가져옵니다. | |||
There was a problem hiding this comment.
React 컴포넌트에 동적 데이터를 서버에서 가져옵니다.
-> 서버에서 React 컴포넌트를 위한 동적 데이터를 가져옵니다.
로 번역하면 조금 더 자연스러울 것 같습니다!
| --- | ||
|
|
||
| > **Good to know**: `getInitialProps` is a legacy API. We recommend using [`getStaticProps`](/docs/pages/building-your-application/data-fetching/get-static-props) or [`getServerSideProps`](/docs/pages/building-your-application/data-fetching/get-server-side-props) instead. | ||
| > **참고**: `getInitialProps`는 레거시 API입니다. [`getStaticProps`](/docs/pages/building-your-application/data-fetching/get-static-props) 또는 [`getServerSideProps`](/docs/pages/building-your-application/data-fetching/get-server-side-props)을 사용하는 것이 좋습니다. |
There was a problem hiding this comment.
- instead의 의미를 살려서
"~ API입니다." 뒤에대신에같은 구절을 추가하면 어떨지 의견내봅니다 :) - props를 '프로퍼티즈'로 읽는다는 점을 고려해, getServerSideProps 뒤의 조사를
을 -> 를로 수정 부탁드립니다! (관련 문서)
|
|
||
| `getInitialProps` is an `async` function that can be added to the default exported React component for the page. It will run on both the server-side and again on the client-side during page transitions. The result of the function will be forwarded to the React component as `props`. | ||
| `getInitialProps`는 기본적으로 내보내는 페이지의 React 컴포넌트에 추가할 수 있는 비동기 함수입니다. 이 함수는 페이지 전환 시 서버 측과 클라이언트 측에서 모두 실행됩니다. 함수의 결과는 React 컴포넌트에 `props`로 전달됩니다. |
There was a problem hiding this comment.
async는 원문 그대로 살리는 게 좋을 것 같습니다.- 또한 문장 구조를 바꾸면 조금 더 명확해질 것 같습니다.
Suggested change
| `getInitialProps`는 기본적으로 내보내는 페이지의 React 컴포넌트에 추가할 수 있는 비동기 함수입니다. 이 함수는 페이지 전환 시 서버 측과 클라이언트 측에서 모두 실행됩니다. 함수의 결과는 React 컴포넌트에 `props`로 전달됩니다. | |
| `getInitialProps`는 페이지에 대해 기본적으로 내보낸 React 컴포넌트에 추가할 수 있는 `async` 함수입니다. 이 함수는 페이지 전환 시 서버 측과 클라이언트 측에서 모두 실행됩니다. 함수의 결과는 React 컴포넌트에 `props`로 전달됩니다. |
| - `getInitialProps` can only be used in `pages/` top level files, and not in nested components. To have nested data fetching at the component level, consider exploring the [App Router](/docs/app/building-your-application/data-fetching). | ||
| - Regardless of whether your route is static or dynamic, any data returned from `getInitialProps` as `props` will be able to be examined on the client-side in the initial HTML. This is to allow the page to be [hydrated](https://react.dev/reference/react-dom/hydrate) correctly. Make sure that you don't pass any sensitive information that shouldn't be available on the client in `props`. | ||
| - `getInitialProps`는 `pages/` 최상위 파일에서만 사용할 수 있으며 중첩된 컴포넌트에서는 사용할 수 없습니다. 컴포넌트 수준에서 중첩된 데이터를 가져오려면 [App Router](/docs/app/building-your-application/data-fetching)를 확인해 보세요. | ||
| - 정적인 경로인지 동적인 경로인지와 관계없이, `getInitialProps`에서 `props`로 반환된 모든 데이터는 초기 HTML에서 클라이언트 측에서 확인할 수 있습니다. 이는 페이지가 올바르게 [hydrate](https://react.dev/reference/react-dom/hydrate) 되도록 하기 위한 것입니다. 클라이언트에서 사용하면 안 되는 민감한 정보를 `props`에 전달하지 않도록 주의하세요. |
There was a problem hiding this comment.
첫문장에서 에서가 반복되어 문장이 부자연스럽게 느껴집니다.!
다음과 같이 의역하면 어떨까요?
Suggested change
| - 정적인 경로인지 동적인 경로인지와 관계없이, `getInitialProps`에서 `props`로 반환된 모든 데이터는 초기 HTML에서 클라이언트 측에서 확인할 수 있습니다. 이는 페이지가 올바르게 [hydrate](https://react.dev/reference/react-dom/hydrate) 되도록 하기 위한 것입니다. 클라이언트에서 사용하면 안 되는 민감한 정보를 `props`에 전달하지 않도록 주의하세요. | |
| - 정적인 경로인지 동적인 경로인지와 관계없이, `getInitialProps`에서 `props`로 반환된 모든 데이터는 클라이언트 측에서 초기 HTML을 통해 확인할 수 있습니다. 이는 페이지가 올바르게 [hydrate](https://react.dev/reference/react-dom/hydrate) 되도록 하기 위한 것입니다. 클라이언트에서 사용하면 안 되는 민감한 정보를 `props`에 전달하지 않도록 주의하세요. |
|
@YuriKwon 리뷰 감사합니다~! |
yoo-jimin127
approved these changes
Jul 11, 2023
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.
기여자용
문서 개선
pnpm prettier-fix를 실행하여 서식 문제를 해결합니다. - 문서 기여 가이드를 읽고 문서 지침을 따르는지 확인하세요: https://github.com/Nextjs-kr/Nextjs.ko/blob/main/packages/next/README.mdProgress
pnpm prettier-fix