ํ์ฌ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ผํ๋ฉฐ ์ด๋๋ง 2๋ ์ฐจ๊ฐ ๋์ด๊ฐ๋ ์์ค์ npm ๋ด๊ฐ ์ฐ๊ธฐ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ฐฐํฌํด๋ณด๋ ๊ฐ์ธ ํ๋ก์ ํธ๋ค์ ์งํํด ๋ดค์ง๋ง ์ทจ์ ์ค๋น๋ฅผ ํ๋ ๋ ์ฒ๋ผ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด๋ณด๋ ํ๋ก์ ํธ๋ฅผ ๋ค์ ํ๋ฒ ์งํํด๋ณด๊ณ ์ถ์๋ค.์๋ก์ด ์ฃผ์ ๋ฅผ ์ก๊ณ ๋ง๋ค์ด ๋ณผ๊น ์ถ์์ง๋ง
์๋ก [Virtual Scroll ๋ง๋ค๊ธฐ] ํด๋น๊ธ์ virtual scroll์ ๊ตฌํํ๊ณ ๋์ ์คํฌ๋กค๋ฐ๋ ์ง์ ๊ตฌํํ๋ฉด ์ฌ๋ฏธ์๊ฒ ๋ค!(?) ๋ผ๋ ์๊ฐ์ผ๋ก ์์ํ๋ค. ๐ก Concept > ์คํฌ๋กค ์์ญ์ ๋ง์ฐ์ค ํธ๋ฒ ์ ์์ญ์์ ์คํฌ๋กค์ด ๋ณด์ฌ์ง๋ ํํ๋ก ๊ตฌํํ์!
ํ์ฌ์์ ์งํํ๋ ํ๋ก์ ํธ์์ 10,000๊ฐ ์ด์์ ๋ฐ์ดํฐ๋ฅผ ํ์ถํ๋ ์ผ์ด ์๊ฒผ์๋ค. ๊ธฐ์กด์ ๊ฐ๋ฐ๋ ์ฝ๋์๋ ๋ฐ์ดํฐ์ ๊ฐ์๋งํผ tr ์์๋ฅผ innerHTML๋ก ์ฝ์ ํด ์ฃผ๊ณ ์์๊ณ ,์ด๋ก ์ธํด DOM์ ๊ทธ๋ฆฌ๋ ๊ณผ์ ์์ ์๊ฐ์ด 5์ด ์ด์ ๊ฑธ๋ฆฌ๊ฑฐ๋ ์ฌํ ๊ฒฝ์ฐ ๋ธ๋ผ์ฐ์ ํญ์ด ๋จน
Next.js with express custom server