Skip to content

Commit 9682773

Browse files
lumirlumirlumirlumir
committed
docs: update react-conf-2021-recap.md 
1 parent 1a8f84b commit 9682773

File tree

2 files changed

+29
-29
lines changed

2 files changed

+29
-29
lines changed

‎src/content/blog/2021/12/17/react-conf-2021-recap.md‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "React Conf 2021 요약"
33
author: Jesslyn Tannady and Rick Hanlon
44
date: 2021/12/17
5-
description: 지난주, 우리는 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 우리는 React Conf 무대를 통해 React Native, React Hooks 와 같은 업계 변화를 알리는 발표를 해왔습니다. 올해는 React 18의 출시와 동시 기능의 점진적인 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
5+
description: 지난주, 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 React Conf 무대를 통해 React Native, React Hook과 같은 업계 변화를 알리는 발표를 했습니다. 올해는 React 18의 출시 및 동시성 기능의 점진적 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
66
---
77

88
2021년 12월 17일, [Jesslyn Tannady](https://twitter.com/jtannady), [Rick Hanlon](https://twitter.com/rickhanlonii)
@@ -11,43 +11,43 @@ description: 지난주, 우리는 6번째 React Conf를 개최했습니다. 지
1111

1212
<Intro>
1313

14-
지난주, 우리는 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 우리는 React Conf 무대를 통해 [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/), [_React Hooks_](https://reactjs.org/docs/hooks-intro.html)와 같은 업계 변화를 알리는 발표를 해왔습니다. 올해는 React 18의 출시와 동시 기능의 점진적인 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
14+
지난주, 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 React Conf 무대를 통해 [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/), [_React Hook_](https://reactjs.org/docs/hooks-intro.html)과 같은 업계 변화를 알리는 발표를 했습니다. 올해는 React 18의 출시 및 동시성 기능의 점진적 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
1515

1616
</Intro>
1717

1818
---
1919

20-
React Conf가 온라인으로 개최된 것은 이번이 처음이며, 8개 언어로 번역되어 무료로 스트리밍되었습니다. 전 세계의 참가자들은 모든 시간대에서 접근성을 위해 컨퍼런스 Discord와 리플레이 이벤트에 참여했습니다. 50,000명 이상이 등록했으며, 19개 강연의 조회수는 60,000회를 넘었고, 두 이벤트에 걸쳐 5,000명이 Discord에 참여했습니다.
20+
React Conf가 온라인으로 개최된 것은 이번이 처음이며, 8개 언어로 번역되어 무료로 스트리밍되었습니다. 전 세계의 참가자들은 다양한 시간대에서의 참여를 위해 컨퍼런스 Discord와 리플레이 이벤트를 이용했습니다. 50,000명 이상이 등록했으며, 19개 강연의 조회수는 60,000회를 넘었고, 두 이벤트에 걸쳐 5,000명이 Discord에 참여했습니다.
2121

22-
모든 강연은 [온라인으로 스트리밍 가능](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa)합니다.
22+
모든 강연은 [온라인 스트리밍이 가능](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa)합니다.
2323

24-
무대에서 공유된 내용을 요약해 보았습니다:
24+
무대에서 공유된 내용을 요약하였습니다.
2525

26-
## React 18 및 동시 기능 {/*react-18-and-concurrent-features*/}
26+
## React 18 및 동시성 기능 {/*react-18-and-concurrent-features*/}
2727

28-
기조연설에서 저희는 React 18을 시작으로 React의 미래에 대한 비전을 공유했습니다.
28+
기조연설에서 React 18을 시작으로 React의 미래에 대한 비전을 공유했습니다.
2929

30-
React 18은 오랫동안 기다려온 동시 renderer를 추가하고 Suspense를 큰 변경 없이 업데이트했습니다. 앱은 React 18로 업그레이드하여 다른 주요 출시와 동등한 수준의 노력으로 동시 기능을 점진적으로 도입할 수 있습니다.
30+
React 18은 오랫동안 기다려온 동시 렌더러<sup>Concurrent Renderer</sup>를 추가하고 Suspense를 주<sup>Major, 主</sup><sub>(역자. Breaking Change를 일으키는)</sub> 변경 없이 업데이트했습니다. 앱은 React 18로 업그레이드하여 다른 주<sup>Major, 主</sup> 릴리즈와 동등한 수준의 노력으로 동시성 기능을 점진적으로 도입할 수 있습니다.
3131

32-
**이는 동시 모드가 없고 동시 기능만 있음을 의미합니다.**
32+
**이는 동시 모드가 없고 동시성 기능만 있음을 의미합니다.**
3333

3434
기조연설에서는 Suspense, 서버 컴포넌트, 새로운 React 워킹 그룹에 대한 비전과 React Native에 대한 장기적인 멀티플랫폼 비전도 공유했습니다.
3535

36-
[Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Rick Hanlon](https://twitter.com/rickhanlonii)의 기조연설 전문을 여기에서 시청하세요:
36+
[Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Rick Hanlon](https://twitter.com/rickhanlonii)의 기조연설 전문을 아래에서 시청하세요.
3737

3838
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" />
3939

4040
## 애플리케이션 개발자를 위한 React 18 {/*react-18-for-application-developers*/}
4141

4242
기조연설에서는 React 18 RC를 지금 바로 사용해볼 수 있다는 사실도 발표했습니다. 추가 피드백을 기다리는 중이며, 내년 초에 정식 버전으로 출시할 예정입니다.
4343

44-
React 18 RC를 사용해 보려면 의존성을 업그레이드하세요:
44+
React 18 RC를 사용해 보려면 의존성<sup>Dependencies</sup>을 업그레이드하세요.
4545

4646
```bash
4747
npm install react@rc react-dom@rc
4848
```
4949

50-
를 클릭하고 새로운 `createRoot` API로 전환하세요:
50+
그리고 새로운 `createRoot` API로 전환하세요.
5151

5252
```js
5353
// before
@@ -60,64 +60,64 @@ const root = ReactDOM.createRoot(container);
6060
root.render(<App/>);
6161
```
6262

63-
React 18로 업그레이드하는 데모는 여기에서 [Shruti Kapoor](https://twitter.com/shrutikapoor08)의 강연을 참조하세요:
63+
React 18 업그레이드 데모는 아래의 [Shruti Kapoor](https://twitter.com/shrutikapoor08)의 강연을 참조하세요.
6464

6565
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" />
6666

6767
## Suspense가 있는 스트리밍 서버 렌더링 {/*streaming-server-rendering-with-suspense*/}
6868

69-
React 18에는 Suspense를 사용한 서버 측 렌더링 성능 개선 사항도 포함되어 있습니다.
69+
React 18에는 Suspense를 사용한 서버 측 렌더링<sup>SSR, Server Side Rendering</sup> 성능 개선 사항도 포함되어 있습니다.
7070

71-
스트리밍 서버 렌더링을 사용하면 서버의 React 컴포넌트에서 HTML을 생성하고 해당 HTML을 사용자에게 스트리밍할 수 있습니다. React 18에서는 'Suspense'를 사용하여 앱을 더 작은 독립 단위로 분해하여 나머지 앱을 차단하지 않고 서로 독립적으로 스트리밍할 수 있습니다. 이는 사용자가 콘텐츠를 더 빨리 보고 훨씬 빠르게 상호작용을 시작할 수 있다는 것을 의미합니다.
71+
스트리밍 서버 렌더링을 사용하면, 서버의 React 컴포넌트에서 HTML을 생성하고 해당 HTML을 사용자에게 스트리밍할 수 있습니다. React 18에서는 `Suspense`를 사용하여 앱을 더 작은 독립 단위로 분해하여, 나머지 앱을 차단하지 않고 서로 독립적으로 스트리밍할 수 있습니다. 이는 사용자가 콘텐츠를 더 빨리 보고 훨씬 빠르게 상호작용할 수 있다는 것을 의미합니다.
7272

7373
더 자세히 알아보려면 [Shaundai Person](https://twitter.com/shaundai)의 강연을 참조하세요:
7474

7575
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" />
7676

7777
## 첫 번째 React 워킹 그룹 {/*the-first-react-working-group*/}
7878

79-
React 18에서는 전문가, 개발자, 라이브러리 관리자, 교육자들로 구성된 패널과 협력하기 위해 첫 번째 워킹 그룹을 만들었습니다. 우리는 함께 점진적인 채택 전략을 세우고 `useId`, `useSyncExternalStore`, `useInsertionEffect`와 같은 새로운 API를 개선하기 위해 노력했습니다.
79+
React 18에서는 전문가, 개발자, 라이브러리 관리자, 교육자들로 구성된 패널과 협력하기 위한 첫 번째 워킹 그룹을 만들었습니다. 저희는 함께 점진적인 채택 전략을 세우고 `useId`, `useSyncExternalStore`, `useInsertionEffect`와 같은 새로운 API를 개선하기 위해 노력했습니다.
8080

81-
이 작업에 대한 개요는 [Aakansha' Doshi](https://twitter.com/aakansha1216)의 강연을 참조하세요:
81+
해당 작업에 대한 개요는 [Aakansha' Doshi](https://twitter.com/aakansha1216)의 강연을 참조하세요.
8282

8383
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" />
8484

8585
## React 개발자 도구 {/*react-developer-tooling*/}
8686

87-
이번 릴리즈의 새로운 기능을 지원하기 위해 새로 구성된 React 개발자 도구 팀과 개발자가 React 앱을 디버깅하는 데 도움이 되는 새로운 타임라인 프로파일러도 발표했습니다.
87+
이번 릴리즈의 새로운 기능을 지원하기 위해 새로 구성된 React 개발자 도구 팀과 개발자가 React 앱 디버깅에 도움이 되는 새로운 타임라인 프로파일러<sup>Timeline Profiler</sup>도 발표했습니다.
8888

89-
새로운 개발자 도구 기능에 대한 자세한 내용과 데모는 [Brian Vaughn](https://twitter.com/brian_d_vaughn)의 강연을 참조하세요:
89+
새로운 개발자 도구 기능에 대한 자세한 내용과 데모는 [Brian Vaughn](https://twitter.com/brian_d_vaughn)의 강연을 참조하세요.
9090

9191
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" />
9292

9393
## memo 없는 React {/*react-without-memo*/}
9494

95-
미래를 내다보며, [Xuan Huang(黄玄)](https://twitter.com/Huxpro)이 자동 메모화 컴파일러에 대한 React Labs 연구의 업데이트를 공유했습니다. 이 강연에서 자세한 정보와 컴파일러 프로토타입 데모를 확인하세요:
95+
미래를 내다보며, [Xuan Huang(黄玄)](https://twitter.com/Huxpro)이 자동 메모화 컴파일러에 대한 React Labs 연구의 업데이트를 공유했습니다. 이 강연에서 자세한 정보와 컴파일러 프로토타입 데모를 확인하세요.
9696

9797
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" />
9898

9999
## React 문서 기조연설 {/*react-docs-keynote*/}
100100

101-
[Rachel Nabors](https://twitter.com/rachelnabors)가 React의 새로운 문서에 대한 투자에 대한 기조연설로 React로 학습하고 디자인하는 방법에 대한 강연을 시작했습니다([현재 react.dev로 제공됨](/blog/2023/03/16/introducing-react-dev)):
101+
[Rachel Nabors](https://twitter.com/rachelnabors)가 React의 새로운 문서에 대한 투자와 관련한 기조연설로, React로 학습하고 디자인하는 방법에 대한 강연을 했습니다. ([현재 react.dev로 배포되었습니다.](/blog/2023/03/16/introducing-react-dev))
102102

103103
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" />
104104

105105
## 그리고... {/*and-more*/}
106106

107-
**React로 학습하고 디자인하는 방법에 대한 강연:**
107+
**React로 학습하고 디자인하는 방법에 대한 강연**
108108

109109
* Debbie O'Brien: [새로운 React 문서에서 배운 것들](https://youtu.be/-7odLW_hG7s).
110110
* Sarah Rainsberger: [브라우저에서 학습하기](https://youtu.be/5X-WEQflCL0).
111-
* Linton Ye: [React로 디자인함에서의 ROI](https://youtu.be/7cPWmID5XAk).
112-
* Delba de Oliveira: [React를 이용한 인터랙티브 놀이터](https://youtu.be/zL8cz2W0z34).
111+
* Linton Ye: [React 디자인에서의 ROI](https://youtu.be/7cPWmID5XAk).
112+
* Delba de Oliveira: [React를 이용한 상호작용 놀이터](https://youtu.be/zL8cz2W0z34).
113113

114-
**Relay, React Native, PyTorch 팀의 강연:**
114+
**Relay, React Native, PyTorch 팀의 강연**
115115

116-
* Robert Balicki: [Relay 다시 소개](https://youtu.be/lhVGdErZuN4).
116+
* Robert Balicki: [Relay 재소개](https://youtu.be/lhVGdErZuN4).
117117
* Eric Rozell과 Steven Moyes: [React Native 데스크톱](https://youtu.be/9L4FFrvwJwY).
118-
* Roman Rädle: [React Native를 위한 온디바이스 머신러닝](https://youtu.be/NLj73vrc2I8)
118+
* Roman Rädle: [React Native를 위한 온디바이스 머신러닝](https://youtu.be/NLj73vrc2I8).
119119

120-
**접근성, 툴링 및 서버 컴포넌트에 대한 커뮤니티 강연:**
120+
**접근성, 툴링 및 서버 컴포넌트에 대한 커뮤니티 강연**
121121

122122
* Daishi Kato: [외부 스토어 라이브러리를 위한 React 18](https://youtu.be/oPfSC5bQPR8).
123123
* Diego Haz: [React 18에서 접근 가능한 컴포넌트 구축하기](https://youtu.be/dcm8fjBfro8).

‎src/content/blog/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ React 18은 릴리스 노트에서 언급한 대로, 새로운 동시성 렌더
6969
</BlogCard>
7070

7171
<BlogCard title="React Conf 2021 요약" date="2021년 12월 17일" url="/blog/2021/12/17/react-conf-2021-recap">
72-
지난주, 우리는 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 우리는 React Conf 무대를 통해 React Native, React Hooks와 같은 업계 변화를 알리는 발표를 해왔습니다. 올해는 React 18의 출시와 동시 기능의 점진적인 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
72+
지난주, 6번째 React Conf를 개최했습니다. 지난 몇 년 동안 React Conf 무대를 통해 React Native, React Hook과 같은 업계 변화를 알리는 발표를 했습니다. 올해는 React 18의 출시 및 동시성 기능의 점진적 도입을 시작으로 React의 멀티 플랫폼 비전을 공유했습니다.
7373
</BlogCard>
7474

7575
<BlogCard title="React 18에 대한 계획" date="2021년 6월 8일" url="/blog/2021/06/08/the-plan-for-react-18">

0 commit comments

Comments
 (0)