# bower : js 플러그인 관리 툴이다. 작업 하기 앞서 gulp or gurnt 를 이용해 사용할 것이니 먼저 숙지 해야 한다. (설명내용은 gulp 로함) 1. nodejs download : https://nodejs.org/en/ 2. git 설치 (기본, "use windows' default console window" 선택)및 환경변수 설정 후 설치1). Uninstall existing GIT bash 2). Reinstall GIT bash (https://git-for-windows.github.io/)3). Set up during installation: - Select> Use Git form the Windows Command Prompt - Select> Use the n..
set param=test&& gulp #gulpfile.js 문법 1. 사용할 플러그인 설치 - nodejs api : https://nodejs.org/api/ - npm 패키지 : https://www.npmjs.com/search?q=&page=0&ranking=optimal - gulp 플러그인 : http://gulpjs.com/plugins/ - bower 패키지 : https://bower.io/search/ npm install --save-dev gulp npm install --save-dev gulp-플러그인이름 2. gulpfile.js 플러그인 선언 var gulp = require('qulp') var 플러그인이름 = require('gulp-플러그인이름') - require ..
= 유투브 = 1. MP3 : http://www.youtube-mp3.org/ko (유투브 URL 넣기)1. MP3 : http://offliberty.com/ (유투브 URL넣기)2. MP4 : https://www.onlinevideoconverter.com/ko/youtube-converter (유투브 URL 넣기)2. MP4 : http://ssyoutube.com (유투브 URL 넣기) = 네이버 팟케스트 = 1. MP4 : http://www.2getflv.co.kr/2getflv/index.php?ckattempt=1 = 영상 -> GIF 1. http://ezgif.com/video-to-gif
# Ruby기반 이기때문에 Ruby 설치 1. http://rubyinstaller.org/ or http://www.ruby-lang.org/ko/downloads/2. 루비 설치 - RUN -> English -> I accept the License -> Add Rubes to your PATH , Associate .rb and .rbw files with this Ruby installation -> Install -> Finish # Compass 설치 (http://compass-style.org/install/) - Compass 강좌 : https://www.youtube.com/watch?v=PRJpf-yyWZ4&list=PL45DD77A4CCA76ED3&index=11. 도스창 : g..
## Brackets # Brackets 설치 (https://www.youtube.com/watch?v=jGoErIDq_4Y&list=PL3U6UclpWg-HpfyoQ8PNdoqfkAWQAYoh0)# Brackets extensions (http://brackets.dnbard.com/extensions)# sass 컴파일툴- 스카우트 : (http://bkaprt.com/sass/6/) or (http://mhs.github.io/scout-app/) - live reload : (http://bkaprt.com/sass/8/) or (http://livereload.com/)- 코파스.앱 : (http://bkaprt.com/sass/9/) or (http://compass.kkbox.com/)- ..
# 단축키 [F11]전체화면 (Full Screen) [shift + F11]집중 편집모드 (Distraction Free Mode) [ctrl + shift + p]명령어 팔레트 (Command Palette) [ctrl + `]콘솔 보기(Show Console) [ctrl + k + b]사이드바 토글 (Show/Hide Sidebar) [ctrl + /]한줄 주석 토글 (Toggle Comment) [ctrl + shift + /]여러줄 주석 토글 (Toggle Block Comment) [ctrl + k + u]대문자로 변경 (Convert Case – Uppercase) [ctrl + k + l]소문자로 변경 (Convert Case – Lowercase) [ctrl + a]전체 선택 (Selec..
# 설치 및 기본세팅1. https://www.sublimetext.com/32. 사이트 바 활성 화 : View -> Side bar 3. 단축키 세팅 : Preferences -> Key Bindings - User( "Key Bindings - Default"에서 변경할 부분을 카피해서 변경하기를 권장 )[{ "keys": ["ctrl+shift+x"], "command": "toggle_side_bar" }]4. 환경 세팅 : Preferences -> Setting - User( "Setting - Default"에서 변경할 부분을 카피해서 변경하기를 권장 ){// typography"font_face": "Verdana", "font_size": 12, "font_options": ["no_b..
# Grunt로 css, js 파일 하나로 컴파일 하기 http://gruntjs.com/ (예제파일) # grunt 설치환경 ( npm, node.js )세팅후... # node.js 설치1. https://nodejs.org/en/download/2. RUN -> Next -> I accept the terms in the License Agreement -> Next -> 홀더경로 Next -> -> Install -> Finish# 루비 설치 1. http://rubyinstaller.org/ or http://www.ruby-lang.org/ko/downloads/ or http://railsinstaller.org/en2. 루비 설치- RUN -> English -> I accept the L..
- Total
- Today
- Yesterday