Translate : State as a snapshot #642
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
jinyoung234
requested review from
hg-pyun,
taehwanno,
simsim0709,
gnujoow,
b9words,
taggon,
MaxKim-J,
eomttt and
goofcode
as code owners
hg-pyun
requested changes
May 19, 2023
|
|
||
| 이 라인은 처음에는 직관적이지 않게 보일 수 있습니다. | ||
| 이 줄은 처음에는 직관적이지 않게 보일 수 있습니다. |
| * 언제 그리고 어떻게 state가 업데이트되는지 | ||
| * state를 설정한 후에 왜 state값이 즉시 업데이트되지 않는지 | ||
| * 이벤트 핸들러가 어떻게 state의 "스냅샷"에 접근하는지 | ||
| * state 설정으로 리렌더링이 촉발되는 방식 |
There was a problem hiding this comment.
Suggested change
| * state 설정으로 리렌더링이 촉발되는 방식 | |
| * state 설정으로 리렌더링이 동작하는 방식 |
There was a problem hiding this comment.
리뷰 해주신 내용들 모두 반영하였습니다 :)
MaxKim-J
reviewed
May 20, 2023
| @@ -4,24 +4,25 @@ title: 스냅샷으로서의 State | |||
|
|
|||
| <Intro> | |||
|
|
|||
| State 변수는 읽고 쓸 수 있는 일반 자바스크립트 변수처럼 보일 수 있습니다. 그러나 state는 스냅샷 처럼 작동합니다. state를 설정하여도 이미 가지고 있는 state는 변경되지 않고, 대신에 다시 렌더링을 실행합니다. | |||
| State 변수는 읽고 쓸 수 있는 일반 자바스크립트 변수처럼 보일 수 있습니다. 하지만 state는 스냅샷처럼 동작 합니다. state 변수를 설정하여도 이미 가지고 있는 state 변수는 변경되지 않고, 대신 리렌더링이 발동됩니다. | |||
There was a problem hiding this comment.
- state는 스냅샷처럼 동작 합니다.
+ state는 스냅샷처럼 동작합니다. |
|
||
| <IllustrationBlock title="다시 렌더링" sequential> | ||
| <Illustration caption="React가 함수를 호출합니다" src="/images/docs/illustrations/i_render1.png" /> | ||
| <Illustration caption="스냅샷을 계산합니다" src="/images/docs/illustrations/i_render2.png" /> | ||
| <Illustration caption="DOM tree를 업데이트 합니다" src="/images/docs/illustrations/i_render3.png" /> | ||
| </IllustrationBlock> | ||
|
|
||
| 컴포넌트의 메모리인 state는 함수가 반환된 후 사라지는 일반 변수와 다릅니다. 함수 외부에 있는 것처럼 실제로 React 자체에 "살아있는" State를 나타냅니다. React가 컴포넌트를 호출하면 특정 렌더링의 state에 대한 스냅샷을 제공합니다. 컴포넌트는 JSX에 새로운 props 및 이벤트 핸들러 세트가 있는 UI 스냅샷을 반환하며 모두 계산됩니다.**렌더링의 state 사용!** | ||
| 컴포넌트의 메모리로서 state는 함수가 반환된 후 사라지는 일반 변수와 다릅니다. state는 실제로 함수 외부에 마치 선반에 있는 것처럼 React 자체에 “존재”합니다. React가 컴포넌트를 호출하면 특정 렌더링에 대한 state의 스냅샷을 제공합니다. 컴포넌트는 **해당 렌더링의 state 값을 사용해** 계산된 새로운 props 세트와 이벤트 핸들러가 포함된 UI의 스냅샷을 JSX에 반환합니다! |
There was a problem hiding this comment.
"도구"의 의미로 쓰인 것 같아서 "로써"가 적합할 것 같네요
- 컴포넌트의 메모리로서
+ 컴포넌트의 메모리로써There was a problem hiding this comment.
감사합니다 .. ! 다시 생각해보니 '로써'가 적절한거 같네여 :)
eomttt
approved these changes
May 21, 2023
Size changes📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
hg-pyun
approved these changes
May 23, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Progress