Merge branch 'master' of https://github.com/reactjs/ko.reactjs.org into translate/hooks-faq

Author: seanjun21

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,14 +1,3 @@
-Note to Hacktoberfest 🎃 participants:
-
-While we appreciate the enthusiasm, we are experiencing a high volume of drive-by pull requests (one-line changes, README tweaks, etc.). Please remember that hundreds of people are subscribed to this repo and will receive notifications for these PRs. Spam submissions will be closed and won't count towards your Hacktoberfest goals.
-
-Please search for issues tagged [`good first issue`][gfi] or [`hacktoberfest`][hacktoberfest] to find things to work on.
-
-You can also search [all of GitHub][all].
-
-[gfi]: https://github.com/reactjs/reactjs.org/issues?q=is%3Aissue+is%3Aopen+label%3A"good+first+issue"
-[hacktoberfest]: https://github.com/reactjs/reactjs.org/issues?q=is%3Aissue+is%3Aopen+label%3A"good+first+issue"
-[all]: https://github.com/search?q=is%3Aissue+hacktoberfest
 <!--
 
 Thank you for the PR! Contributors like you keep React awesome!

content/blog/2020-09-22-introducing-the-new-jsx-transform.md

@@ -99,7 +99,7 @@ Since the new JSX transform doesn't require React to be in scope, [we've also pr
 
 ### Create React App {#create-react-app}
 
