์๋
ํ์ธ์ react-pose ์ ํจ๊ป
๋ด๊ฐ ๊ทธ๊ฒ์ ์ฌ์ฉํ๊ณ ์ด์ ๊ฐ์ ์ ๋๋ฉ์ด์
์ ์ป์ ์์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น? https://codesandbox.io/s/w6m757yj6l
ํฌ์ฆ ์์๋ li๊ฐ ์ง๊ณ ์์์ผ๋ก ํ์ํ๋ฏ๋ก FixedSizeList๊ฐ ํ์ํฉ๋๋ค.
ํฌ์ฆ๋ ์ฌ์ฉ์ ์ ์ ๊ตฌ์ฑ ์์๋ฅผ ํ์ฉํ ์ ์์ง๋ง ๋ค์๊ณผ ๊ฐ์ด ํ์๋ฉ๋๋ค.
๋ฐ๋ผ์ ์ ๋๋ฉ์ด์ ํ ๊ตฌ์ฑ ์์๋ React.forwardRef ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ref๋ฅผ ์ ๋ฌํด์ผ ํฉ๋๋ค.
์ฌ๊ธฐ - ์ฐธ์กฐ
ํด๊ฒฐ์ฑ ์ด ์๋ค๋ฉด ์๋ ค์ฃผ์ธ์
๋ชจ๋ฅด๊ฒ ์ด. ๋ค๋ฅธ ๋์๊ด์ ๋ํด ๋ค์ด๋ณธ ์ ์ด ์์ต๋๋ค.
์คํ ์ค๋ฒํ๋ก์ ๊ฒ์๋ฅผ ์๋ํ ์ ์์ต๋๋ค.
๋๋ ๋ ผํํ์ง ์๊ณ ๊ทธ๋ฅ ์งํํ๋ ๊ฒ์ด ์๋ง๋ ์ต์ ์ด๋ผ๋ ๊ฒ์ ์๊ณ ์์ง๋ง, ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์กฐ์ฌํ์ง ์๊ณ ๋น์ ์ ์ํด ํตํฉ ๋ฌธ์ ๋ฅผ (๋ฌด๋ฃ๋ก) ํด๊ฒฐํ๊ธฐ ์ํด ์ ์ง ๊ด๋ฆฌ์๋ฅผ ๋ฐ๋ํ๋ ๊ฒ์ ๊ฝค ๋นํฉ๋ฆฌ์ ์ธ ์ผ์ ๋๋ค, @ShivamJoker.
๋๋ ๋ฐ์ ํฌ์ฆ์ ๋ํด ๋ค์ด ๋ณธ ์ ์ด ์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ ์ฌ์ฉํ ํ์๊ฐ ์๋๋ฐ ์ ๋ด๊ฐ ํตํฉ์ ์์๋ด๋ ๋ฐ ์๊ฐ์ ํ ์ ํ ๊ฒ์ด๋ผ๊ณ ๊ธฐ๋ํฉ๋๊น?
์ด๊ฒ์ด ์คํ ์ค๋ฒํ๋ก์ ๊ฐ์ ์ฌ์ดํธ๊ฐ ์กด์ฌํ๋ ์ด์ ์ ๋๋ค.
์ข์์, ํฌํ๋ฅผ ๊ฑฐ๋ถํด์ ์ฃ์กํฉ๋๋ค. ์คํ ์ค๋ฒํ๋ก์ ๋ํด ์ง๋ฌธํ๊ฒ ์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ๋ ผํํ์ง ์๊ณ ๊ทธ๋ฅ ์งํํ๋ ๊ฒ์ด ์๋ง๋ ์ต์ ์ด๋ผ๋ ๊ฒ์ ์๊ณ ์์ง๋ง, ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์กฐ์ฌํ์ง ์๊ณ ๋น์ ์ ์ํด ํตํฉ ๋ฌธ์ ๋ฅผ (๋ฌด๋ฃ๋ก) ํด๊ฒฐํ๊ธฐ ์ํด ์ ์ง ๊ด๋ฆฌ์๋ฅผ ๋ฐ๋ํ๋ ๊ฒ์ ๊ฝค ๋นํฉ๋ฆฌ์ ์ธ ์ผ์ ๋๋ค, @ShivamJoker.
๋๋ ๋ฐ์ ํฌ์ฆ์ ๋ํด ๋ค์ด ๋ณธ ์ ์ด ์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ ์ฌ์ฉํ ํ์๊ฐ ์๋๋ฐ ์ ๋ด๊ฐ ํตํฉ์ ์์๋ด๋ ๋ฐ ์๊ฐ์ ํ ์ ํ ๊ฒ์ด๋ผ๊ณ ๊ธฐ๋ํฉ๋๊น?
์ด๊ฒ์ด ์คํ ์ค๋ฒํ๋ก์ ๊ฐ์ ์ฌ์ดํธ๊ฐ ์กด์ฌํ๋ ์ด์ ์ ๋๋ค.