02-app > 01-building-your-application > 06-configuring > 11-draft-mode.mdx #401
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
|
ref #163 |
YuriKwon
reviewed
Aug 22, 2023
| @@ -1,20 +1,24 @@ | |||
| --- | |||
| title: Draft Mode | |||
| description: Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. | |||
| title: 초안 모드 | |||
There was a problem hiding this comment.
Suggested change
| title: 초안 모드 | |
| title: 드래프트 모드 |
다른 문서에서 draftMode를 '드래프트 모드'로 번역한 부분이 있습니다!
통일을 위해 초안 모드 -> 드래프트 모드로 변경 부탁드립니다:)
이 부분 외에도 전체적으로 적용 부탁드려요!
| title: Draft Mode | ||
| description: Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. | ||
| title: 초안 모드 | ||
| description: Next.js에는 정적 페이지와 동적 페이지 사이를 전환할 수 있는 초안 모드가 있습니다. 이 문서에서 App Router와 함께 작동하는 방법을 알아볼 수 있습니다. |
There was a problem hiding this comment.
Suggested change
| description: Next.js에는 정적 페이지와 동적 페이지 사이를 전환할 수 있는 초안 모드가 있습니다. 이 문서에서 App Router와 함께 작동하는 방법을 알아볼 수 있습니다. | |
| description: Next.js에는 정적 페이지와 동적 페이지를 전환할 수 있는 드래프트 모드가 있습니다. 이 문서에서 드래프트 모드가 App Router와 함께 작동하는 방법을 알아볼 수 있습니다. |
| --- | ||
|
|
||
| Static rendering is useful when your pages fetch data from a headless CMS. However, it’s not ideal when you’re writing a draft on your headless CMS and want to view the draft immediately on your page. You’d want Next.js to render these pages at **request time** instead of build time and fetch the draft content instead of the published content. You’d want Next.js to to switch to [dynamic rendering](/docs/app/building-your-application/rendering/static-and-dynamic-rendering) only for this specific case. | ||
| 정적 렌더링은 페이지가 Headless CMS에서 데이터를 가져올 때 유용합니다. |
There was a problem hiding this comment.
Suggested change
| 정적 렌더링은 페이지가 Headless CMS에서 데이터를 가져올 때 유용합니다. | |
| 정적 렌더링은 페이지가 헤드리스 CMS에서 데이터를 가져올 때 유용합니다. |
이 부분도 마찬가지로 전체적으로 적용 부탁드립니다!
Comment on lines
6
to
10
| 정적 렌더링은 페이지가 Headless CMS에서 데이터를 가져올 때 유용합니다. | ||
| 하지만 Headless CMS에서 초안을 작성하고 페이지에서 초안을 바로 확인하려는 경우에는 이런 방식이 적합하지 않습니다. | ||
| 이럴 때는 페이지를 빌드 시간이 아닌 **요청 시간**에 렌더링하고, | ||
| 게시된 콘텐츠 대신 초안 콘텐츠를 가져오는 것이 Next.js에게 필요한 기능일 것입니다. | ||
| 또한 이러한 특정 경우에만 Next.js가 [동적 렌더링](/docs/app/building-your-application/rendering/static-and-dynamic-rendering)으로 전환하기를 원할 것입니다. |
There was a problem hiding this comment.
6~10번 라인이 기존에 줄 바꿈 없이 한 줄 안에(6번 라인에) 들어가 있는 듯해요!
원문 스타일 유지를 위해 줄 바꿈 없이 작성 부탁드립니다!
| --- | ||
|
|
||
| Static rendering is useful when your pages fetch data from a headless CMS. However, it’s not ideal when you’re writing a draft on your headless CMS and want to view the draft immediately on your page. You’d want Next.js to render these pages at **request time** instead of build time and fetch the draft content instead of the published content. You’d want Next.js to to switch to [dynamic rendering](/docs/app/building-your-application/rendering/static-and-dynamic-rendering) only for this specific case. | ||
| 정적 렌더링은 페이지가 Headless CMS에서 데이터를 가져올 때 유용합니다. | ||
| 하지만 Headless CMS에서 초안을 작성하고 페이지에서 초안을 바로 확인하려는 경우에는 이런 방식이 적합하지 않습니다. |
There was a problem hiding this comment.
Suggested change
| 하지만 Headless CMS에서 초안을 작성하고 페이지에서 초안을 바로 확인하려는 경우에는 이런 방식이 적합하지 않습니다. | |
| 하지만 Headless CMS에서 초안을 작성하고 페이지에서 초안을 바로 확인하려고 하는 경우에는 정적 렌더링 방식이 적합하지 않습니다. |
| import { draftMode } from 'next/headers' | ||
| import { redirect } from 'next/navigation' | ||
|
|
||
| export async function GET(request) { | ||
| // Parse query string parameters | ||
| // 매개 변수로 들어온 쿼리 스트링을 파싱합니다 |
There was a problem hiding this comment.
Suggested change
| // 매개 변수로 들어온 쿼리 스트링을 파싱합니다 | |
| // 매개변수로 들어온 쿼리 스트링을 파싱합니다 |
|
|
||
| ```tsx filename="app/page.tsx" switcher | ||
| // page that fetches data | ||
| // 데이터를 가져오는 페이지 컴포넌트 |
There was a problem hiding this comment.
Suggested change
| // 데이터를 가져오는 페이지 컴포넌트 | |
| // 데이터를 가져오는 페이지 |
원문에 component라는 단어가 없어서, 이렇게 수정하면 어떨까요? 의견 부탁드립니다!
| @@ -172,7 +176,7 @@ export default async function Page() { | |||
| ``` | |||
|
|
|||
| ```jsx filename="app/page.js" switcher | |||
| // page that fetches data | |||
| // 데이터를 가져오는 페이지 컴포넌트 | |||
Comment on lines
206
to
207
| 끝입니다! 이제 Headless CMS를 통하거나 수동으로 초안 모드가 활성화된 라우트 핸들러에 접근하면(비밀 토큰과 `slug` 필요) 초안의 내용을 볼 수 있습니다. | ||
| 그리고 게시하지 않고도 업데이트된 초안 내용을 볼 수 있게 됩니다. |
There was a problem hiding this comment.
Suggested change
| 끝입니다! 이제 Headless CMS를 통하거나 수동으로 초안 모드가 활성화된 라우트 핸들러에 접근하면(비밀 토큰과 `slug` 필요) 초안의 내용을 볼 수 있습니다. | |
| 그리고 게시하지 않고도 업데이트된 초안 내용을 볼 수 있게 됩니다. | |
| 끝입니다! 이제 Headless CMS를 통하거나 수동으로 초안 모드가 활성화된 라우트 핸들러에 접근하면(비밀 토큰과 `slug` 필요) 초안의 내용을 볼 수 있습니다. 또한 초안을 게시하지 않고도 업데이트한 초안 내용을 볼 수 있습니다. |
|
|
||
| > **Good to know**: To test Draft Mode locally over HTTP, your browser will need to allow third-party cookies and local storage access. | ||
| > **알아두면 좋은 정보**: HTTP를 통해 로컬에서 초안 모드를 테스트하려면 브라우저에서 서드파티 쿠키 및 로컬 스토리지 접근을 허용해야 합니다. |
There was a problem hiding this comment.
Suggested change
| > **알아두면 좋은 정보**: HTTP를 통해 로컬에서 초안 모드를 테스트하려면 브라우저에서 서드파티 쿠키 및 로컬 스토리지 접근을 허용해야 합니다. | |
| > **참고**: HTTP를 통해 로컬에서 초안 모드를 테스트하려면, 브라우저에서 서드파티 쿠키 및 로컬 스토리지 접근을 허용해야 합니다. |
Good to know는 참고 로 번역합니다!
(https://github.com/Nextjs-kr/Nextjs.kr/wiki/Translate-Glossary)
|
@CaesiumY 리뷰 이후 작업이 몇일 동안 이뤄지지 않아 9월 13일까지 작업이 없을 경우 이슈를 close하고 새로운 분에게 할당하겠습니다! |
|
깜빡하고 있다가 보게 돼서 급하게 올립니다😓 말씀해주신 부분 수정과 다시 읽다가 불분명한 부분을 수정했습니다. 추가로 질문 사항이 있는데 감사합니다! 👍👍👍 |
|
@CaesiumY 님 안녕하세요! |
yoo-jimin127
approved these changes
Sep 14, 2023
Closed
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.
issue #163
기여자용
문서 개선
pnpm prettier-fix를 실행하여 서식 문제를 해결합니다. - 문서 기여 가이드를 읽고 문서 지침을 따르는지 확인하세요: https://github.com/Nextjs-kr/Nextjs.ko/blob/main/packages/next/README.mdProgress
pnpm prettier-fix딱딱한 직역 스타일로 진행했는데 부드러운 의역 스타일을 원하신다면 언제든지 말씀해주세요!