์ด๋ค Pull Request๋ ํ์ํฉ๋๋ค. ๋น์ ์ ์ด๋ฌํ ๋ฐฉ๋ฒ์ผ๋ก ํ๋ก์ ํธ์ ์ฝ๋ฉ์ ์์ํ ์ ์์ต๋๋ค.
- ํ๋ก์ ํธ๋ฅผ Forkํฉ๋๋ค.
- ๋น์ ์ Repositoty์ Cloneํฉ๋๋ค.
- npm install ์ ์คํํฉ๋๋ค.
- ๊ฐ๋ฐ ์น์๋ฒ๋ฅผ ์ค์นํ๊ธฐ ์ํด ๋ฉ์ธ ํด๋์์ npm start๋ฅผ ์คํํฉ๋๋ค.
- ๋ฆฌ๋ฌ์ ์ฆ๊ธฐ์ธ์!
2.2.x ๋ฒ์ ์์ ๋์ค ์ถ๊ฐ๋ ์ฝ์ต๋๋ค,
src\dances์ ์๋ก์ด ํด๋๋ฅผ ์์ฑํฉ๋๋ค.- ์ด ํ์ผ์ ๋น์ ์ ์๋ก์ด ์ถค ํจ์๋ฅผ ๋ฐ๋์ exportํด์ผ ํฉ๋๋ค.
- ์ด ํ์ผ์ reset ํจ์๋ฅผ ๋ฐ๋์ exportํด์ผ ํฉ๋๋ค.
์ฌ๊ธฐ์ jump.js์ ์์๊ฐ ์์ต๋๋ค.
/* The function signature is :
* @elem: ๋น์ ์ด ํจ๊ณผ๋ฅผ ์ง์ ํ html ์์
* @value: ํ์ฌ pulse ๋น์จ (0๋ถํฐ 1๊น์ง ์ค์ ๊ฐ๋ฅ)
* @options: ๋น์ ์ด ๋ง์ง๋ง ์ธ์๋ก ์ค ์ ์๋ ์ต์
*/
export default (elem, value, options = {}) => {
const max = options.max || 30
const min = options.min || 0
const jump = (max - min) * value
elem.style.transform = `translateY(${-jump}px)`
}
/* The reset function signature is :
* @elem: The element to reset
*/
export const reset = elem => {
elem.style.transform = ''
}- Import ํ๊ณ Dancer.jsํ์ผ์ ์์ฑ์์ ๋ฑ๋กํฉ๋๋ค.
import jump, { reset as resetJump } from './dances/jump.js'
class Dancer {
constructor() {
this.registerDance('jump', jump, resetJump)
}
}- Commit์ ํ๊ณ PR๋ฅผ ๋ง๋์ธ์. ๊ทธ๋ฆฌ๊ณ ๋ชจ๋๊ฐ ๋น์ ์ ๊ธฐ์ฌ๋ฅผ ์ฆ๊ธฐ๋ ๊ฒ์ ๋ณด์ธ์! :)