Skip to content
2 changes: 1 addition & 1 deletion src/components/Layout/HomeContent.js
Original file line number Diff line number Diff line change
Expand Up @@ -453,7 +453,7 @@ export function HomeContent() {
<Section background="right-card">
<div className="max-w-7xl mx-auto flex flex-col lg:flex-row px-5">
<div className="max-w-3xl lg:max-w-7xl gap-5 flex flex-col lg:flex-row lg:px-5">
<div className="w-full max-w-3xl flex flex-col items-start justify-start lg:ps-5 lg:pe-10">
<div className="w-full lg:w-6/12 max-w-3xl flex flex-col items-start justify-start lg:ps-5 lg:pe-10">
<Header>
새로운 기능에 맞춰
<Br breakPointPrefix="xl" /> 업그레이드 하기
Expand Down
2 changes: 1 addition & 1 deletion src/content/blog/2025/04/21/react-compiler-rc.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ React 팀이 새로운 업데이트를 발표합니다.

---

[React 컴파일러](https://react.dev/learn/react-compiler)는 자동 메모이제이션을 통해 React 앱을 최적화할 수 있도록 도와주는 빌드 툴입니다. 지난해, React Compiler의 [첫 번째 베타](https://react.dev/blog/2024/10/21/react-compiler-beta-release)를 공개했고 많은 피드백과 기여를 받았습니다. 실제로 컴파일러를 도입한 사례들 ([Sanity Studio](https://github.com/reactwg/react-compiler/discussions/33), [Wakelet](https://github.com/reactwg/react-compiler/discussions/52))에서도 성과를 확인했습니다. 그리고 이제 안정화 출시를 향해 나아가고 있습니다.
[React 컴파일러](https://react.dev/learn/react-compiler)는 자동 메모이제이션을 통해 React 앱을 최적화할 수 있도록 도와주는 빌드 툴입니다. 지난해, React 컴파일러의 [첫 번째 베타](https://react.dev/blog/2024/10/21/react-compiler-beta-release)를 공개했고 많은 피드백과 기여를 받았습니다. 실제로 컴파일러를 도입한 사례들 ([Sanity Studio](https://github.com/reactwg/react-compiler/discussions/33), [Wakelet](https://github.com/reactwg/react-compiler/discussions/52))에서도 성과를 확인했습니다. 그리고 이제 안정화 출시를 향해 나아가고 있습니다.

오늘 컴파일러의 첫 번째 RC (Release Candidate)를 공개합니다. RC는 컴파일러의 안정적이고 최종 버전에 가까운 상태로 프로덕션 환경에서 시도해 볼 수 있습니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14290,7 +14290,7 @@ useEffect(() => {

Effects가 컴포넌트 관점에서 생각되는 이유를 연구하는 데 시간을 보냈고, 그 이유 중 하나가 의존성 배열이라고 생각합니다. 작성해야 하므로, 바로 거기에 있고 여러분이 무엇에 "반응"하고 있는지를 상기시키며 '이 값들이 변경될 때 이것을 하라'는 멘탈 모델로 유도합니다.

hooks를 출시할 때, 사전 컴파일로 사용하기 더 쉽게 만들 수 있다는 것을 알고 있었습니다. React Compiler를 사용하면, 이제 대부분의 경우 `useCallback`과 `useMemo`를 직접 작성하는 것을 피할 수 있습니다. Effects의 경우, 컴파일러가 의존성을 자동으로 삽입할 수 있습니다:
hooks를 출시할 때, 사전 컴파일로 사용하기 더 쉽게 만들 수 있다는 것을 알고 있었습니다. React 컴파일러를 사용하면, 이제 대부분의 경우 `useCallback`과 `useMemo`를 직접 작성하는 것을 피할 수 있습니다. Effects의 경우, 컴파일러가 의존성을 자동으로 삽입할 수 있습니다:

```js
useEffect(() => {
Expand All @@ -14312,7 +14312,7 @@ Our hope is that automatically inserting dependencies is not only easier to writ

Later in 2025 [we shared](/blog/2025/10/07/react-compiler-1) the first stable release of React Compiler, and we're continuing to invest in shipping more improvements.

또한 React Compiler를 사용해서 코드 이해와 디버깅을 향상시킬 수 있는 정보를 제공하는 방법을 탐구하기 시작했습니다. 저희가 탐구하기 시작한 아이디어 중 하나는 [Lauren Tan의 React Conf 발표](https://conf2024.react.dev/talks/5)에서 사용된 확장 프로그램과 유사한, React Compiler를 기반으로 하는 새로운 실험적 LSP 기반 React IDE 확장 프로그램입니다.
또한 React 컴파일러를 사용해서 코드 이해와 디버깅을 향상시킬 수 있는 정보를 제공하는 방법을 탐구하기 시작했습니다. 저희가 탐구하기 시작한 아이디어 중 하나는 [Lauren Tan의 React Conf 발표](https://conf2024.react.dev/talks/5)에서 사용된 확장 프로그램과 유사한, React 컴파일러를 기반으로 하는 새로운 실험적 LSP 기반 React IDE 확장 프로그램입니다.

저희의 아이디어는 컴파일러의 정적 분석을 사용해서 IDE에서 직접 더 많은 정보, 제안, 최적화 기회를 제공할 수 있다는 것입니다. 예를 들어, React의 규칙을 위반하는 코드에 대한 진단을 제공하거나, 컴포넌트와 hooks가 컴파일러에 의해 최적화되었는지 보여주는 호버, 또는 [자동으로 삽입된 Effect 의존성](#automatic-effect-dependencies)을 볼 수 있는 CodeLens를 제공할 수 있습니다.

Expand Down
8 changes: 4 additions & 4 deletions src/content/blog/2025/10/16/react-conf-2025-recap.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,11 +41,11 @@ Jack Pope는 Canary에 도입될 새로운 기능들을 발표했으며, 여기
* [`<ViewTransition />`](https://react.dev/reference/react/ViewTransition) — 페이지 전환에 애니메이션을 적용하는 새로운 컴포넌트.
* [Fragment Refs](https://react.dev/reference/react/Fragment#fragmentinstance) — Fragment로 감싸진 DOM 노드와 상호작용하는 새로운 방식.

Lauren Tan은 [React Compiler v1.0](/blog/2025/10/07/react-compiler-1)을 발표하고, 다음과 같은 이점 때문에 모든 앱에서 React Compiler를 사용할 것을 권장했습니다.
Lauren Tan은 [React 컴파일러 v1.0](/blog/2025/10/07/react-compiler-1)을 발표하고, 다음과 같은 이점 때문에 모든 앱에서 React 컴파일러를 사용할 것을 권장했습니다.
* React 코드를 이해하는 [자동 메모이제이션](/learn/react-compiler/introduction#what-does-react-compiler-do).
* 모범 사례를 알려주는 React Compiler 기반의 [새로운 린트 규칙](/learn/react-compiler/installation#eslint-integration).
* 모범 사례를 알려주는 React 컴파일러 기반의 [새로운 린트 규칙](/learn/react-compiler/installation#eslint-integration).
* Vite, Next.js, Expo의 새로운 앱에 대한 [기본 지원](/learn/react-compiler/installation#basic-setup).
* 기존 앱이 React Compiler로 마이그레이션하기 위한 [마이그레이션 가이드](/learn/react-compiler/incremental-adoption).
* 기존 앱이 React 컴파일러로 마이그레이션하기 위한 [마이그레이션 가이드](/learn/react-compiler/incremental-adoption).

마지막으로, Seth Webster는 React의 오픈소스 개발과 커뮤니티를 관리할 [React Foundation](/blog/2025/10/07/introducing-the-react-foundation) 설립을 발표했습니다.

Expand Down Expand Up @@ -81,7 +81,7 @@ Ruben Norte와 Alex Hunt는 기조연설을 마무리하며 다음을 발표했
* [Profiling with React Performance tracks](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=8276s) [(Ruslan Lesiutin)](https://x.com/ruslanlesiutin)은 새로운 React Performance Tracks를 사용하여 성능 문제를 디버깅하고 훌륭한 앱을 구축하는 방법을 보여주었습니다.
* [React Strict DOM](https://www.youtube.com/watch?v=p9OcztRyDl0&t=9026s) [(Nicolas Gallagher)](https://nicolasgallagher.com/)는 Meta의 웹 코드를 네이티브에서 사용하는 접근 방식에 대해 이야기했습니다.
* [View Transitions and Activity](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=4870s) [(Chance Strickland)](https://x.com/chancethedev) — Chance는 React 팀과 협력하여 빠르고 네이티브 느낌의 애니메이션을 구축하기 위해 [`<Activity />`](https://react.dev/reference/react/Activity) 및 [`<ViewTransition />`](https://react.dev/reference/react/ViewTransition)를 사용하는 방법을 시연했습니다.
* [In case you missed the memo](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=9525s) [(Cody Olsen)](https://bsky.app/profile/codey.bsky.social) - Cody는 Sanity Studio에서 Compiler를 채택하기 위해 React 팀과 협력했으며, 그 경험을 공유했습니다.
* [In case you missed the memo](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=9525s) [(Cody Olsen)](https://bsky.app/profile/codey.bsky.social) - Cody는 Sanity Studio에서 컴파일러를 채택하기 위해 React 팀과 협력했으며, 그 경험을 공유했습니다.
## React 프레임워크 발표 {/*react-framework-talks*/}

둘째 날 후반부에는 다음을 포함하여 React 프레임워크 팀의 연속 발표가 있었습니다.
Expand Down
2 changes: 1 addition & 1 deletion src/content/blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ React 19에 추가된 개선 사항들로 인해 일부 주요한 변경 사항<

<BlogCard title="React Labs: 그동안의 작업 - 2024년 2월" date="2024년 2월 15일" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">

React Labs 게시글에서는 현재 연구 개발 중인 프로젝트에 대한 글을 작성합니다. 지난 업데이트 이후 React Compiler, 새로운 기능 및 React 19에서 상당한 진전이 있었으며, 그 내용을 공유하고자 합니다.
React Labs 게시글에서는 현재 연구 개발 중인 프로젝트에 대한 글을 작성합니다. 지난 업데이트 이후 React 컴파일러, 새로운 기능 및 React 19에서 상당한 진전이 있었으며, 그 내용을 공유하고자 합니다.

</BlogCard>

Expand Down
2 changes: 1 addition & 1 deletion src/content/reference/react-compiler/configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: 설정

<Intro>

이 페이지에서는 React Compiler에서 사용할 수 있는 모든 설정 옵션을 나열합니다.
이 페이지에서는 React 컴파일러에서 사용할 수 있는 모든 설정 옵션을 나열합니다.

</Intro>

Expand Down
85 changes: 32 additions & 53 deletions src/sidebarBlog.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,88 +11,67 @@
"path": "/blog",
"skipBreadcrumb": true,
"routes": [
{
"title": "React Compiler v1.0",
"titleForHomepage": "React Compiler v1.0",
"icon": "blog",
"date": "October 8, 2025",
"path": "/blog/2025/10/07/react-compiler-1"
},
{
"title": "Introducing the React Foundation",
"titleForHomepage": "Introducing the React Foundation",
"icon": "blog",
"date": "October 7, 2025",
"path": "/blog/2025/10/07/introducing-the-react-foundation"
},
{
"title": "React 19.2",
"titleForHomepage": "React 19.2에는 Activity, React 성능 트랙, useEffectEvent 등의 새로운 기능이 추가되었습니다. 이 글에서는...",
"title": "React Conf 2025 요약",
"titleForHomepage": "React Conf 2025 요약",
"icon": "blog",
"date": "October 1, 2025",
"path": "/blog/2025/10/01/react-19-2"
},
{
"title": "React Conf 2025 Recap",
"titleForHomepage": "React Conf 2025 Recap",
"icon": "blog",
"date": "October 16, 2025",
"date": "2025.10.16",
"path": "/blog/2025/10/16/react-conf-2025-recap"
},
{
"title": "React Compiler v1.0",
"titleForHomepage": "React Compiler v1.0",
"title": "React 컴파일러 v1.0",
"titleForHomepage": "React 컴파일러 v1.0",
"icon": "blog",
"date": "October 7, 2025",
"date": "2025.10.08",
"path": "/blog/2025/10/07/react-compiler-1"
},
{
"title": "Introducing the React Foundation",
"titleForHomepage": "Introducing the React Foundation",
"title": "React Foundation 소개",
"titleForHomepage": "React Foundation 소개",
"icon": "blog",
"date": "October 7, 2025",
"date": "2025.10.07",
"path": "/blog/2025/10/07/introducing-the-react-foundation"
},
{
"title": "React 19.2",
"titleForHomepage": "React 19.2",
"icon": "blog",
"date": "October 1, 2025",
"date": "2025.10.01",
"path": "/blog/2025/10/01/react-19-2"
},
{
"title": "React Labs: View Transitions, Activity, and more",
"titleForHomepage": "View Transitions and Activity",
"icon": "blog",
"date": "April 23, 2025",
"title": "React Labs: View Transitions, Activity",
"titleForHomepage": "View Transitions와 Activity",
"icon": "labs",
"date": "2025.04.23",
"path": "/blog/2025/04/23/react-labs-view-transitions-activity-and-more"
},
{
"title": "React Compiler RC",
"titleForHomepage": "React Compiler RC",
"title": "React 컴파일러 RC",
"titleForHomepage": "React 컴파일러 RC",
"icon": "blog",
"date": "April 21, 2025",
"date": "2025.04.21",
"path": "/blog/2025/04/21/react-compiler-rc"
},
{
"title": "Create React App 지원 종료",
"titleForHomepage": "Sunsetting Create React App",
"titleForHomepage": "Create React App 지원 종료",
"icon": "blog",
"date": "February 14, 2025",
"date": "2025.02.14",
"path": "/blog/2025/02/14/sunsetting-create-react-app"
},
{
"title": "React 19",
"titleForHomepage": "React 19",
"icon": "blog",
"date": "December 05, 2024",
"date": "2024.12.05",
"path": "/blog/2024/12/05/react-19"
},
{
"title": "React Compiler Beta Release and Roadmap",
"titleForHomepage": "React Compiler Beta Release and Roadmap",
"title": "React 컴파일러 베타 릴리스 및 로드맵",
"titleForHomepage": "React 컴파일러 베타 릴리스 및 로드맵",
"icon": "blog",
"date": "October 21, 2024",
"date": "2024.10.21",
"path": "/blog/2024/10/21/react-compiler-beta-release"
},
{
Expand All @@ -106,26 +85,26 @@
"title": "React 19 RC",
"titleForHomepage": "React 19 RC",
"icon": "blog",
"date": "April 25, 2024",
"date": "2024.04.25",
"path": "/blog/2024/04/25/react-19"
},
{
"title": "React 19 RC Upgrade Guide",
"titleForHomepage": "React 19 RC Upgrade Guide",
"title": "React 19 RC 업그레이드 가이드",
"titleForHomepage": "React 19 RC 업그레이드 가이드",
"icon": "blog",
"date": "April 25, 2024",
"date": "2024.04.25",
"path": "/blog/2024/04/25/react-19-upgrade-guide"
},
{
"title": "React Labs: What We've Been Working On – February 2024",
"titleForHomepage": "React Labs: February 2024",
"title": "React Labs: 그동안의 작업 - 2024년 2월",
"titleForHomepage": "React Labs: 2024년 2월",
"icon": "labs",
"date": "February 15, 2024",
"date": "2024.02.15",
"path": "/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024"
},
{
"title": "React Canaries: Enabling Incremental Feature Rollout Outside Meta",
"titleForHomepage": "React Canaries: Incremental Feature Rollout",
"title": "React Canaries: Meta 외부에서의 점진적 기능 출시",
"titleForHomepage": "React Canaries: 점진적 기능 출시",
"icon": "blog",
"date": "2023.05.03",
"path": "/blog/2023/05/03/react-canaries"
Expand Down
12 changes: 6 additions & 6 deletions src/sidebarHome.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
"path": "/learn/setup"
},
{
"title": "React Compiler",
"title": "React 컴파일러",
"path": "/learn/react-compiler"
},
{
Expand Down Expand Up @@ -84,23 +84,23 @@
},
{
"hasSectionHeader": true,
"sectionHeader": "REACT COMPILER API"
"sectionHeader": "React 컴파일러 API"
},
{
"title": "Configuration",
"title": "설정",
"path": "/reference/react-compiler/configuration"
},
{
"title": "Directives",
"title": "지시어",
"path": "/reference/react-compiler/directives"
},
{
"title": "Compiling Libraries",
"title": "라이브러리 컴파일",
"path": "/reference/react-compiler/compiling-libraries"
},
{
"hasSectionHeader": true,
"sectionHeader": "GET INVOLVED"
"sectionHeader": "참여하기"
},
{
"title": "React 커뮤니티",
Expand Down
9 changes: 9 additions & 0 deletions textlint/data/rules/translateGlossary.js
Original file line number Diff line number Diff line change
Expand Up @@ -457,6 +457,15 @@ module.exports = {
note: '',
},
},
{
sources: [/\bCompiler\b/],
target: '컴파일러',
meta: {
term: 'Compiler',
discussions: [1400],
note: '',
},
},
],
others: [
{
Expand Down
1 change: 1 addition & 0 deletions wiki/translate-glossary.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@ Escape Hatches|`/\bEscape[-\s]?Hatches\b/`|탈출구|[#738](https://github.com/r
Bundle|`/\bBundles?\b/`|번들|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
Bundler|`/\bBundlers?\b/`|번들러|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
Bundling|`/\bBundling\b/`|번들링|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
Compiler|`/\bCompiler\b/`|컴파일러|[#1400](https://github.com/reactjs/ko.react.dev/issues/1400)||

### Others

Expand Down