Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 0 additions & 8 deletions src/components/Layout/HomeContent.js
Original file line number Diff line number Diff line change
Expand Up @@ -171,14 +171,6 @@ export function HomeContent() {
label="API Reference">
API 참고서
</ButtonLink>
<ButtonLink
href={'https://ko-react-exy5xcwjj-fbopensource.vercel.app/'}
type="secondary"
size="lg"
className="w-full sm:w-auto justify-center"
label="API Reference">
React v18 한글
</ButtonLink>
</div>
</div>

Expand Down
24 changes: 0 additions & 24 deletions src/components/Layout/TopNav/TopNav.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,22 +42,6 @@ declare global {
}
}

const react18Icon = (
<svg
stroke="currentColor"
fill="none"
strokeWidth="2"
viewBox="0 0 24 24"
strokeLinecap="round"
strokeLinejoin="round"
height="200px"
width="200px"
xmlns="http://www.w3.org/2000/svg">
<path d="M8 8h1v8"></path>
<path d="M15 12h-1a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1zh-1a1 1 0 0 0 -1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1"></path>
</svg>
);

const darkIcon = (
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down Expand Up @@ -371,14 +355,6 @@ export default function TopNav({
<IconSearch className="w-5 h-5 align-middle" />
</button>
</div>
<div className="flex">
<Link
href="https://ko-react-exy5xcwjj-fbopensource.vercel.app/"
aria-label="React version 18 Korean translation"
className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center overflow-hidden hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link">
{react18Icon}
</Link>
</div>
<div className="flex dark:hidden">
<button
type="button"
Expand Down
2 changes: 1 addition & 1 deletion src/content/reference/react-dom/server/renderToString.md
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ app.use('/', (request, response) => {
클라이언트에서 일부 컴포넌트를 HTML로 변환하기 위해 `renderToString`을 사용하기도 합니다.
```js {1-2}
// 🚩 불필요: 클라이언트에서 renderToString 사용하기
// 🚩 불필요: 클라이언트에서 `renderToString` 사용하기.
import { renderToString } from 'react-dom/server';

const html = renderToString(<MyIcon />);
Expand Down
2 changes: 1 addition & 1 deletion src/content/reference/react-dom/static/prerender.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ async function handler(request, response) {

### `prerender`를 언제 사용해야 하나요? {/*when-to-use-prerender*/}

정적 `prerender` API는 정적 서버 사이드 생성(SSG)에 사용됩니다. `renderToString`과 달리 `prerender`는 해결되기 전에 모든 데이터가 로드될 때까지 대기합니다. 이는 Suspense를 사용하여 가져와야 하는 데이터를 포함하여 전체 페이지에 대한 정적 HTML을 생성하는 데 적합합니다. 콘텐츠가 로드되면서 스트리밍하려면 [`renderToReadableStream`](/reference/react-dom/server/renderToReadableStream)과 같은 스트리밍 서버 사이드 렌더링(SSR) API를 사용하세요.
정적 `prerender` API는 정적 사이트 생성<sup>SSG, Static Site Generation</sup>에 사용됩니다. `renderToString`과 달리 `prerender`는 해결되기 전에 모든 데이터가 로드될 때까지 대기합니다. 이는 Suspense를 사용하여 가져와야 하는 데이터를 포함하여 전체 페이지에 대한 정적 HTML을 생성하는 데 적합합니다. 콘텐츠가 로드되면서 스트리밍하려면 [`renderToReadableStream`](/reference/react-dom/server/renderToReadableStream)과 같은 스트리밍 서버 사이드 렌더링(SSR) API를 사용하세요.

`prerender` can be aborted and later either continued with `resumeAndPrerender` or resumed with `resume` to support partial pre-rendering.

Expand Down