Skip to content

Commit

Permalink
Update July/article/Enhancing-The-New-York-Times-Web-Performance-withโ€ฆ
Browse files Browse the repository at this point in the history
โ€ฆ-React-18.md

Co-authored-by: MYONG JAEWI <[email protected]>
  • Loading branch information
lurgi and Jaymyong66 authored Jul 20, 2024
1 parent 1408129 commit 5fb41f8
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -220,4 +220,4 @@ React 18 ์—…๊ทธ๋ ˆ์ด๋“œ ์ดํ›„, ์šฐ๋ฆฌ์˜ ์žฌ๋ Œ๋”๋ง ํšŸ์ˆ˜๋Š” ์‚ฌ์‹ค์ƒ ์ ˆ

React 18 ํ†ตํ•ฉ์€ ์ด๋ฏธ ์šฐ๋ฆฌ์—๊ฒŒ ์ƒ๋‹นํ•œ ๊ฐœ์„ ์„ ๊ฐ€์ ธ์™”๊ณ , ์ด์ „์—๋Š” ๋ถˆ๊ฐ€๋Šฅํ–ˆ๋˜ ๋‹ค์–‘ํ•œ ๊ฐ€๋Šฅ์„ฑ์„ ์—ด์–ด์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ ์šฐ๋ฆฌ๋Š” `startTransition` ๋ฐ React `Server Component`์™€ ๊ฐ™์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์˜ ์ž ์žฌ์  ์ด์ ์„ ํƒ๊ตฌํ•˜๋Š” ๋ฐ ์ง‘์ค‘ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ์˜ ํ•ต์‹ฌ ๋ชฉํ‘œ๋Š” INP ์ ์ˆ˜๋ฅผ ์ง€์†์ ์œผ๋กœ ๋‚ฎ์ถ”๊ณ  ์ „์ฒด ๊ธฐ๋Šฅ์„ฑ์„ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๋Ÿฌํ•œ ๊ฐœ์„  ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์•„์ง ๋‹ต๋ณ€์ด ํ•„์š”ํ•œ ์งˆ๋ฌธ๋“ค์ด ์žˆ์Œ์„ ์ธ์‹ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ๋กœ์„œ๋Š” ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” React ๋ฒ„์ „์˜ ์•ˆ์ •์ ์ด๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์„ฑ๋Šฅ์„ ๋ณด์žฅํ•˜๋Š” ๊ฒƒ์ด ์ฃผ์š” ๊ณผ์ œ์ž…๋‹ˆ๋‹ค.

๋‰ด์Šค ์‚ฌ์ดํŠธ์—์„œ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ, ์šฐ๋ฆฌ๋Š” ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ๋“ค์—์„œ๋„ ์œ ์‚ฌํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ๊ธฐ๋Œ€ํ•˜๋ฉฐ ์—…๊ทธ๋ ˆ์ด๋“œ๋ฅผ ์ง„ํ–‰ํ•  ์ž์‹ ๊ฐ์„ ์–ป์—ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ตฌ๊ธ€์˜ March deadline dใ…ฃ์ „์— INP ์ ์ˆ˜๋ฅผ "๋‚˜์จ" ์˜์—ญ์—์„œ ๋ฒ—์–ด๋‚˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ๊ฒ€์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ์ผ๋ถ€๊ฐ€ ๋˜์—ˆ์„ ๋•Œ๋„ ๋ถ€์ •์ ์ธ SEO ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋…์ž๋“ค์ด ์กฐ๊ธˆ ๋” ๋น ๋ฅธ ๊ฒฝํ—˜์„ ์ฆ๊ธฐ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ์˜ ๋‰ด์Šค๋ฃธ์€ ๋ Œ๋”๋ง ํ”„๋ ˆ์ž„์›Œํฌ์— ๋Œ€ํ•ด ๋‹ค์‹œ ์ƒ๊ฐํ•  ํ•„์š” ์—†์ด ๊ฐ•๋ ฅํ•˜๊ณ  ํฅ๋ฏธ๋กœ์šด ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ฝ˜ํ…์ธ ๋ฅผ ๊ณ„์†ํ•ด์„œ ์ œ๊ณตํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
๋‰ด์Šค ์‚ฌ์ดํŠธ์—์„œ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ, ์šฐ๋ฆฌ๋Š” ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ๋“ค์—์„œ๋„ ์œ ์‚ฌํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ๊ธฐ๋Œ€ํ•˜๋ฉฐ ์—…๊ทธ๋ ˆ์ด๋“œ๋ฅผ ์ง„ํ–‰ํ•  ์ž์‹ ๊ฐ์„ ์–ป์—ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ตฌ๊ธ€์˜ [March deadline](https://developers.google.com/search/blog/2023/05/introducing-inp?hl=ko) ์ด์ „์— INP ์ ์ˆ˜๋ฅผ "๋‚˜์จ" ์˜์—ญ์—์„œ ๋ฒ—์–ด๋‚˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ๊ฒ€์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ์ผ๋ถ€๊ฐ€ ๋˜์—ˆ์„ ๋•Œ๋„ ๋ถ€์ •์ ์ธ SEO ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋…์ž๋“ค์ด ์กฐ๊ธˆ ๋” ๋น ๋ฅธ ๊ฒฝํ—˜์„ ์ฆ๊ธฐ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ์˜ ๋‰ด์Šค๋ฃธ์€ ๋ Œ๋”๋ง ํ”„๋ ˆ์ž„์›Œํฌ์— ๋Œ€ํ•ด ๋‹ค์‹œ ์ƒ๊ฐํ•  ํ•„์š” ์—†์ด ๊ฐ•๋ ฅํ•˜๊ณ  ํฅ๋ฏธ๋กœ์šด ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์ฝ˜ํ…์ธ ๋ฅผ ๊ณ„์†ํ•ด์„œ ์ œ๊ณตํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

0 comments on commit 5fb41f8

Please sign in to comment.