angular2-drag-scroll
๋ผ๋ ์ด๋ฆ์ angular2+๋ฅผ ๋จ์ํ angular๋ผ๊ณ ๋ถ๋ฅด๊ณ angular1.x๋ฅผ angularjs๋ผ๊ณ ๋ถ๋ฅด๊ธฐ ๋๋ฌธ์ ์ฝ๊ฐ ๊ตฌ์์
๋๋ค.
์ด๋ฆ์ ๋ํ ํฌํ๊ฐ ์์ด์ผ ํฉ๋๋ค. ์ ๋ angular-drag-scroll
๋๋ ngx-drag-scroll
๋ฅผ ์ถ์ฒํฉ๋๋ค.
๋๋ ๋ ๋ค ์ข์ํ๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋ณธ์ง์ ์ผ๋ก ์บ๋ฌ์
์ด๋ฏ๋ก carousel
๋๋ ์ด์ ์ ์ฌํ ๋จ์ด๋ฅผ ์ด๋ฆ์ ์ผ๋ถ๋ก ์ถ๊ฐํด์ผ ํฉ๋๊น? ์ด๋ฆ์ ์งง๊ณ ์ง๊ด์ ์ผ๋ก ์ ์งํ๊ธฐ๊ฐ ์ด๋ ต์ต๋๋ค. ๐
์ฌ์ค ์ ๋ angular-drag-scroll
๋๋ ngx-drag-scroll
์ค ํ๋๊ฐ ์ข์ต๋๋ค.
ngx-drag-scroll์ด ๋ ์ ์ ํด ๋ณด์ ๋๋ค.
๊ทธ๋ฌ๋ https://github.com/QuentinPetel/ngx-drag-scroll ์ฒ๋ผ ๋ณด์ด์ง๋ง ์ด ํ๋ก์ ํธ์ ํฌํฌ์๋ ์ด๋ฏธ ๊ทธ ์ด๋ฆ์ด ์์ต๋๋ค(์ฐธ์กฐ: https://www.npmjs.com/package/ngx-drag-scroll ) .
๋ฐ๋ผ์ - ngx-drag-scroll-all ๋๋ ์ด์ ์ ์ฌํ ๊ฒ์ผ ์ ์์ต๋๋ค.
๊ทธ๊ฑด ๋๋ฌด ๋์ฉ๋๋ค. ngx-drag-scroll-all
์ด(๊ฐ) ๋๋ฌด ๊น๋๋ค. angular-drag-scroll
์ ์ง๊ธ ๋น๊ตํ๋ฉด ํฐ ์ฐจ์ด๊ฐ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
ngx-draggable-scroll
?
์ - ๋ค๋ฅธ ๊ฒ์ ํฌํฌ ์์ ์์ ํ์ํ๊ณ ngx-drag-scroll์ด๋ผ๋ ์ด๋ฆ์ ์ป์ผ๋ ค๊ณ ์๋ํ๋ ๊ฒ์ ๋๋ค. ๊ฐ์ฅ ์ ์ ํด ๋ณด์ ๋๋ค.
@yluijten ์ข์ ์ด๋ฆ์
๋๋ค. ์ ๊ฑฑ์ ์ ์ด ์ด๋ฆ์ด drag-scroll
๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ง์๋ฌธ ์ด๋ฆ๊ณผ ์ผ์นํ์ง ์๋๋ค๋ ๊ฒ์
๋๋ค.
@akkumar ๋๋ ngx-drag-scroll
์ ์์ ์์๊ฒ ์ด๋ฉ์ผ์ ๋ณด๋์ต๋๋ค. ๊ทธ๊ฐ ๊ทธ ์ด๋ฆ์ ๋๋ ์ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
์ ๋์ ์ผ๋ก ! ๋๋ ๊ทธ๊ฒ์ ์ํด ํฌํฌ๋ฅผ ๋ง๋ค์์ต๋๋ค. npm ํจํค์ง์ ํจ๊ป ์ญ์ ํ๊ฒ ์ต๋๋ค.
@bfwg Github ๋ฆฌํฌ์งํ ๋ฆฌ๊ฐ ์ญ์ ๋๊ณ npm ํจํค์ง ์์ ๊ถ์ด ์ด์ ๋์์ต๋๋ค.
@QuentinPetel ์ ๋ง ๊ฐ์ฌํฉ๋๋ค. ๋น์ ์ ๋ด ํ๋ฃจ๋ฅผ ๋ง๋ค์์ต๋๋ค!
@akkumar NPM๋ฟ๋ง ์๋๋ผ Github์์ ํ๋ก์ ํธ ์ด๋ฆ์ ์ ๋ฐ์ดํธํ์ต๋๋ค. ์ปดํจํฐ์์ ์๋ก์ด ๋ณ๊ฒฝ ์ฌํญ์ ํ ์คํธํ ์ ์์ต๋๊น? ๋ชจ๋ ๊ฒ์ด ์ ์ด๋ฆ๊ณผ ๋ชจ๋ ๊ฒ์ด ์ฌ์ ํ ์๋ํ๋์ง ํ์ธํ๊ณ ์ถ์ต๋๋ค.
npm ์ฌ์ฉ์ ์ด๋ฆ์ ๋ฌด์์ ๋๊น? ์ํ์ ๋ค๋ฉด NPM์ ์ด ํ๋ก์ ํธ์ ๊ทํ์ ์ด๋ฆ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์ ์๋ํฉ๋๋ค.
๋ค์๊ณผ ๊ฐ์ด ๋ณ๊ฒฝํ์ต๋๋ค.
ํจํค์ง.json
"ngx-drag-scroll": "1.5.2"
app.module.ts
import { DragScrollModule } from 'ngx-drag-scroll';
์ฌํ๊น์ง๋ ๊ทธ๋ฐ๋๋ก ์๋๋ค.
๋ด npm ์ฌ์ฉ์ ์ด๋ฆ์ akkumar ์ ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฌ์ค ์ ๋
angular-drag-scroll
๋๋ngx-drag-scroll
์ค ํ๋๊ฐ ์ข์ต๋๋ค.