TRstory

설치 설명: https://www.npmjs.com/package/live-server 0. nodejs 설치후 ( https://nodejs.org/en/ ) 1. live-server 전역 설치npm install -g live-server 2. 해당 프로젝트 root 에서 live-server 실행 - 옵션값을 입력하지 않으면 기본값으로 열림 - (--host= 내아이피 넣으면 외부접근 가능, 단 공유기등 보안 열려 있어야함 ) - ( --port= 열릴 포트 번호)live-server --host=000.000.000.000 --port=0000

1. 설치 : https://code.visualstudio.com/# 단축키 window : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf VScode-shortcuts-windows.pdfhttps://demun.github.io/vscode-tutorial/shortcuts/ # 단축키 Mac : https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf  # emmet : https://docs.emmet.io/cheat-sheet/ # 작업 ( shift+ctrl+p )- 작업구성            > tasks : Configure Default T..

# 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

시작 -> 실행 shutdown -s-t (초) 30분 => 1800(초)1시간 => 3600(초) shutdown -s -t 1800

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