Skip to content

Commit 8734cc7

Browse files
jaem0629hg-pyunlumirlumir
authored
feat: React Compiler 번역 용어 통일 (React 컴파일러) (#1401)
<!-- PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다! 기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요. --> closes #1400 # React Compiler 번역 용어 통일 <!-- 어떤 종류의 PR인지 상세 내용을 작성해주세요. --> **React Compiler**를 **React 컴파일러**로 사용할 수 있도록 `translate-glossary.js` 파일을 개선하고, textlint를 점검하여 용어 수정이 필요한 부분들을 적용 하였습니다. ## 추가: sidebarBlog.json 개선 또한 React Compiler 번역을 찾아 수정하던 중 **블로그**의 사이드바에서 중복 링크 선언(React Compiler v1.0, React 19.2, Introducing the React Foundation이 두번씩 선언 되어 있음)과, 코드상에서 date 표기 문제 등을 발견하여 함께 수정하였습니다. ### 원문 <img width="790" height="454" alt="스크린샷 2026-01-10 오후 10 00 49" src="https://github.com/user-attachments/assets/2aeba7f1-4319-42bf-849a-b4ca048232dd" /> ### 기존 <img width="725" height="751" alt="스크린샷 2026-01-10 오후 9 40 38" src="https://github.com/user-attachments/assets/ab5f50f9-14f5-4e2b-96bf-dc40dd9d40b1" /> ### 수정 <img width="663" height="457" alt="스크린샷 2026-01-10 오후 10 01 30" src="https://github.com/user-attachments/assets/b2016a61-f2e8-49bd-bf6b-40f419026226" /> ## 추가: sidebarHome.json 개선 또한 **홈**의 사이드바에서 번역되지 않은 부분을 함께 수정하였습니다. ### 기존 <img width="307" height="559" alt="스크린샷 2026-01-10 오후 9 51 28" src="https://github.com/user-attachments/assets/d5a862da-40c4-490c-9124-0d036e64416a" /> ### 수정 <img width="272" height="325" alt="스크린샷 2026-01-10 오후 10 03 11" src="https://github.com/user-attachments/assets/6d58f760-0dba-493e-aaa1-f19544c14d28" /> ## 필수 확인 사항 - [x] [기여자 행동 강령 규약<sup>Code of Conduct</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md) - [x] [기여 가이드라인<sup>Contributing</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md) - [x] [공통 스타일 가이드<sup>Universal Style Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md) - [x] [번역을 위한 모범 사례<sup>Best Practices for Translation</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md) - [x] [번역 용어 정리<sup>Translate Glossary</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md) - [x] [`textlint` 가이드<sup>Textlint Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md) - [x] [맞춤법 검사<sup>Spelling Check</sup>](https://nara-speller.co.kr/speller/) ## 선택 확인 사항 - [ ] 번역 초안 작성<sup>Draft Translation</sup> - [ ] 리뷰 반영<sup>Resolve Reviews</sup> --------- Co-authored-by: Jaem <91131509+DarkChocoJaem@users.noreply.github.com> Co-authored-by: Haegul Pyun <phg2491@gmail.com> Co-authored-by: 루밀LuMir <rpfos@naver.com>
1 parent d44351e commit 8734cc7

File tree

10 files changed

+58
-69
lines changed

10 files changed

+58
-69
lines changed

src/components/Layout/HomeContent.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -453,7 +453,7 @@ export function HomeContent() {
453453
<Section background="right-card">
454454
<div className="max-w-7xl mx-auto flex flex-col lg:flex-row px-5">
455455
<div className="max-w-3xl lg:max-w-7xl gap-5 flex flex-col lg:flex-row lg:px-5">
456-
<div className="w-full max-w-3xl flex flex-col items-start justify-start lg:ps-5 lg:pe-10">
456+
<div className="w-full lg:w-6/12 max-w-3xl flex flex-col items-start justify-start lg:ps-5 lg:pe-10">
457457
<Header>
458458
새로운 기능에 맞춰
459459
<Br breakPointPrefix="xl" /> 업그레이드 하기

src/content/blog/2025/04/21/react-compiler-rc.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ React 팀이 새로운 업데이트를 발표합니다.
2121

2222
---
2323

24-
[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))에서도 성과를 확인했습니다. 그리고 이제 안정화 출시를 향해 나아가고 있습니다.
24+
[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))에서도 성과를 확인했습니다. 그리고 이제 안정화 출시를 향해 나아가고 있습니다.
2525

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

