undefined

Contributor๊ฐ€ ๋˜๊ธฐ๋กœ ํ•œ ์ด์œ 

2๋…„ ์ „, ์ฒ˜์Œ ๋ฆฌ์•กํŠธ๋ฅผ ์ ‘ํ–ˆ์„ ๋•Œ ๋‹ณ๊ณ  ๋‹ณ๋„๋ก ์ฝ์—ˆ๋˜ ๋ฆฌ์•กํŠธ ๊ณต์‹ ๋ฌธ์„œ๊ฐ€ ๊ฐœํŽธ๋˜์—ˆ๋‹ค.

 

React

The library for web and native user interfaces

react.dev

์ฃผ๋‹ˆ์–ด๋ผ๊ณ  ํ•˜๊ธฐ๋„ ๋ญ ํ–ˆ๋˜ ํ•™๋ถ€์ƒ ์‹œ์ ˆ, ํ•œ๊ธ€๋กœ ์นœ์ ˆํ•˜๊ฒŒ ๋ฒˆ์—ญ๋˜์–ด์žˆ๋Š” ๊ณต์‹ ๋ฌธ์„œ๋Š” ๋“ ๋“ ํ•œ ์Šค์Šน๋‹˜์ด ๋˜์–ด์ฃผ์—ˆ๋‹ค.

๋ฆฌ์•กํŠธ๋ฅผ ์ฃผ ์Šคํƒ์œผ๋กœ ๋‹ค๋ฃจ๋Š” 2๋…„ ์ฐจ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋œ ์ง€๊ธˆ, ๋‚ด๊ฐ€ ๋ฐ›์•˜๋˜ ์นœ์ ˆ์„ ๋Œ๋ ค์ฃผ๊ณ ์ž ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ์— ์ฐธ์—ฌํ•˜์˜€๋‹ค.

2๋…„ ์ „์˜ ๋‚˜์™€ ๋น„์Šทํ•œ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์นœ์ ˆํ•œ ๊ฐ€์ด๋“œ๊ฐ€ ๋  ์ˆ˜ ์žˆ๋„๋ก ์ตœ๋Œ€ํ•œ ๊ฐ„๋‹จ ๋ช…๋ฃŒํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์–ดํˆฌ๋กœ ๋ฒˆ์—ญํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ๋‹ค.

 

 

๊ฐœํŽธ๋œ ๋ฆฌ์•กํŠธ ๊ณต์‹ ๋ฌธ์„œ

๋‚ด๊ฐ€ ๋งก์€ ๋ถ€๋ถ„์€ useCallback ๋ ˆํผ๋Ÿฐ์Šค ํŒŒํŠธ์ธ๋ฐ, ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์–ด๋–ป๊ฒŒ ๋ฒˆ์—ญํ•˜๋Š”์ง€ ๊ถ๊ธˆํ•ด์„œ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ํ•œ ๋ฒˆ ์ •๋…ํ•ด ๋ณด์•˜๋‹ค.

์šฐ์„  ์ด๋ฒˆ์— ๊ฐœํŽธ๋œ ๊ณต์‹ ๋ฌธ์„œ๋Š” ์ด์ „ ๊ณต์‹ ๋ฌธ์„œ์—์„œ ๊ต‰์žฅํžˆ ๋ฐœ์ „ํ•˜์˜€๋‹ค.

  • ์ด์ „๋ณด๋‹ค ์˜ˆ์‹œ ์ฝ”๋“œ๊ฐ€ ํ’๋ถ€ํ•ด์กŒ๋‹ค. ์ค„๊ธ€๋ณด๋‹ค ์ž˜ ์งœ์ธ ์ฝ”๋“œ๋ฅผ ์ฝ๋Š” ๊ฒŒ ๋” ํŽธํ•œ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ํฐ ๋„์›€์ด ๋  ๊ฒƒ์ด๋‹ค.
  • Caveats์™€ Troubleshooting์„ ์„ธ์„ธํ•˜๊ฒŒ ๊ธฐ์ˆ ํ•œ๋‹ค. ์ด ์„น์…˜์—์„œ ๊ฐœ๋ฐœ์ž๊ฐ€ ํ”ํžˆ ์‹ค์ˆ˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์„ ์ฝ• ์ง‘์–ด์ค€๋‹ค.
  • ๋‚ด๋ถ€์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์„ค๋ช…ํ•ด ์ค€๋‹ค. ๋‚ด๋ถ€ ๋™์ž‘์„ ์ž์„ธํžˆ ์•Œ๋ ค์ฃผ๋‹ˆ ํ•œ์ธต ๋” ๊นŠ์ด ์žˆ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. 

 

 

