profile
๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

[REACT] useCallback, useMemo

useCallback()์€ ํ•จ์ˆ˜๋ฅผ ๋ฉ”๋ชจ์ด์ œ์ด์…˜(memoization)ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์‚ฌ์šฉ๋˜๋Š” hook ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค. ์ฒซ๋ฒˆ์งธ ์ธ์ž๋กœ ๋„˜์–ด์˜จ ํ•จ์ˆ˜๋ฅผ, ๋‘๋ฒˆ์งธ ์ธ์ž๋กœ ๋„˜์–ด์˜จ ๋ฐฐ์—ด ๋‚ด์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋  ๋•Œ๊นŒ์ง€ ์ €์žฅํ•ด๋†“๊ณ  ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด, ์–ด๋–ค React ์ปดํฌ๋„ŒํŠธ

2023๋…„ 2์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[project] useState& useRef ์นด๋ฉ”๋ผOff ๋Œ€์ฒด์ด๋ฏธ์ง€

โœจ Camera on/off ๋Œ€์ฒด์ด๋ฏธ์ง€ > ๐Ÿ“Œ ๐Ÿšจ์—ด์‹ฌํžˆ ํ”„๋กœ์ ํŠธ ์ค‘ ์˜ˆ์ƒ์น˜๋ชปํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค ....๐Ÿšจ useState๋กœ ๊ด€๋ฆฌํ•˜๋˜ users state๊ฐ€ ๊ฐ’์ด ๋ณ€๊ฒฝ๋œ ๊ฐ’์ด ์ฐธ์กฐ๊ฐ€ ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ์š” ์—ด์‹ฌํžˆ ๊ตฌ๊ธ€๋งํ•˜๊ณ  ์ฐพ์•„๋ณด๋‹ˆ useRef๋กœ ๊ฐ’์„ ์ €์žฅํ•ด

2023๋…„ 1์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[REACT] props,state ๋ฆฌ๋ Œ๋”๋ง

React์—์„œ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›๊ฑฐ๋‚˜ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋ฉฐ, ์ฐจ์ด์ ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ์„ค๋ช… ํ•˜์ž๋ฉฐ ๋ฐ์ดํ„ฐ ๋ณ€๊ฒฝ์˜ ๊ฐ€๋Šฅ์—ฌ๋ถ€์ด๋‹คState๋Š” ๋‚ด๋ถ€ (์ปดํฌ๋„ŒํŠธ)์—์„œ ์ƒ์„ฑํ•˜๊ณ  ํ™œ๋™ํ•˜๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Œ.Props๋Š” ์™ธ๋ถ€(๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ)์—์„œ ์ƒ์† ๋ฐ›๋Š” ๋ฐ์ดํ„ฐ์ด๋ฉฐ,

2022๋…„ 12์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[REACT] ๋ฆฌ๋•์Šค(Redux)

Redux๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•ฑ์„ ์œ„ํ•œ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์ƒํƒœ ์ปจํ…Œ์ด๋„ˆ์ž…๋‹ˆ๋‹ค. Redux๋Š” ์—ฌ๋Ÿฌ๋ถ„์ด ์ผ๊ด€์ ์œผ๋กœ ๋™์ž‘ํ•˜๊ณ , ์„œ๋กœ ๋‹ค๋ฅธ ํ™˜๊ฒฝ(์„œ๋ฒ„, ํด๋ผ์ด์–ธํŠธ, ๋„ค์ดํ‹ฐ๋ธŒ)์—์„œ ์ž‘๋™ํ•˜๊ณ , ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์‰ฌ์šด ์•ฑ์„ ์ž‘์„ฑํ•˜๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.๊ณต์‹ํ™ˆํŽ˜์ด์ง€์—์„œ์˜ ๋ฆฌ๋•์Šค ์„ค๋ช…์ด๋‹ค.๋‚ด๊ฐ€ ์ดํ•ดํ•œ ๋ฆฌ๋•์Šค

2022๋…„ 12์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[REACT] ๊ฐœ๋…์ •๋ฆฌ

ํ•ญํ•ด99 ์ด๋ฒˆ ์ฃผ์ฐจ์— ํŒ€๊ณผ์ œ๋กœ ์ง„ํ–‰ํ•œ ๊ฐœ๋…์ •๋ฆฌ๋ฌธ๋…ธ์…˜๋งํฌ - https://teamsparta.notion.site/React-2-e21a43014e924ad487369fda21d6f205์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์œ ์‚ฌ๋ฐฐ์—ด๊ณผ ๋ฐฐ์—ด์˜ ์ฐจ์ด๋Š” ๋ฌด์—‡์ผ๊นŒ์š”?์œ ์‚ฌ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ๋ฅผ

2022๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[REACT] ์ปดํฌ๋„ŒํŠธ-ํ”„๋กœํผํ‹ฐ

ํ”„๋กœํผํ‹ฐ(props)๋ž€?ํ”„๋กœํผํ‹ฐ, props(properties์˜ ์ค„์ž„๋ง) ๋ผ๊ณ  ํ•œ๋‹ค.์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ์— ๊ฐ’์„ ์ „๋‹ฌํ• ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.(๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„ ๊ฐ–๋Š”๋‹ค.)ํ”„๋กœํผํ‹ฐ๋Š” ์ˆ˜์ •ํ•  ์ˆ˜ ์—†๋‹ค๋Š” ํŠน์ง•์ด ์žˆ๋‹ค.(์ž์‹์ž…์žฅ์—์„  ์ฝ๊ธฐ ์ „์šฉ์ธ ๋ฐ์ดํ„ฐ์ด๋‹ค.)์‚ฌ์šฉ๋ฐฉ๋ฒ•?ํ”„๋กœํผํ‹ฐ

2022๋…„ 11์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[REACT] ์ปดํฌ๋„ŒํŠธ์˜ ์ข…๋ฅ˜

https://ko.reactjs.org/docs/components-and-props.html๋ฆฌ์•กํŠธ์—์„œ ์ •์˜ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ ์ข…๋ฅ˜๋Š” ํฌ๊ฒŒ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ, ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ 2๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.1) ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ (Stateless Functional Compone

2022๋…„ 11์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท