웹개발자의 기지개

https://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. node.js 설치 https://nodejs.org 에서 안정화 버전 설치한다. node -v 로 확인 : 자동으로 npm 은 같이 깔린다. npm -v 로 확인 Visual Code 를 이용할때 플러그인 설치한다. (1) Vetur - Vue 개발할때 확장 프로그램 (2) Debugger for Chrome (deprecated) (3) Prettier - code formatter 성능향상을 위하여 yarn 도 설치한다. npm install --global yarn 만약 아래처럼 에러발생한다면, ..

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Browser DevTools extension for debugging Vue.js applications. chrome.google.com 확장프로그램 추가한다.

package.json 파일 소스내에서 npm run serve 실행하면 > vue2_test@0.1.0 serve > vue-cli-service serve --port 3000 App running at: - Local: http://localhost:3000/ - Network: http://192.168.45.119:3000/ Note that the development build is not optimized. To create a production build, run npm run build.

폴더권한 문제 때문에 발생한다. sudo 명령어를 앞에 sudo npm ~~ 이런식으로 붙여서 설치하면 대부분 해결된다. 이는 일시적인 해결법이다. 아래 log 내용을 보면 친절하게 설명해놓았다. 영구적인 해결방법으로 (필자의 폴더경로상황) sudo chown -R 501:20 "/Users/jongwon/.npm" 아래에 필자의 log 정보를 남겨놓았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 function talkitSetupDown() { var userAgent = navigator.userAgent; let device = ""; if (userAgent.match(/Android/i)) { // 안드로이드 기기 device = "Android"; } else if (userAgent.match(/iPhone|iPad|iPod/i)) { // 아이폰, 아이패드, 아이팟 기기 device = "iOS"; } else { // 기타 PC 웹 브라우저 device = "PC"; } if (device=="Android") { location.href="https://p..

특정 클래스명들을 땡겨올 수 있는 놈이 getElementsByClassName 인데 이는 복수의 배열처리로 연결됨을 꼭 주시해 주기 바란다. getElementById("o_btn")[0] getElementById("o_btn")[1] getElementById("o_btn")[2] ... 이런식으로 index 처리로 여러개의 o_btn class 명들이 있을때 그 순번을 0,1,2 각각 이런식으로 대응된다. cf ) getElementById 는 단일의 id 값을 땡겨올때 (복수가 아니다) 아래의 예제를 참고해보자 ~ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 .o_btn {backgro..

html 문서형태로 동의함이 있는 다양한 checkbox 가 있는 웹페이지를 간단히 PDF 파일로 그대로 생성할때 아주 유용한 간단한 소스를 정리하였다. PDF 파일 저장하기 버튼을 누르면 현재시간을 파일명으로 만드는 pdf 파일이 계속 생성되도록 만들었다. pdf 파일을 클릭하여 살펴보면 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 8..

https://nowonbun.tistory.com/636 [Javascript] 서명 마크(sign)를 만드는 방법(canvas태크) 안녕하세요. 명월입니다. 이 글은 html에서 서명 마크(sign)를 만드는 방법(canvas)에 대한 글입니다. 웹 설계를 하면 승인에 관계된 시스템이나 서명이 필요한 프로그램을 만들 경우가 많이 있습니 nowonbun.tistory.com javascript상으로 서명하고 이미지 저장하는 방법 간단한 소스이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 5..