TRstory

설치 [https://nodejs.org/en/](nodejs 설치하면(8.x) npm 자동설치) npm install yarn window : `.msi` 설치 URL : install download) nodejs update (mac 'sudo'필요) 버젼확인 node -v cache 삭제 : 캐시가 있을경우 출돌 날수있음. npm cache clean -f n 모듈 설치 npm install -g n n 모듈로 nodejs 설치하기 (latest, stable, lts, 버젼) n "버젼" 특정버젼 삭제 n rm "버젼" init (-y : option pass) npm init -y yarn init -y pnpm init 버젼 확인 npm -version | npm -v yarn -versio..

설치 설명 : http://people.apache.org/~pmuellr/weinre/docs/latest/ 0. nodejs 설치후 ( https://nodejs.org/en/ ) 1. weinre 전역설치npm -g install weinre 2. weinre 실행 - (--boundHost : 내컴퓨터 아이피 or 없으면 localhost 로열림) - (--httpPort : 원하는 포트번호 or 없으면 8080 으로 열림 )weinre --boundHost 000.000.000.000 --httpPort 0000 크롬브라우져 : 안드로이드 모바일 테스트 설명 : https://nigayo.github.io/javascript/2014/03/14/Chrome_Android_remote_debugg..

설치 설명: 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

# http://simbyone.com/demo/30-css-hover-effects-for-buttons/# https://tympanus.net/Development/CreativeButtons/# https://codepen.io/rauldronca/pen/mEXomp# http://ianlunn.github.io/Hover/#effects# https://codepen.io/davidicus/pen/emgQKJ# https://www.inserthtml.com/demos/css/button-styles/ # https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 # 메테리얼 효과 : https://bashoo..

# https://prismjs.com/examples.html 1. html, css, js tag 2. css css 3. js ja

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

[ 텍스트 글자수 제한 ] 0 / 9

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

# CSS 웹킷 기반 스크롤 슬라이딩 -webkit-overflow-scrolling: touch; # CSS 계산 (ie9+) div { width : calc(100% - 50px); } # CSS 영역 마스크 (ie8+) [상단, 오른쪽, 하단, 왼쪽] div {vclip: rect(0px,50px,200px,10px); } # CSS 마우스 이멘트 막기 (ie11+) [상단, 오른쪽, 하단, 왼쪽] div.ex1 { pointer-events: none; } # display : flex; * flex-wrap: 유연한 항목 줄바꿈 여부. - nowrap (default) : 기본값 - wrap : 유연한 형태 줄바꿈. * flex-direction : 플렉스 - 방향 - row (default)..