useCallback ๋ ˆํผ๋Ÿฐ์Šค๋ฅผ ๋ฒˆ์—ญํ•˜๋ฉฐ ๋ฐฐ์šด ์ 

๋…์ž๋ฅผ ๊ณ ๋ คํ•˜๋Š” ๊ธ€์“ฐ๊ธฐ

๋…ํ•ดํ•˜๋Š” ๊ฒƒ๊ณผ ๋ฒˆ์—ญํ•˜๋Š” ๊ฒƒ์€ ์™„์ „ํžˆ ๋‹ค๋ฅธ ์˜์—ญ์ด๋‹ค. ๋ฒˆ์—ญ์€ ๋…์ž๊ฐ€ ์กด์žฌํ•œ๋‹ค.

๋…์ž๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก, ๋˜ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ฝํž ์ˆ˜ ์žˆ๋„๋ก ๊ธ€์„ ์žฌ์ฐฝ์กฐํ•˜๋Š” ๊ฒƒ์ด ๋งค์šฐ ์ค‘์š”ํ•˜๋ฉด์„œ ์–ด๋ ค์šด ์ž‘์—…์ž„์„ ๋Š๊ผˆ๋‹ค.

 

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ์„ ์ง„ํ–‰ํ•˜๋Š” ko.react.dev ์—์„œ๋Š” ๋ฒˆ์—ญ ๊ฐ€์ด๋“œ๋ฅผ ์ œ๊ณตํ•ด ์ค€๋‹ค.

๋ฒˆ์—ญ์„ ์ง„ํ–‰ํ•  ๋•Œ์— ๋‹ค์Œ์˜ ๊ฐ€์ด๋“œ๋ฅผ ๋”ฐ๋ผ์ฃผ์„ธ์š”.

1. ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ณตํ†ต ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ ํ™•์ธ (Check the common style guide)์„ ๋”ฐ๋ฅด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
2. ๋ชจ๋ฒ”์‚ฌ๋ก€ ํ™•์ธ (Check best practices)๋ฅผ ํ™•์ธํ•ด ์ฃผ์„ธ์š”.
3. ๊ณตํ†ต๋œ ๋‹จ์–ด ๋ฒˆ์—ญ์„ ์œ„ํ•ด ์šฉ์–ด ํ™•์ธ (Check the term)์„ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”.
4. ๋งˆ์ง€๋ง‰์œผ๋กœ ๋งž์ถค๋ฒ• ๊ฒ€์‚ฌ (Spelling check)๋ฅผ ์ง„ํ–‰ํ•ด ์ฃผ์„ธ์š”.

ํŠนํžˆ ๋ชจ๋ฒ”์‚ฌ๋ก€ ํ™•์ธ์ด ์ž์—ฐ์Šค๋Ÿฌ์šด ๋ฒˆ์—ญ์— ๋งŽ์€ ๋„์›€์„ ์ฃผ์—ˆ๋‹ค.

 

๋ฒˆ์—ญ์„ ์‹œ์ž‘ํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” ์ด ์ผ์ด ๋‹จ์ˆœํžˆ ์˜์–ด๋ฅผ ํ•ด์„ํ•ด์„œ ๊ทธ๋Œ€๋กœ ํ•œ๊ธ€๋กœ ์˜ฎ๊ธฐ๊ธฐ๋งŒ ํ•˜๋ฉด ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์›๋ฌธ ์ €์ž์˜ ์˜๋„๋ฅผ ํ•ด์„ํ•˜๋Š” ๋™์‹œ์— ๋…์ž๋ฅผ ๊ณ ๋ คํ•˜๋ฉฐ ๊ธ€์„ ์จ์•ผ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ฒ˜์Œ ๋ฒˆ์—ญ์„ ํ•ด๋ณด๋Š” ์ž…์žฅ์—์„œ ์‰ฝ์ง€ ์•Š์€ ์ผ์ด๋ž€ ๊ฑธ ์•Œ์•˜๋‹ค.

 

ํšจ๊ณผ์ ์œผ๋กœ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋Šฅ๋ ฅ

