Skip to content

Commit 7e99f55

Browse files
authored
Revise React 19 upgrade guide content
Update descriptions and formatting in the React 19 upgrade guide.
1 parent e4bc145 commit 7e99f55

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

β€Žsrc/content/blog/2024/04/25/react-19-upgrade-guide.mdβ€Ž

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "React 19 μ—…κ·Έλ ˆμ΄λ“œ κ°€μ΄λ“œ"
33
author: Ricky Hanlon
44
date: 2024/04/25
5-
description: React 19에 μΆ”κ°€λœ κ°œμ„  μ‚¬ν•­λ“€λ‘œ 인해 일뢀 μ£Όμš”ν•œ λ³€κ²½ 사항이 μžˆμ§€λ§Œ, μ—…κ·Έλ ˆμ΄λ“œλ₯Ό κ°€λŠ₯ν•œ ν•œ μ›ν™œν•˜κ²Œ μ§„ν–‰ν•  수 μžˆλ„λ‘ λ…Έλ ₯ν–ˆμœΌλ©° λŒ€λΆ€λΆ„μ˜ 앱에 큰 영ν–₯이 없을 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” μ•±κ³Ό 라이브러리λ₯Ό React 19둜 μ—…κ·Έλ ˆμ΄λ“œν•˜λŠ” 단계λ₯Ό μ•ˆλ‚΄ν•©λ‹ˆλ‹€.
5+
description: React 19에 μΆ”κ°€λœ κ°œμ„  μ‚¬ν•­λ“€λ‘œ 인해 일뢀 μ£Όμš”ν•œ λ³€κ²½ 사항이 μžˆμ§€λ§Œ, μ—…κ·Έλ ˆμ΄λ“œλ₯Ό κ°€λŠ₯ν•œ μ›ν™œν•˜κ²Œ μ§„ν–‰ν•  수 μžˆλ„λ‘ λ…Έλ ₯ν–ˆμœΌλ©° λŒ€λΆ€λΆ„μ˜ 앱에 큰 영ν–₯이 없을 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” μ•±κ³Ό 라이브러리λ₯Ό React 19둜 μ—…κ·Έλ ˆμ΄λ“œν•˜λŠ” 단계λ₯Ό μ•ˆλ‚΄ν•©λ‹ˆλ‹€.
66
---
77

