알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

vue-cli-service serve Building 중 Hang (멈춤) 걸릴때 한참을 기다려도 Building이 안될때가 있습니다. 그럴땐 꼭 Lint로 에러를 체크 한뒤 에러 수정 뒤에 다시 serve 를 하면 Building 하면 되는 경우가 많습니다. 저의 경우 serve 가 안되서 한참 찾아 해메다 lint 를 보고 DOM의 tag짝이 맞지 않는 부분을 찾아 냈습니다. tag 짝을 맞춰 주니 잘 Budling 되었습니다.

Freenom 에서 DDNS 을 사용 하기위한 방법 입니다. https://gist.github.com/a-c-t-i-n-i-u-m/bc4b1ff265b277dbf195#gistcomment-2551686 Dynamic DNS support shell script for freenom.com Dynamic DNS support shell script for freenom.com. GitHub Gist: instantly share code, notes, and snippets. gist.github.com 여기에서 가지고 왔습니다 . nano update.sh #!/bin/bash set -u # settings # Login information of freenom.com freenom_email="m..

Panolens 해당 라이브러리는 web page 에서 VR 관련한 라이브러리 이다 https://pchen66.github.io/Panolens/ Panolens.js pchen66.github.io 사이트에 들어가보면 재미 있는것들이 많아 일단 링크 해둔다.

Youtube Data API 사용 하기 (video 검색) Youtube Data API 를 사용할 일이 생겨서 자료를 남깁니다. 일단 https://developers.google.com/youtube/v3/docs/ (공식 문서) 해당 문서를 보고 작성 됩니다. 일단 Youtube API를 사용 하기 위해서는 2가지 방법의 인증이 필요 합니다. 1. Oauth2 를 사용하여 access_token 을 받는 방법 2.API Key를 받는 방법. 여기서는 1번 방법을 사용 하겠습니다. 일단 Google OAuth2 사용 방법은 https://idlecomputer.tistory.com/310 위의 게시물에 정리 해 두었습니다. 먼저 위에 게시물등을 사용 하여 인증을 받았다는 가정하에 출발 하겠습니다. ..

방문자 행동 분석 heat map 마케팅 관련 어플리케이션을 찾다가 재미난 어플리 케이션을 보고 관련 라이브러리가 있는지 찾아 보다가 재미난 Lib가 있어서 리포팅 해봅니다. opensource site : https://github.com/pa7/heatmap.js 위와 같이 나옵니다 . 보시다 시피 방문자가 어디를 자주 클릭하고 어디에 많이 머물러 있었는지 파악 할수 있습니다. 밑에 예제 또한 흥미 롭습니다. https://www.patrick-wied.at/static/heatmapjs/example-heatmap-animation.html 애니메이션 효과 또한 줄수 있습니다. 추후에 웹페이지 분석에 많은 도움이 될것으로 예상 됩니다. https://www.patrick-wied.at/static/..

동적 웹 크롤러 추후에 java script 로 불로온 데이터의 크롤링이 필요한데 라이브라가 있었다. 해당 라이브러리는 크롬으로 접속한 결과를 가져 온다고 한다 . 상당히 강력하다고 생각한다 웹페이지에 보이는 모든 데이터를 끍어 올수있겠다. https://www.selenium.org/ 한국 참조 사이트 : https://nesoy.github.io/articles/2017-03/Selenium 설명이 잘나와 있습니다. 아래는 해당 사이트 자료 입니다, Selenium(셀레늄)이란?Selenium은 웹 어플리케이션을 위한 테스팅 프레임워크로 자동화 테스트를 위한 여러가지 강력한 기능을 지원해준다.C#, Groovy, Java, Perl, PHP, Python, Ruby and Scala등 다양한 언어를 ..

google oauth2 사용하기 구글 공식 문서 기준으로 작성 합니다. 먼저 oauth2 를 사용하기 위해서는 아래와 같이 OAuth 클라이언트 ID 를 만들어야 합니다. 아래 링크 문서 기준으로 사용법을 알아 보겠습니다. https://developers.google.com/identity/protocols/OAuth2WebServer (2019.03.22 일짜) 먼저 아래 라이브러리를 지원 한다고 나와 있습니다. 하지만 저는 HTTP/REST 를 사용하겠습니다. 예제로는 위와 같이 4개의 예제가 사용 되지만 HTTP/REST 을 서버 쪽은 JAVA로 해서 이용 하겠습니다. 예제는 위와 같이 나옵니다. 그래서 저는 https://accounts.google.com/o/oauth2/v2/auth?sco..

Google web-login 설치 (1) 일단 Google HomePage 문서 기준으로 작성 하겠습니다. 먼저 https://console.cloud.google.com/ 대쉬 보드에 들어 갑니다 . 그리고 대쉬 보드에 들어갑니다. 그리고 사용자 인증 정보 에서 애플리케이션 이름을 넣어 줍니다. OAuth 클라이언트 ID를 만듭니다. 그리고 여기서 중요한점 승인된 자바스크립트 원본에 절대로 127.0.0.1 을 사용하지 않습니다. 또는 IP를 사용 하지 마세요 이것 때문에 꽤나 고생 했습니다.... 127.0.0.1을 사용하면 허가권 오류가 나옵니다. 나중에 사용할때 Permission denied to generate login hint for target domain 이런 에러가 뜹니다. 그리고 ..

Vue js 환경 변수 만들기 (배포 환경 별로 변수 값 변경) Vue Cli3 에서 환경 변수 적용 방법을 정리 합니다. 참조 : https://cli.vuejs.org/guide/mode-and-env.html#environment-variables .env # loaded in all cases .env.local # loaded in all cases, ignored by git .env.[mode] # only loaded in specified mode .env.[mode].local # only loaded in specified mode, ignored by git위와 같이 파일을 만들어 주면 Root 폴더에 만들어 주면 사용 가능하다고 합니다. 여기서 mode 는 vue-cli-servi..

catalina.sh tomcat startup 시 Lock ? Hang ? Slow 현상 tomcat 구동시 너무 느리게 또는 한참을 기다려도 실행이 안된 때가 있었습니다. logs/catalina.out 에 보면 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Deploying web application directory [/home/thkomeet2/apache-tomcat-8.5.38/webapps/host-manager] 위에 로그를 마지막으로 실행이 안되는 증상이 너무 빈번 하게 발생 합니다. 해결 방법은 bin/catalina.sh 을 수정 하는것입니다. nano catalina.sh 해당 부분을 ..