TRstory

# GIT & GitHub & SourceTree 1. git 다운로드 : https://git-scm.com/ # 설치 : next~ # Git Bash : 명령어기반 깃실행 # git : 명령어 창에 실행후 git에대한 명령어설명이 뜨면 설치완료! 2. SoureceTree 다운로드 : https://www.sourcetreeapp.com/ # 설치 (저장소 싸이트에서 회원가입) : next~ , Launch SourceTree(체크) Finish # 저장소 싸이트 *bitbucket : https://bitbucket.org/product (저장소 제공) *github : https://github.com/ (오픈프로젝트 저장소 제공) *github desktop 다운로드 : https://desk..

1. 설치 : https://atom.io/ blog : http://recoveryman.tistory.com/234 2. 환경 세팅 : "Ctrl+," - 단축키셋팅 : Ctrl+, > Keybindings > your keymap file'atom-text-editor:not([mini])': 'alt-shift-down' : 'editor:add-selection-below' 'alt-shift-up' : 'editor:add-selection-above' 'ctrl-b' : 'find-and-replace:select-next' 'ctrl-d' : 'editor:duplicate-lines' 'ctrl-shift-d' : 'editor:delete-line' 'ctrl-shift-down' : ..

# 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..