์˜์–ดํ”„๋ž‘์Šค์–ด์ŠคํŽ˜์ธ์–ด

Ad


์˜จ์›์Šค ํŒŒ๋น„์ฝ˜

Linux์šฉ vue-virtual-scroller ๋‹ค์šด๋กœ๋“œ

vue-virtual-scroller Linux ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ Ubuntu ์˜จ๋ผ์ธ, Fedora ์˜จ๋ผ์ธ ๋˜๋Š” Debian ์˜จ๋ผ์ธ์—์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰

์ด๊ฒƒ์€ ์ตœ์‹  ๋ฆด๋ฆฌ์Šค๋ฅผ 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์—์„œ ํ˜ธ์ŠคํŒ…๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


๋ฌด๋ฃŒ ์„œ๋ฒ„ ๋ฐ ์›Œํฌ์Šคํ…Œ์ด์…˜

Windows ๋ฐ Linux ์•ฑ ๋‹ค์šด๋กœ๋“œ

Linux ๋ช…๋ น

  • 1
    aarch64-linux-gnu-gnatbind
    aarch64-linux-gnu-gnatbind
    gnat, gnatbind, gnatbl, gnathop,
    gnatfind, gnathtml, gnatkr, gnatlink,
    gnatls, gnatmake, gnatprep, gnatpsta,
    gnatpsys, gnatxref - GNAT ๋„๊ตฌ ์ƒ์ž
    ์„ค๋ช…: ๋ชฉ...
    aarch64-linux-gnu-gnatbind ์‹คํ–‰
  • 2
    aarch64-linux-gnu-gnathop-5
    aarch64-linux-gnu-gnathop-5
    gnat, gnatbind, gnatbl, gnathop,
    gnatfind, gnathtml, gnatkr, gnatlink,
    gnatls, gnatmake, gnatprep, gnatpsta,
    gnatpsys, gnatxref - GNAT ๋„๊ตฌ ์ƒ์ž
    ์„ค๋ช…: ๋ชฉ...
    aarch64-linux-gnu-gnatchop-5 ์‹คํ–‰
  • 3
    cpupower ์œ ํœด ์ •๋ณด
    cpupower ์œ ํœด ์ •๋ณด
    cpupower ์œ ํœด ์ •๋ณด - ์œ ํ‹ธ๋ฆฌํ‹ฐ
    CPU ์œ ํœด ์ปค๋„ ์ •๋ณด ๊ฒ€์ƒ‰
    ๊ตฌ๋ฌธ: cpupower [ -c cpulist ]
    idle-info [์˜ต์…˜] ์„ค๋ช…: ๋„๊ตฌ
    P๋ฅผ ์ธ์‡„ํ•˜๋Š” ...
    cpupower-idle-info ์‹คํ–‰
  • 4
    cpupower ์œ ํœด ์„ธํŠธ
    cpupower ์œ ํœด ์„ธํŠธ
    cpupower idle-set - CPU๋ฅผ ์„ค์ •ํ•˜๋Š” ์œ ํ‹ธ๋ฆฌํ‹ฐ
    ์œ ํœด ์ƒํƒœ ํŠน์ • ์ปค๋„ ์˜ต์…˜
    ๊ตฌ๋ฌธ: cpupower [ -c cpulist ]
    ์œ ํœด ์ •๋ณด [์˜ต์…˜] ์„ค๋ช…:
    cpupower ์œ ํœด ์ƒํƒœ...
    cpupower-idle-set ์‹คํ–‰
  • 5
    g.mapsets์ž”๋””
    g.mapsets์ž”๋””
    g.mapsets - ์‚ฌ์šฉ์ž์˜ ์ •๋ณด๋ฅผ ์ˆ˜์ •/์ธ์‡„ํ•ฉ๋‹ˆ๋‹ค.
    ํ˜„์žฌ ๋งต์…‹ ๊ฒ€์ƒ‰ ๊ฒฝ๋กœ. ์— ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค
    ์•„๋ž˜์— ์กด์žฌํ•˜๋Š” ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž์˜ ์•ก์„ธ์Šค
    ํ˜„์žฌ ์œ„์น˜์— ์žˆ๋Š” ๋‹ค๋ฅธ ๋งต์…‹. ...
    g.mapsetsgrass ์‹คํ–‰
  • 6
    g.messagegrass
    g.messagegrass
    g.message - ๋ฉ”์‹œ์ง€, ๊ฒฝ๊ณ ,
    ์ง„ํ–‰ ์ •๋ณด ๋˜๋Š” ์น˜๋ช…์ ์ธ ์˜ค๋ฅ˜
    ์ž”๋”” ๋ฐฉ์‹. ์ด ๋ชจ๋“ˆ์€
    ์‚ฌ์šฉ์ž์—๊ฒŒ ์ œ๊ณต๋˜๋Š” ๋ฉ”์‹œ์ง€์šฉ ์Šคํฌ๋ฆฝํŠธ.
    ํ‚ค์›Œ...
    g.messagegrass ์‹คํ–‰
  • ๋”ยป

Ad