88
2024λ…„ 4μ›” 25일, [Ricky Hanlon](https://twitter.com/rickhanlonii)
@@ -12,7 +12,7 @@ description: React 19에 μΆ”κ°€λœ κ°œμ„  μ‚¬ν•­λ“€λ‘œ 인해 일뢀 μ£Όμš”ν•œ
1212

1313
<Intro>
1414

15-
React 19에 μΆ”κ°€λœ κ°œμ„  μ‚¬ν•­λ“€λ‘œ 인해 일뢀 μ£Όμš”ν•œ λ³€κ²½ 사항이<sup>Breaking Changes</sup>κ°€ μžˆμ§€λ§Œ, μ—…κ·Έλ ˆμ΄λ“œλ₯Ό κ°€λŠ₯ν•œ ν•œ μ›ν™œν•˜κ²Œ μ§„ν–‰ν•  수 μžˆλ„λ‘ λ…Έλ ₯ν–ˆμœΌλ©° λŒ€λΆ€λΆ„μ˜ 앱에 큰 영ν–₯이 없을 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€.
15+
React 19에 μΆ”κ°€λœ κ°œμ„  μ‚¬ν•­λ“€λ‘œ 인해 일뢀 μ£Όμš”ν•œ λ³€κ²½ 사항<sup>Breaking Changes</sup>이 μžˆμ§€λ§Œ, μ—…κ·Έλ ˆμ΄λ“œλ₯Ό κ°€λŠ₯ν•œ ν•œ μ›ν™œν•˜κ²Œ μ§„ν–‰ν•  수 μžˆλ„λ‘ λ…Έλ ₯ν–ˆμœΌλ©° λŒ€λΆ€λΆ„μ˜ 앱에 큰 영ν–₯이 없을 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€.
1616

1717
</Intro>
1818

@@ -47,7 +47,7 @@ React 19λ₯Ό ν…ŒμŠ€νŠΈν•΄ 보고 μ‹Άλ‹€λ©΄ ν•΄λ‹Ή κ°€μ΄λ“œμ— λ‚˜μ™€ μžˆλŠ” 단
4747

4848
#### 이제 μƒˆλ‘œμš΄ JSX λ³€ν™˜ 방식은 ν•„μˆ˜μž…λ‹ˆλ‹€ {/*new-jsx-transform-is-now-required*/}
4949

50-
2020년에 [μƒˆλ‘œμš΄ JSX λ³€ν™˜](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)을 λ„μž…ν•˜μ—¬ λ²ˆλ“€ 크기λ₯Ό 쀄이고 Reactλ₯Ό import ν•˜μ§€ μ•Šκ³ λ„ JSXλ₯Ό μ‚¬μš©ν•  수 μžˆλ„λ‘ ν–ˆμŠ΅λ‹ˆλ‹€. React 19μ—μ„œλŠ” refλ₯Ό prop으둜 μ‚¬μš©ν•  수 μžˆλŠ” κΈ°λŠ₯μ΄λ‚˜ JSX μ„±λŠ₯ ν–₯상과 같은 좔가적인 κ°œμ„  사항이 λ„μž…λ˜λ©°, μ΄λŸ¬ν•œ κΈ°λŠ₯듀은 μƒˆλ‘œμš΄ λ³€ν™˜<sup>New Transform</sup>이 ν•„μš”ν•©λ‹ˆλ‹€.
50+
2020년에 [μƒˆλ‘œμš΄ JSX λ³€ν™˜](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)을 λ„μž…ν•˜μ—¬ λ²ˆλ“€ 크기λ₯Ό 쀄이고 Reactλ₯Ό import ν•˜μ§€ μ•Šκ³ λ„ JSXλ₯Ό μ‚¬μš©ν•  수 μžˆλ„λ‘ ν–ˆμŠ΅λ‹ˆλ‹€. React 19μ—μ„œλŠ” Refλ₯Ό Prop으둜 μ‚¬μš©ν•  수 μžˆλŠ” κΈ°λŠ₯μ΄λ‚˜ JSX μ„±λŠ₯ ν–₯상과 같은 좔가적인 κ°œμ„  사항이 λ„μž…λ˜λ©°, μ΄λŸ¬ν•œ κΈ°λŠ₯듀은 μƒˆλ‘œμš΄ λ³€ν™˜<sup>New Transform</sup>이 ν•„μš”ν•©λ‹ˆλ‹€.
5151

5252
μƒˆλ‘œμš΄ λ³€ν™˜μ΄ ν™œμ„±ν™”λ˜μ§€ μ•ŠμœΌλ©΄ λ‹€μŒκ³Ό 같은 κ²½κ³ κ°€ ν‘œμ‹œλ©λ‹ˆλ‹€.
5353

@@ -68,11 +68,13 @@ Your app (or one of its dependencies) is using an outdated JSX transform. Update
6868

6969

7070
μ΅œμ‹  λ²„μ „μ˜ React 및 React DOM을 μ„€μΉ˜ν•˜κΈ° μœ„ν•΄ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μž…λ ₯ν•˜μ„Έμš”.
71+
7172
```bash
7273
npm install --save-exact react@^19.0.0 react-dom@^19.0.0
7374
```
7475

7576
Yarn을 μ‚¬μš©ν•œλ‹€λ©΄ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μž…λ ₯ν•˜μ„Έμš”.
77+
7678
```bash
7779
yarn add --exact react@^19.0.0 react-dom@^19.0.0
7880
```
@@ -87,7 +89,7 @@ Yarn을 μ‚¬μš©ν•œλ‹€λ©΄ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μž…λ ₯ν•˜μ„Έμš”.
8789
yarn add --exact @types/react@^19.0.0 @types/react-dom@^19.0.0
8890
```
8991

90-
κ°€μž₯ ν”ν•œ ꡐ체 μž‘μ—…μ„ μœ„ν•œ codemod도 ν¬ν•¨λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. μ•„λž˜μ˜ [TypeScript λ³€κ²½ 사항](#typescript-changes)을 μ°Έκ³ ν•˜μ„Έμš”.
92+
κ°€μž₯ ν”ν•œ ꡐ체 μž‘μ—…μ„ μœ„ν•œ Codemod도 ν¬ν•¨λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. μ•„λž˜μ˜ [TypeScript λ³€κ²½ 사항](#typescript-changes)을 μ°Έκ³ ν•˜μ„Έμš”.
9193

9294
## Codemods {/*codemods*/}
9395

0 commit comments

Comments
Β (0)