์ด๊ฒ์ ์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ v1.0.10.zip์ผ๋ก ๋ค์ด๋ก๋ํ ์ ์๋ vue-virtual-scroller๋ผ๋ Linux ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
OnWorks์ ํจ๊ป vue-virtual-scroller๋ผ๋ ์ด ์ฑ์ ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์จ๋ผ์ธ์ผ๋ก ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ OnWorks Linux ์จ๋ผ์ธ ๋๋ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ ๋๋ MACOS ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Linux OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์์ฉ ํ๋ก๊ทธ๋จ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํ๊ณ ์คํํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
vue ๊ฐ์ ์คํฌ๋กค๋ฌ
๊ธฐ์
vue-virtual-scroller์์ ์ ๊ณตํ๋ ๋ช ๊ฐ์ง ๊ตฌ์ฑ ์์๊ฐ ์์ต๋๋ค. RecycleScroller๋ ๋ชฉ๋ก์์ ๋ณด์ด๋ ํญ๋ชฉ๋ง ๋ ๋๋งํ๋ ๊ตฌ์ฑ ์์์ ๋๋ค. ๋ํ ๊ตฌ์ฑ ์์์ DOM ์์๋ฅผ ์ฌ์ฌ์ฉํ์ฌ ๊ฐ๋ฅํ ํ ํจ์จ์ ์ด๊ณ ์ฑ๋ฅ์ด ์ข์ต๋๋ค. DynamicScroller๋ RecycleScroller ๊ตฌ์ฑ ์์๋ฅผ ๋ํํ๊ณ ๋์ ํฌ๊ธฐ ๊ด๋ฆฌ๋ฅผ ํฌํจํ๋๋ก ๊ธฐ๋ฅ์ ํ์ฅํ๋ ๊ตฌ์ฑ ์์์ ๋๋ค. ์ด๊ฒ์ ์ฃผ์ ์ฌ์ฉ ์ฌ๋ก๋ ํญ๋ชฉ์ ํฌ๊ธฐ๋ฅผ ๋ฏธ๋ฆฌ ์์ง ๋ชปํ๋ ๊ฒฝ์ฐ์ ๋๋ค. Dynamic Scroller๋ ์คํฌ๋กคํ๋ ๋์ ์ ํญ๋ชฉ์ ๋ ๋๋งํ ๋ ํญ๋ชฉ ํฌ๊ธฐ๋ฅผ ์๋์ผ๋ก "๊ฒ์"ํฉ๋๋ค. DynamicScrollerItem์ ํฌ๊ธฐ ๊ณ์ฐ์ ์ฒ๋ฆฌํ๊ธฐ ์ํด DynamicScroller์ ๊ฐ ํญ๋ชฉ์ ๋ํํด์ผ ํฉ๋๋ค. IdState๋ RecycleScroller ๋ด๋ถ์ ์ฌ์ฌ์ฉ๋ ๊ตฌ์ฑ ์์์์ ๋ก์ปฌ ์ํ ๊ด๋ฆฌ๋ฅผ ์ฉ์ดํ๊ฒ ํ๋ ๋ฏน์ค์ธ์ ๋๋ค. RecycleScroller๋ ๋ณด์ด๋ ํญ๋ชฉ๋ง ๋ ๋๋งํ๋ ๊ฐ์ ์คํฌ๋กค๋ฌ์ ๋๋ค. ์ฌ์ฉ์๊ฐ ์คํฌ๋กคํ ๋ RecycleScroller๋ ๋ชจ๋ ๊ตฌ์ฑ ์์์ DOM ๋ ธ๋๋ฅผ ์ฌ์ฌ์ฉํ์ฌ ์ต์ ์ ์ฑ๋ฅ์ ์ ์งํฉ๋๋ค.
ํน์ง
- RecycleScroller๋ ์ฌ์ฉ์์๊ฒ ๋ณด์ด๋ ํญ๋ชฉ์ ๋ ๋๋งํ๊ธฐ ์ํด ๋ทฐ ํ์ ์์ฑํฉ๋๋ค.
- ๋ทฐ๋ ๋ ๋๋ง๋ ํญ๋ชฉ์ ๋ณด์ ํ๊ณ ํด๋น ํ ๋ด์์ ์ฌ์ฌ์ฉ๋ฉ๋๋ค.
- ๊ฐ ํญ๋ชฉ ์ ํ์ ๋ํด ๋์ผํ ๊ตฌ์ฑ ์์(๋ฐ DOM ํธ๋ฆฌ)๊ฐ ๋์ผํ ์ ํ์ ๋ํด ์ฌ์ฌ์ฉ๋๋๋ก ์ ํ์ด ์์ฑ๋ฉ๋๋ค.
- ๋ณด๊ธฐ๊ฐ ํ๋ฉด์ ๋ฒ์ด๋๋ฉด ๋นํ์ฑํํ ์ ์์ผ๋ฉฐ ์๋ก ํ์๋๋ ํญ๋ชฉ์ ๋ํด ์ธ์ ๋ ์ง ์ฌ์ฌ์ฉํ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์๊ฐ RecycleScroller ๋ด์์ ์คํฌ๋กคํ ๋ ๋ณด๊ธฐ๋ ๋๋ถ๋ถ ์ ๋ณด์ด๋ ๊ณต๊ฐ์ ์ฑ์ฐ๊ธฐ ์ํด ์ด๋๋ฉ๋๋ค.
- Recycle Scroller๋ ๋ชฉ๋ก์์ ๋ณด์ด๋ ํญ๋ชฉ๋ง ๋ ๋๋งํ๋ ๊ตฌ์ฑ ์์์ ๋๋ค.
์ด๊ฒ์ https://sourceforge.net/projects/vue-virtual-scroller.mirror/์์๋ ๊ฐ์ ธ์ฌ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ์ฐ๋ฆฌ์ ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.