-Create React App support [has been added](https://github.com/facebook/create-react-app/pull/9645) and will be available in the [upcoming v4.0 release](https://gist.github.com/iansu/4fab7a9bfa5fa6ebc87a908c62f5340b) which is currently in beta testing.
+Create React App [4.0.0](https://github.com/facebook/create-react-app/releases/tag/v4.0.0)+ uses the new transform for compatible React versions.
 
 ### Next.js {#nextjs}
 
@@ -143,7 +143,7 @@ npm update @babel/core @babel/preset-react
 yarn upgrade @babel/core @babel/preset-react
 ```
 
-Currently, the old transform (`"runtime": "classic"`) is the default option. To enable the new transform, you can pass `{"runtime": "automatic"}` as an option to `@babel/plugin-transform-react-jsx` or `@babel/preset-react`:
+Currently, the old transform `{"runtime": "classic"}` is the default option. To enable the new transform, you can pass `{"runtime": "automatic"}` as an option to `@babel/plugin-transform-react-jsx` or `@babel/preset-react`:
 
 ```js
 // If you are using @babel/preset-react
@@ -192,11 +192,11 @@ If you are using [eslint-plugin-react](https://github.com/yannickcr/eslint-plugi
 
 ### TypeScript {#typescript}
 
-TypeScript supports the JSX transform in [v4.1 beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories).
+TypeScript supports the new JSX transform in [v4.1 beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories).
 
 ### Flow {#flow}
 
-Flow supports the new JSX transform in [v0.126.0](https://github.com/facebook/flow/releases/tag/v0.126.0) and up.
+Flow supports the new JSX transform in [v0.126.0](https://github.com/facebook/flow/releases/tag/v0.126.0) and up, by adding `react.runtime=automatic` to your Flow configuration options. 
 
 ## Removing Unused React Imports {#removing-unused-react-imports}
 
@@ -213,7 +213,6 @@ npx react-codemod update-react-imports
 >
 >Keep in mind that the codemod output will not always match your project's coding style, so you might want to run [Prettier](https://prettier.io/) after the codemod finishes for consistent formatting.
 
-
 Running this codemod will:
 
 * Remove all unused React imports as a result of upgrading to the new JSX transform.

content/community/meetups.md

@@ -75,6 +75,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
 * [React Berlin](https://www.meetup.com/React-Open-Source/)
 
 ## Greece {#greece}
+* [Athens](https://www.meetup.com/React-To-React-Athens-MeetUp/)
 * [Thessaloniki](https://www.meetup.com/Thessaloniki-ReactJS-Meetup/)
 
 ## Hungary {#hungary}

content/community/podcasts.md

@@ -16,7 +16,7 @@ Podcasts dedicated to React and individual podcast episodes with React discussio
 
 - [React 30](https://react30.com/) - A 30-minute podcast all about React (moved to [The React Podcast](https://reactpodcast.simplecast.fm/)).
 
-- [React Native Radio](https://devchat.tv/react-native-radio)
+- [React Native Radio](https://reactnativeradio.com) - Exploring React Native Together, hosted by [Infinite Red](https://infinite.red)
 
 - [React Wednesdays](https://www.telerik.com/react-wednesdays) - Weekly live streams with the best and brightest in the React world
 

content/docs/concurrent-mode-patterns.md

@@ -193,7 +193,7 @@ function App() {
 
 7줄의 코드만으로 트랜지션을 추가했습니다.
 
-* `useTransition` 훅을 가져와 컴포넌트의 상태 갱신 부분에 사용했습니다.
+* `useTransition` 훅을 가져와 상태를 업데이트하는 컴포넌트에서 사용했습니다.
 * `{timeoutMs: 3000}` 옵션을 전달하여 최대 3초간 이전 화면을 유지하도록 설정했습니다.
 * React가 상태 갱신을 지연할 수 있도록 상태 갱신 코드를 `startTransition` 함수로 래핑했습니다.
 * `isPending`을 이용하여 사용자에게 작업 상황을 알리고 버튼을 비활성화합니다.
@@ -710,7 +710,7 @@ function App() {
 ```js{4,5}
 function handleChange(e) {
   const value = e.target.value;
-  
+
   // Outside the transition (urgent)
   setQuery(value);
 

content/docs/context.md

@@ -128,7 +128,7 @@ Context 객체를 만듭니다. Context 객체를 구독하고 있는 컴포넌
 
 Context 오브젝트에 포함된 React 컴포넌트인 Provider는 context를 구독하는 컴포넌트들에게 context의 변화를 알리는 역할을 합니다.
 
-Provider 는 `value` prop를 받아서 이 값을 하위에 있는 컴포넌트에게 전달합니다. 값을 전달받을 수 있는 컴포넌트의 수에 제한은 없습니다. Provider 하위에 또 다른 Provider를 배치하는 것도 가능하며, 이 경우 하위 Provider의 값이 우선시됩니다.
+Provider 컴포넌트는 `value` prop을 받아서 이 값을 하위에 있는 컴포넌트에게 전달합니다. 값을 전달받을 수 있는 컴포넌트의 수에 제한은 없습니다. Provider 하위에 또 다른 Provider를 배치하는 것도 가능하며, 이 경우 하위 Provider의 값이 우선시됩니다.
 
 Provider 하위에서 context를 구독하는 모든 컴포넌트는 Provider의 `value` prop가 바뀔 때마다 다시 렌더링 됩니다. Provider로부터 하위 consumer([`.contextType`](#classcontexttype)와 [`useContext`](/docs/hooks-reference.html#usecontext)을 포함한)로의 전파는 `shouldComponentUpdate` 메서드가 적용되지 않으므로, 상위 컴포넌트가 업데이트를 건너 뛰더라도 consumer가 업데이트됩니다.
 

content/docs/faq-ajax.md

@@ -72,7 +72,7 @@ class MyComponent extends React.Component {
       return (
         <ul>
           {items.map(item => (
-            <li key={item.name}>
+            <li key={item.id}>
               {item.name} {item.price}
             </li>
           ))}
@@ -120,7 +120,7 @@ function MyComponent() {
     return (
       <ul>
         {items.map(item => (
-          <li key={item.name}>
+          <li key={item.id}>
             {item.name} {item.price}
           </li>
         ))}

content/docs/getting-started.md

@@ -36,7 +36,7 @@ React는 처음부터 점진적으로 적용할 수 있도록 설계되었으며
 
 ### 온라인 플레이그라운드 {#online-playgrounds}
 
-React를 사용하는데 관심이 있다면, 온라인 코드 편집기를 사용할 수 있습니다. [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), [Glitch](https://glitch.com/edit/#!/remix/starter-react-template) 또는 [Stackblitz](https://stackblitz.com/fork/react)에서 Hello World 템플릿을 사용해 보세요.
+React를 사용하는데 관심이 있다면, 온라인 코드 편집기를 사용할 수 있습니다. [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new) 또는 [Stackblitz](https://stackblitz.com/fork/react)에서 Hello World 템플릿을 사용해 보세요.
 
 여러분이 사용하고 있는 코드 편집기를 사용하길 원한다면, [이 HTML 파일을 다운로드](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html)하고 편집한 다음 브라우저의 로컬 파일 시스템에서 열 수도 있습니다. 런타임 코드 변환이 느리므로 간단한 데모에만 이 코드를 사용하는 것이 좋습니다.
 

content/docs/reference-events.md

@@ -34,7 +34,7 @@ string type
 
 > 주의
 >
-> v17부터 `e.persiste()`는 `SyntheticEvent`가 더 이상 [풀링](/docs/legacy-event-pooling.html)되지 않기 때문에 아무런 동작을 하지 않습니다.
+> v17부터 `e.persist()`는 `SyntheticEvent`가 더 이상 [풀링](/docs/legacy-event-pooling.html)되지 않기 때문에 아무런 동작을 하지 않습니다.
 
 > 주의
 >
@@ -219,7 +219,6 @@ function Example() {
 }
 ```
 
-
 * * *
 
 ### Form 이벤트 {#form-events}