TIL 72. 2024-04-12

์ด์ค€๊ตฌยท2024๋…„ 5์›” 1์ผ
0

TIL ์ˆœ์„œ

๋ชฉ๋ก ๋ณด๊ธฐ
72/119

๐ŸฑTroubleShotting๐Ÿฑ

1. 
[์ƒํ™ฉ]
- ๊ธฐ์กด livekit์—์„œ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ hooks๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์บ  ๋ฐ ๋งˆ์ดํฌ ๋“ฑ ๋ฏธ๋””์–ด ์žฅ์น˜๋ฅผ ๊ด€๋ฆฌํ•˜์˜€๋‹ค.
- ๋งˆํ”ผ์•„ ๊ฒŒ์ž„ ๋กœ์ง์— ๋งž๊ฒŒ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ปค์Šคํ…€ hook์œผ๋กœ ๊ฐœํŽธ

[๋ฌธ์ œ]
-useEffect ๋‚ด๋ถ€์—์„œ ์‚ฌ์šฉ๋˜๋Š” socket์œผ๋กœ ์ธํ•ด ์ปค์Šคํ…€ hooks๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒ 
-hook ์ž์ฒด๋Š” ์ปดํฌ๋„ŒํŠธ ์ตœ์ƒ์œ„ ๋ฃจํŠธ์— ์กด์žฌํ•ด์•ผํ•˜๋ฏ€๋กœ useEffect๋‚ด๋ถ€์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

[ํ•ด๊ฒฐ]
-๊ธฐ์กด) livekit hooks์—์„œ ์ œ๊ณตํ•˜๋Š” ํŠน์ • user์— ๋Œ€ํ•œ ๋ฏธ๋””์–ด ์žฅ์น˜๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋กœ์ง์—์„œ ํ˜„์žฌ ๋ฐฉ์— ์กด์žฌํ•˜๋Š” ๋ชจ๋“  ์œ ์ €์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์™€ ์„œ๋ฒ„์—์„œ ์ „์†ก๋ฐ›์€ ํŠน์ • userId๊ฐ’์„ ๋น„๊ตํ•˜์—ฌ ๋ฏธ๋””์–ด ์žฅ์น˜๋ฅผ ์ฐพ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์˜€๋‹ค.
2.
[์ƒํ™ฉ]
-ํˆฌํ‘œ ์‹œ๊ฐ„์— ์œ ์ €์˜ ์บ ์„ ํด๋ฆญํ•˜์—ฌ  user์˜  ID๊ฐ’์„ ์„œ๋ฒ„์— ์ „์†ก ํ•˜๋Š” ๋กœ์ง์„ ๊ตฌํ˜„
-ํˆฌํ‘œ ์‹œ๊ฐ„์ด ๋๋‚œ ์‹œ์ ์„ ๊ธฐ์ค€์œผ๋กœ ๋งˆ์ง€๋ง‰์œผ๋กœ ํด๋ฆญํ•œ user์˜  ID๊ฐ’์„ ์„œ๋ฒ„์— ์ „์†ก
[๋ฌธ์ œ]
-useEffect ์˜์กด์„ฑ ๋ฐฐ์—ด์— state๊ฐ’์„ ๋„ฃ์–ด ๋ณ€ํ™”๋˜๋Š” userId๊ฐ’์„ update์‹œ์ผฐ์ง€๋งŒ setTimeoutํ•จ์ˆ˜ ์ž์ฒด๋„ update๋˜์–ด ํƒ€์ด๋จธ ๋˜ํ•œ, ์ดˆ๊ธฐํ™” ๋˜๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ•˜์˜€๋‹ค. ๋˜ํ•œ, setTimeout ํ•จ์ˆ˜๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์‹œ๊ฐ„์„ ์ž‘๋™ํ•˜์˜€์ง€๋งŒ setTimeout์€ ์‹คํ–‰๋œ ์‹œ์ ์„ ๊ธฐ์ค€์œผ๋กœ state์˜ ๊ฐ’์„ ๊ฐ–๊ณ  ์žˆ์œผ๋ฉฐ ๋ณ€ํ™”๋˜๋Š” state ๊ฐ’์„ ์ธ์ง€ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์˜€๋‹ค.
[ํ•ด๊ฒฐ]
useRef์— boolean๊ฐ’์„ ์ฃผ์–ด setTimoutํ•จ์ˆ˜๋ฅผ ํ•œ๋ฒˆ ๋งŒ ์ž‘๋™ํ•˜๊ฒŒ๋” ๋งŒ๋“ค์—ˆ์œผ๋ฉฐ,  ๊ธฐ์กด setTimout ์•ˆ์—์„œ ์ฒ˜๋ฆฌํ•˜๋ ค๋˜ state๊ฐ’์„ ์ƒˆ๋กœ์šด ์กฐ๊ฑด๋ฌธ ์•ˆ์— ๋„ฃ์–ด setTImeout์ด ์ข…๋ฃŒ๋˜์—ˆ์„ ๋•Œ ์‹œ์ž‘ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด ํ•ด๊ฒฐํ•˜์˜€๋‹ค.
profile
๊ฐœ๋ฐœ ์ค‘~~~ ๋‚ด ์ž์‹ ๋„ ๋ฐœ์ „ ์ค‘๐Ÿ˜‚๐Ÿคฃ

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด