diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 2148fd7f2..e0709827d 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -453,7 +453,7 @@ export function HomeContent() {
-
+
새로운 기능에 맞춰
업그레이드 하기 diff --git a/src/content/blog/2025/04/21/react-compiler-rc.md b/src/content/blog/2025/04/21/react-compiler-rc.md index 44f939c70..3f92b5444 100644 --- a/src/content/blog/2025/04/21/react-compiler-rc.md +++ b/src/content/blog/2025/04/21/react-compiler-rc.md @@ -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는 컴파일러의 안정적이고 최종 버전에 가까운 상태로 프로덕션 환경에서 시도해 볼 수 있습니다. diff --git a/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md b/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md index 64fa573e5..066659752 100644 --- a/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md +++ b/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md @@ -14290,7 +14290,7 @@ useEffect(() => { Effects가 컴포넌트 관점에서 생각되는 이유를 연구하는 데 시간을 보냈고, 그 이유 중 하나가 의존성 배열이라고 생각합니다. 작성해야 하므로, 바로 거기에 있고 여러분이 무엇에 "반응"하고 있는지를 상기시키며 '이 값들이 변경될 때 이것을 하라'는 멘탈 모델로 유도합니다. -hooks를 출시할 때, 사전 컴파일로 사용하기 더 쉽게 만들 수 있다는 것을 알고 있었습니다. React Compiler를 사용하면, 이제 대부분의 경우 `useCallback`과 `useMemo`를 직접 작성하는 것을 피할 수 있습니다. Effects의 경우, 컴파일러가 의존성을 자동으로 삽입할 수 있습니다: +hooks를 출시할 때, 사전 컴파일로 사용하기 더 쉽게 만들 수 있다는 것을 알고 있었습니다. React 컴파일러를 사용하면, 이제 대부분의 경우 `useCallback`과 `useMemo`를 직접 작성하는 것을 피할 수 있습니다. Effects의 경우, 컴파일러가 의존성을 자동으로 삽입할 수 있습니다: ```js useEffect(() => { @@ -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를 제공할 수 있습니다. diff --git a/src/content/blog/2025/10/16/react-conf-2025-recap.md b/src/content/blog/2025/10/16/react-conf-2025-recap.md index bb367f1e8..7475c15fd 100644 --- a/src/content/blog/2025/10/16/react-conf-2025-recap.md +++ b/src/content/blog/2025/10/16/react-conf-2025-recap.md @@ -41,11 +41,11 @@ Jack Pope는 Canary에 도입될 새로운 기능들을 발표했으며, 여기 * [``](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) 설립을 발표했습니다. @@ -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 팀과 협력하여 빠르고 네이티브 느낌의 애니메이션을 구축하기 위해 [``](https://react.dev/reference/react/Activity) 및 [``](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 프레임워크 팀의 연속 발표가 있었습니다. diff --git a/src/content/blog/index.md b/src/content/blog/index.md index c60b72ccd..7fe1b6a0a 100644 --- a/src/content/blog/index.md +++ b/src/content/blog/index.md @@ -72,7 +72,7 @@ React 19에 추가된 개선 사항들로 인해 일부 주요한 변경 사항< -React Labs 게시글에서는 현재 연구 개발 중인 프로젝트에 대한 글을 작성합니다. 지난 업데이트 이후 React Compiler, 새로운 기능 및 React 19에서 상당한 진전이 있었으며, 그 내용을 공유하고자 합니다. +React Labs 게시글에서는 현재 연구 개발 중인 프로젝트에 대한 글을 작성합니다. 지난 업데이트 이후 React 컴파일러, 새로운 기능 및 React 19에서 상당한 진전이 있었으며, 그 내용을 공유하고자 합니다. diff --git a/src/content/reference/react-compiler/configuration.md b/src/content/reference/react-compiler/configuration.md index d3bc60066..b14656762 100644 --- a/src/content/reference/react-compiler/configuration.md +++ b/src/content/reference/react-compiler/configuration.md @@ -4,7 +4,7 @@ title: 설정 -이 페이지에서는 React Compiler에서 사용할 수 있는 모든 설정 옵션을 나열합니다. +이 페이지에서는 React 컴파일러에서 사용할 수 있는 모든 설정 옵션을 나열합니다. diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json index e65ac340a..04421b737 100644 --- a/src/sidebarBlog.json +++ b/src/sidebarBlog.json @@ -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" }, { @@ -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" diff --git a/src/sidebarHome.json b/src/sidebarHome.json index afdb148c1..39e953533 100644 --- a/src/sidebarHome.json +++ b/src/sidebarHome.json @@ -19,7 +19,7 @@ "path": "/learn/setup" }, { - "title": "React Compiler", + "title": "React 컴파일러", "path": "/learn/react-compiler" }, { @@ -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 커뮤니티", diff --git a/textlint/data/rules/translateGlossary.js b/textlint/data/rules/translateGlossary.js index ac84019a0..d44817b4c 100644 --- a/textlint/data/rules/translateGlossary.js +++ b/textlint/data/rules/translateGlossary.js @@ -457,6 +457,15 @@ module.exports = { note: '', }, }, + { + sources: [/\bCompiler\b/], + target: '컴파일러', + meta: { + term: 'Compiler', + discussions: [1400], + note: '', + }, + }, ], others: [ { diff --git a/wiki/translate-glossary.md b/wiki/translate-glossary.md index 46247e591..613efd129 100644 --- a/wiki/translate-glossary.md +++ b/wiki/translate-glossary.md @@ -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