๊ฐœ๋ฐœ์ž๋Š” ๋” ๋‚˜์€ ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ๊ธฐ ์œ„ํ•ด ์ƒ๊ฐ์„ ๊ณต์œ ํ•˜๊ณ  ์ง€์‹์„ ์ „๋‹ฌํ•ด์•ผ ํ•œ๋‹ค.

๋…์ž๋ฅผ ๊ณ ๋ คํ•˜๋ฉด์„œ ๋‚ด๊ฐ€ ๊ฐ€์ง„ ์ง€์‹์„ ํšจ๊ณผ์ ์œผ๋กœ ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋งŽ์€ ๊ณ ๋ฏผ์„ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. 

๋ฒˆ์—ญ์„ ํ•˜๊ณ  ๋˜ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์œผ๋ฉด์„œ ๊ธ€ ์“ธ ๋•Œ ๋‚ด๊ฐ€ ๊ฐ€์ง„ ์•ˆ ์ข‹์€ ์Šต๊ด€์„ ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ , ์–ด๋–ป๊ฒŒ ๊ณ ์ณ์•ผ ํ•˜๋Š”์ง€ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋˜ ์†Œ์ค‘ํ•œ ๊ฒฝํ—˜์ด์—ˆ๋‹ค.

 

๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ธฐ์ค€์œผ๋กœ ๊ธ€์„ ์“ฐ๋ฉด ๋…์ž๊ฐ€ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šธ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

  • ๋ฌธ์žฅ์€ ์ตœ๋Œ€ํ•œ ์งง๊ณ  ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•  ๊ฒƒ
  • ๋Œ€๊ฒŒ ํ•œ ๋ฌธ์žฅ์— ํ•˜๋‚˜์˜ ์˜๋ฏธ๋งŒ ๋‹ด๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.
  • ๋‹จ์–ด๋ฅผ ํ†ต์ผ์„ฑ ์žˆ๊ฒŒ ์‚ฌ์šฉํ•  ๊ฒƒ
  • ๋ถˆํ•„์š”ํ•œ ์ˆ˜์‹์–ด, ์กฐ์‚ฌ, ํ”ผ๋™์‚ฌ ๋“ฑ์˜ ์‚ฌ์šฉ์„ ์ง€์–‘ํ•  ๊ฒƒ

 


 

์šฐ๋ฆฌ๋Š” ๋Œ€๋ถ€๋ถ„ ์ •๋ณด์˜ ์†Œ๋น„์ž์ด๋‹ค. ํ•˜๋ฃจ์—๋„ ์–ผ๋งˆ๋‚˜ ๋งŽ์€ ๊ณต์‹๋ฌธ์„œ, ์Šคํƒ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ, ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ์˜ ๊ธ€์„ ์ฝ์œผ๋ฉฐ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ์ง€์‹์„ ๊ณต์œ ๋ฐ›๋Š”๊ฐ€.

๋Œ€๋ถ€๋ถ„ ์ •๋ณด์˜ ์†Œ๋น„์ž์˜€๋˜ ๋‚ด๊ฐ€ ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ •๋ณด๋ฅผ ์ƒ์‚ฐํ•œ๋‹ค๋Š” ๊ฒƒ์—์„œ ๋งŽ์€ ๋ณด๋žŒ์„ ๋Š๊ผˆ๋‹ค.

์ •๋ณด๋ฅผ ์ƒ์‚ฐํ•˜๋Š” ๊ฒƒ์€ ์†Œ๋น„ํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋งŽ์€ ์‹œ๊ฐ„๊ณผ ๋…ธ๋ ฅ์ด ๋“ ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ๋งŒํผ ์ •๋ณด๋ฅผ ๊ฐ€์žฅ ๊นŠ์ด ์žˆ๊ฒŒ ์ดํ•ดํ•˜๋Š” ์‚ฌ๋žŒ์€ ์†Œ๋น„์ž๊ฐ€ ์•„๋‹Œ ์ƒ์‚ฐ์ž์ด๋‹ค.

 

๋‚ด ์‹œ๊ฐ„๊ณผ ํž˜์ด ๋‹ฟ๋Š” ํ•œ ์ƒ์‚ฐ์ž๋กœ์„œ ๊ฐœ๋ฐœ ์ƒํƒœ๊ณ„์— ๋ณดํƒฌ์ด ๋˜๋„๋ก ๋…ธ๋ ฅํ•  ๊ฒƒ์ด๋‹ค.