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
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 max-w-3xl lg:w-6/12 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