src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14290,7 +14290,7 @@ useEffect(() => {
1429014290

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

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

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

1431314313
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.
1431414314

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

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

src/content/blog/2025/10/16/react-conf-2025-recap.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,11 @@ Jack Pope는 Canary에 도입될 새로운 기능들을 발표했으며, 여기
4141
* [`<ViewTransition />`](https://react.dev/reference/react/ViewTransition) — 페이지 전환에 애니메이션을 적용하는 새로운 컴포넌트.
4242
* [Fragment Refs](https://react.dev/reference/react/Fragment#fragmentinstance) — Fragment로 감싸진 DOM 노드와 상호작용하는 새로운 방식.
4343

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

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

@@ -81,7 +81,7 @@ Ruben Norte와 Alex Hunt는 기조연설을 마무리하며 다음을 발표했
8181
* [Profiling with React Performance tracks](https://www.youtube.com/watch?v=zyVRg2QR6LA&t=8276s) [(Ruslan Lesiutin)](https://x.com/ruslanlesiutin)은 새로운 React Performance Tracks를 사용하여 성능 문제를 디버깅하고 훌륭한 앱을 구축하는 방법을 보여주었습니다.
8282
* [React Strict DOM](https://www.youtube.com/watch?v=p9OcztRyDl0&t=9026s) [(Nicolas Gallagher)](https://nicolasgallagher.com/)는 Meta의 웹 코드를 네이티브에서 사용하는 접근 방식에 대해 이야기했습니다.
8383
* [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)를 사용하는 방법을 시연했습니다.
84-
* [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 팀과 협력했으며, 그 경험을 공유했습니다.
84+
* [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 팀과 협력했으며, 그 경험을 공유했습니다.
8585
## React 프레임워크 발표 {/*react-framework-talks*/}
8686

8787
둘째 날 후반부에는 다음을 포함하여 React 프레임워크 팀의 연속 발표가 있었습니다.

src/content/blog/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ React 19에 추가된 개선 사항들로 인해 일부 주요한 변경 사항<
7272

7373
<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">
7474

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

7777
</BlogCard>
7878

src/content/reference/react-compiler/configuration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: 설정
44

55
<Intro>
66

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

99
</Intro>
1010

src/sidebarBlog.json

Lines changed: 32 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -11,88 +11,67 @@
1111
"path": "/blog",
1212
"skipBreadcrumb": true,
1313
"routes": [
14-
{
15-
"title": "React Compiler v1.0",
16-
"titleForHomepage": "React Compiler v1.0",
17-
"icon": "blog",
18-
"date": "October 8, 2025",
19-
"path": "/blog/2025/10/07/react-compiler-1"
20-
},
21-
{
22-
"title": "Introducing the React Foundation",
23-
"titleForHomepage": "Introducing the React Foundation",
24-
"icon": "blog",
25-
"date": "October 7, 2025",
26-
"path": "/blog/2025/10/07/introducing-the-react-foundation"
27-
},
2814
{
29-
"title": "React 19.2",
30-
"titleForHomepage": "React 19.2에는 Activity, React 성능 트랙, useEffectEvent 등의 새로운 기능이 추가되었습니다. 이 글에서는...",
15+
"title": "React Conf 2025 요약",
16+
"titleForHomepage": "React Conf 2025 요약",
3117
"icon": "blog",
32-
"date": "October 1, 2025",
33-
"path": "/blog/2025/10/01/react-19-2"
34-
},
35-
{
36-
"title": "React Conf 2025 Recap",
37-
"titleForHomepage": "React Conf 2025 Recap",
38-
"icon": "blog",
39-
"date": "October 16, 2025",
18+
"date": "2025.10.16",
4019
"path": "/blog/2025/10/16/react-conf-2025-recap"
4120
},
4221
{
43-
"title": "React Compiler v1.0",
44-
"titleForHomepage": "React Compiler v1.0",
22+
"title": "React 컴파일러 v1.0",
23+
"titleForHomepage": "React 컴파일러 v1.0",
4524
"icon": "blog",
46-
"date": "October 7, 2025",
25+
"date": "2025.10.08",
4726
"path": "/blog/2025/10/07/react-compiler-1"
4827
},
4928
{
50-
"title": "Introducing the React Foundation",
51-
"titleForHomepage": "Introducing the React Foundation",
29+
"title": "React Foundation 소개",
30+
"titleForHomepage": "React Foundation 소개",
5231
"icon": "blog",
53-
"date": "October 7, 2025",
32+
"date": "2025.10.07",
5433
"path": "/blog/2025/10/07/introducing-the-react-foundation"
5534
},
5635
{
5736
"title": "React 19.2",
5837
"titleForHomepage": "React 19.2",
5938
"icon": "blog",
60-
"date": "October 1, 2025",
39+
"date": "2025.10.01",
6140
"path": "/blog/2025/10/01/react-19-2"
6241
},
6342
{
64-
"title": "React Labs: View Transitions, Activity, and more",
65-
"titleForHomepage": "View Transitions and Activity",
66-
"icon": "blog",
67-
"date": "April 23, 2025",
43+
"title": "React Labs: View Transitions, Activity",
44+
"titleForHomepage": "View Transitions와 Activity",
45+
"icon": "labs",
46+
"date": "2025.04.23",
6847
"path": "/blog/2025/04/23/react-labs-view-transitions-activity-and-more"
6948
},
7049
{
71-
"title": "React Compiler RC",
72-
"titleForHomepage": "React Compiler RC",
50+
"title": "React 컴파일러 RC",
51+
"titleForHomepage": "React 컴파일러 RC",
7352
"icon": "blog",
74-
"date": "April 21, 2025",
53+
"date": "2025.04.21",
7554
"path": "/blog/2025/04/21/react-compiler-rc"
7655
},
7756
{
7857
"title": "Create React App 지원 종료",
79-
"titleForHomepage": "Sunsetting Create React App",
58+
"titleForHomepage": "Create React App 지원 종료",
8059
"icon": "blog",
81-
"date": "February 14, 2025",
60+
"date": "2025.02.14",
8261
"path": "/blog/2025/02/14/sunsetting-create-react-app"
8362
},
8463
{
8564
"title": "React 19",
8665
"titleForHomepage": "React 19",
8766
"icon": "blog",
88-
"date": "December 05, 2024",
67+
"date": "2024.12.05",
8968
"path": "/blog/2024/12/05/react-19"
9069
},
9170
{
92-
"title": "React Compiler Beta Release and Roadmap",
93-
"titleForHomepage": "React Compiler Beta Release and Roadmap",
71+
"title": "React 컴파일러 베타 릴리스 및 로드맵",
72+
"titleForHomepage": "React 컴파일러 베타 릴리스 및 로드맵",
9473
"icon": "blog",
95-
"date": "October 21, 2024",
74+
"date": "2024.10.21",
9675
"path": "/blog/2024/10/21/react-compiler-beta-release"
9776
},
9877
{
@@ -106,26 +85,26 @@
10685
"title": "React 19 RC",
10786
"titleForHomepage": "React 19 RC",
10887
"icon": "blog",
109-
"date": "April 25, 2024",
88+
"date": "2024.04.25",
11089
"path": "/blog/2024/04/25/react-19"
11190
},
11291
{
113-
"title": "React 19 RC Upgrade Guide",
114-
"titleForHomepage": "React 19 RC Upgrade Guide",
92+
"title": "React 19 RC 업그레이드 가이드",
93+
"titleForHomepage": "React 19 RC 업그레이드 가이드",
11594
"icon": "blog",
116-
"date": "April 25, 2024",
95+
"date": "2024.04.25",
11796
"path": "/blog/2024/04/25/react-19-upgrade-guide"
11897
},
11998
{
120-
"title": "React Labs: What We've Been Working On – February 2024",
121-
"titleForHomepage": "React Labs: February 2024",
99+
"title": "React Labs: 그동안의 작업 - 2024년 2월",
100+
"titleForHomepage": "React Labs: 2024년 2월",
122101
"icon": "labs",
123-
"date": "February 15, 2024",
102+
"date": "2024.02.15",
124103
"path": "/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024"
125104
},
126105
{
127-
"title": "React Canaries: Enabling Incremental Feature Rollout Outside Meta",
128-
"titleForHomepage": "React Canaries: Incremental Feature Rollout",
106+
"title": "React Canaries: Meta 외부에서의 점진적 기능 출시",
107+
"titleForHomepage": "React Canaries: 점진적 기능 출시",
129108
"icon": "blog",
130109
"date": "2023.05.03",
131110
"path": "/blog/2023/05/03/react-canaries"

src/sidebarHome.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
"path": "/learn/setup"
2020
},
2121
{
22-
"title": "React Compiler",
22+
"title": "React 컴파일러",
2323
"path": "/learn/react-compiler"
2424
},
2525
{
@@ -84,23 +84,23 @@
8484
},
8585
{
8686
"hasSectionHeader": true,
87-
"sectionHeader": "REACT COMPILER API"
87+
"sectionHeader": "React 컴파일러 API"
8888
},
8989
{
90-
"title": "Configuration",
90+
"title": "설정",
9191
"path": "/reference/react-compiler/configuration"
9292
},
9393
{
94-
"title": "Directives",
94+
"title": "지시어",
9595
"path": "/reference/react-compiler/directives"
9696
},
9797
{
98-
"title": "Compiling Libraries",
98+
"title": "라이브러리 컴파일",
9999
"path": "/reference/react-compiler/compiling-libraries"
100100
},
101101
{
102102
"hasSectionHeader": true,
103-
"sectionHeader": "GET INVOLVED"
103+
"sectionHeader": "참여하기"
104104
},
105105
{
106106
"title": "React 커뮤니티",

textlint/data/rules/translateGlossary.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -457,6 +457,15 @@ module.exports = {
457457
note: '',
458458
},
459459
},
460+
{
461+
sources: [/\bCompiler\b/],
462+
target: '컴파일러',
463+
meta: {
464+
term: 'Compiler',
465+
discussions: [1400],
466+
note: '',
467+
},
468+
},
460469
],
461470
others: [
462471
{

wiki/translate-glossary.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,7 @@ Escape Hatches|`/\bEscape[-\s]?Hatches\b/`|탈출구|[#738](https://github.com/r
5858
Bundle|`/\bBundles?\b/`|번들|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
5959
Bundler|`/\bBundlers?\b/`|번들러|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
6060
Bundling|`/\bBundling\b/`|번들링|[#829](https://github.com/reactjs/ko.react.dev/issues/829)||
61+
Compiler|`/\bCompiler\b/`|컴파일러|[#1400](https://github.com/reactjs/ko.react.dev/issues/1400)||
6162

6263
### Others
6364

0 commit comments

Comments
 (0)