Skip to content

readme.md

Latest commit

Β 

History

History
49 lines (35 loc) Β· 2.23 KB

readme.md

File metadata and controls

49 lines (35 loc) Β· 2.23 KB

Quickstart for jQuery

jQuery 의 기본적인 APIs 둜 λ§Œλ“€μ–΄μ§„ κΈ°λ³Έ μ›Ήμ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μž…λ‹ˆλ‹€. μžμ„Έν•œ μ‚¬μš©λ²•μ€ Quickstart Overview νŽ˜μ΄μ§€λ₯Ό μ°Έκ³ ν•˜μ„Έμš”.

λΉ λ₯΄κ²Œ μ‹œμž‘ν•˜κΈ°

  1. λ§ˆμ§€λ§‰μœΌλ‘œ 릴리즈 된 버전을 μ—¬κΈ°μ—μ„œ λ‹€μš΄λ‘œλ“œ ν•˜μ„Έμš”.
  2. μ›ν•˜λŠ” ν”„λ‘œμ νŠΈ κ²½λ‘œμ— 압좕을 ν‘Έμ„Έμš” 그리고 ν•΄λ‹Ή ν”„λ‘œμ νŠΈ 경둜(μ••μΆœμ„ ν‘Ό)둜 μ΄λ™ν•˜μ„Έμš”
  3. bower install && npm install λͺ…λ ΉμœΌλ‘œ κ΄€λ ¨ νŒŒμΌμ„ μ„€μΉ˜ν•˜μ„Έμš” (주의: λ°˜λ“œμ‹œ Node.js, bower, gulp κ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.
  4. gulp serve 둜 νŽ˜μ΄μ§€μ˜ λ™μž‘μ„ ν™•μΈν•˜μ„Έμš”
  5. μ—…λ°μ΄νŠΈ ν•˜μ„Έμš”, μˆ˜μ •ν•΄λ³΄μ„Έμš”, μƒˆλ‘œμš΄ μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ„ λ§Œλ“€μ–΄ λ³΄μ„Έμš”. μ½”λ“œκ°€ μˆ˜μ •ν•  λ•Œ λ§ˆλ‹€ λ°”λ‘œ, λ°”λ‘œ 프리뷰가 λ˜λŠ”μ§€ ν™•μΈν•˜μ„Έμš”.
  6. 개발이 끝났닀면 gulp λͺ…λ ΉμœΌλ‘œ λ‹Ήμ‹ μ˜ μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ΅œμ ν™” ν•΄λ³΄μ„Έμš” 그리고 dist 폴더에 μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ μ½”λ“œκ°€ 잘 μ΅œμ ν™” λ˜μ—ˆλŠ”μ§€ ν™•μΈν•˜μ„Έμš”.
  7. gulp serve:dist 둜 μ΅œμ ν™”λœ μ½”λ“œμ˜ λ™μž‘μ„ ν™•μΈν•˜μ„Έμš”

Custom task for this project

assets task

이 ν”„λ‘œμ νŠΈμ—μ„œλŠ” μ „μš© ν…ŒμŠ€ν¬κ°€ μΆ”κ°€λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. ν…ŒμŠ€ν¬ 이름은 assets 이며 jQuery ν”ŒλŸ¬κ·ΈμΈμ—μ„œ μΆ”κ°€λ‘œ μ‚¬μš©ν•˜λŠ” μŠ€νƒ€μΌκ³Ό 이미지λ₯Ό μΆ”κ°€λ‘œ 볡사 ν•©λ‹ˆλ‹€.

// Copy the files associated with components
gulp.task('assets', function () {
  return gulp.src([
    'bower_components/iCheck/skins/**/*',
    '!bower_components/iCheck/skins/all.css',
    'bower_components/chosen/chosen-sprite@2x.png',
    'bower_components/chosen/chosen-sprite.png',
  ], {
    dot: true
  }).pipe(gulp.dest('dist/styles'))
    .pipe($.size({title: 'copy'}));
});

Awesome jQuery Plugins

CONTRIBUTE

See CONTRIBUTE for more details

LICENSE

See LICENSE for more details