///
Search
๐Ÿ˜€

20220615 ์ˆ˜

Tags
4 more properties

์˜ค๋Š˜ ์—…๋ฌด

โ€ข
ย [๊ฐœ๋ฐœ] ์ฝ”๋“œ๋ฆฌ๋ทฐ (#130, #136, #137)ย 
โ€ข
ย [๊ฐœ๋ฐœ] ํŽ˜์ด์ง€, ์„น์…˜, ์š”์†Œ ์Šคํ‚ค๋งˆ ๋ฆฌ๋ทฐย 
โ€ข
ย [๊ธฐํƒ€] ์‚ฌ์ „ ํ”Œ๋ž˜๋‹ ์ค€๋น„
โ€ข
ย [๊ฐœ๋ฐœ] ์ฝ”๋“œํŽธ์ง‘ poc ย stuck

์—…๋ฌด ๊ธฐ๋ก

์ฝ”๋“œ๋ฆฌ๋ทฐ #130 - viewport์™€ Hydration ์ด์Šˆ

ํŽ˜์ด์ง€, ์„น์…˜, ์š”์†Œ ์Šคํ‚ค๋งˆ ๋ฆฌ๋ทฐ

์ฝ”๋“œ ํŽธ์ง‘ POC

์˜ค๋Š˜ ๊ณต๋ถ€

useLayoutEffect

์˜ค๋Š˜ ์ƒ๊ฐ

โ€ข
์—๋””ํ„ฐ ๊ฐœ๋ฐœ์€ ๋ชป ํ•˜๊ณ  ์žˆ์ง€๋งŒ, ๋ฐ๋ชจ ๊ฐ™์ด ์‹ ๊ฒฝ์“ฐ๊ณ  ์žˆ๋‹ค๋ณด๋‹ˆ ์•„์นจ์ €๋…์œผ๋กœ ์ฝ”๋“œ๋ฆฌ๋ทฐ์— ์Ÿ๋Š” ์‹œ๊ฐ„์ด ์ง„์งœ ํฌ๋‹ค. ์ ์‹ฌ ๋จน๊ธฐ ์ „๊นŒ์ง€ ์˜ค์ „ ์‹œ๊ฐ„ ๋‹ค ์“ฐ๋Š” ๊ฒƒ ๊ฐ™๊ตฌ, ์•ผ๊ทผํ•  ๋•Œ๋„ ๋Œ€๋ถ€๋ถ„ ์˜คํ›„์— ์ˆ˜์ •๋œ ๊ฒƒ๋“ค ๋‹ค์‹œ ๋ด์ฃผ๋Š” ๋ฐ ์‹œ๊ฐ„ ๋‹ค ์“ฐ๋Š” ๋“ฏ. ๊ฐ์ž ๋ณธ์ธ ์ž‘์—… ํ•˜๋Š” ๋ฐ๋„ ์ •์‹  ์—†์„ ๊ฑฐ๋ผ ๋‚˜๋ผ๋„ ํ”ผ๋“œ๋ฐฑ ๋นจ๋ฆฌ ๋“œ๋ ค์•ผ ๋ณ‘๋ชฉ ์—†์ด ์ง„ํ–‰๋  ๊ฒƒ ๊ฐ™์•„์„œ ์ผ๋‹จ์€ ๊ทธ๋ ‡๊ฒŒ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ํ•œ ์Šคํ”„๋ฆฐํŠธ ํ•ด๋ณด๋‹ˆ ๋นก์„ธ๊ธด ํ•˜๋‹ค..! ์ฝ”๋“œํŽธ์ง‘ poc ํ•ด์•ผ ํ•˜๋Š”๋ฐ ๊ฑฐ์˜ ๋ฐค์— ์กฐ๊ธˆ ํ•˜๋Š” ๋“ฑ ๋‚ด ์—…๋ฌด์—๋Š” ์‹œ๊ฐ„์„ ๋งŽ์ด ๋ชป ์ผ๋‹ค. ์ด๋ฒˆ ์Šคํ”„๋ฆฐํŠธ๋Š” ๋‚ด ์—…๋ฌด๋Š” ์„ค๋ ์„ค๋  ํ•œ ๋“ฏ..

๋‚ด์ผ ์—…๋ฌด

โ€ข
[๋ฏธํŒ…] ์—๋””ํ„ฐ ์šฉ์–ด ๋…ผ์˜ (9:00~10:00)
โ€ข
[๊ฐœ๋ฐœ] SP12 ๋ฐ๋ชจ ์ค€๋น„
โ€ข
[๋ฏธํŒ…] SP13 ์‚ฌ์ „ ์Šคํ”„๋ฆฐํŠธ ํ”Œ๋ž˜๋‹ (๊ฐœ๋ฐœ)

๋‚ด์ผ ๊ณต๋ถ€

โ€ข
์ผ๋งŒ ํ•˜์ง€ ๋ง๊ณ  nextjs ๊ณต์‹๋ฌธ์„œ๋ผ๋„ ํ•œ ํŽ˜์ด์ง€์”ฉ ์ฝ๊ธฐ