머리가 나쁘면 적어놔야한다 머리가 나쁘면 적어놔야한다

0. Google STT 사용 이유 저번에 annyangjs를 이용해서 음성인식 테스트 했었는데, 대부분 stt는 서버가 있는 상태에서 하는 경우가 많음. 아마 ai를 적용해서 서버로 통신해서 그런거같기도하고. 그리고 Google이라고하면 많은 사람들에게 신뢰받으니까. (난 그닥..) 무튼 그래서 annyangjs 해봤으니 테스트겸 구글꺼도 해보자 1. Google STT 환경 세팅 환경세팅은 문서에 나온것과 같이 따라하면되고, 나는 자바서버를 이용하기때문에 자바소스를 참고했다. api 키같은거 등록하는거에서 일차로 막히고 자바소스 적용하는데 이차로 막혔다... 기본 예제소스는 적용한 사례가 좀 있었는데 나는 마이크로 입력된 음성을 글자로 변환해야한다. 따로 참고할만한게 없어서 순전히 api문서만 참고했..

0. 손동작을 하는 이유와 과정 핸드폰 카메라 또는 웹캠으로 웹브라우저에서 손동작을 인식해서 손동작에 맞게 이벤트를 걸어야해서 찾아봄. google에서 손동작 인식 관련한 api가 있어서 테스트해보려고함. 제일 큰 문제는 제대로 된 api 문서가 없고, 그나마 좀 있는 건 android, ios, c++정도... 데모사이트가 있는데 왜 라이브러리가 javascript로는 없을까 찾았지만 문서가 있거나 javascript로 된 라이브러리 설명이 있거나 그런걸 못찾겠음... 텐서플로 어쩌고저쩌고 파이썬~ ai~ 등등등 난 지금 당장 api를 써야하는데.. 그래서 마지막으로 데모사이트의 소스 코드를 긁어서 테스트를 해봄. 데모사이트 url : https://storage.googleapis.com/tfjs-m..

1. ie11 forEach 문제 익스플로러에서 forEach를 못쓰는 문제가 발생했다. 찾아보니 ie9부터 forEach를 제공한다는데 왜 난 ie11에서 이런 오류가 나는가.. 익스 진짜 생각하기도 싫지만... ie11쓰는 사람이 아직도 있긴하니....해결해야지.. 2. Array.prototype.forEach 여러 방법이 있었는데 그중에 이 소스를 추가하면 에러가 없어진다. if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } 이 방법이 제일 간단하고 소스코드도 짧은 것 같다.

0. 왜 새로운 뻘짓을 하는가 단순 프로젝트를 서버에 올려야하는데 기존에 쓰던 spring 프로젝트는 html 파일에서 한글이 깨진다. spring프로젝트가 아닌 프로젝트에선 안깨진다. 어짜피 db도 붙을 필요도없고 html과 리소스들만 올라가면 되니 단순 가벼운 프로젝트를 만들어서 서버에 올려보자 이게 결론. 귀찮은건 spring은 미리 다 세팅이 되어있어서 복붙하면서 새로운 프로젝트 생성하면되는데.. 이건 뭔가 내가 다 설정해주고 고쳐줘야하는게.... 더 어렵다 1. 톰캣 새로 깔기 spring을 쓰고있는데 단순 html 사이트가 올라가는 서버로 바꿔야했다. 일단 기존 spring 프로젝트는 서버에서 톰캣 통째로 백업을 해둔후 톰캣 통째로 삭제했다. 톰캣을 서버에 새로 깔고 localhost:8080..

1. 외부 내부 스크립트 실행 순서? html은 이와같고, first.js안에 ready함수가 들어가있고, second.js에는 first.js ready함수안에서 호출하는 함수가 들어있다. //first.js 안 $(document).ready(function() { alert("first.js안 ready"); }); //second.js 안 aaa: function(){ alert("aaa함수 안"); } 이런식으로 외부 스크립트, 내부 스크립트 짬뽕되어있는 스크립트들의 순서는 어떻게 될까 결론부터 말하자면 아래와 같다. alert("html - script 태그 안 1"); alert("first.js안 ready"); alert("aaa함수 안"); alert("html - script - re..

1. crt파일을 받았다. 도메인을 변경하고 인증서를 변경해야하는 일이 있었다. 메일로 인증서를 받았는데 아파치용 *.crt 파일을 받았다. 톰캣에 적용하려했더니 crt파일을 jks 파일로 변환 후 작업을 해야한다. crt파일을 prx파일로 변환후 prx파일을 jks파일로 다시 변환해야한다. 2. crt -> prx openssl pkcs12 -inkey 파일명.key -in 파일명.crt -certfile 어쩌고_CA.crt -export -out 도메인이름.pfx 예시 : openssl pkcs12 -inkey Wildcard.test.co.kr.key -in Wildcard.test.kr.crt -certfile GLOBALSIGN_ROOT_CA.crt -export -out test.test.co..

1. 외부사이트의 html을 어떻게 가져올까 외부사이트 url을 통해 html 코드를 가져오고싶었다. 구글에서 찾아본것 중 vue에서 잘 돌아가는 것으로 적용했다. 아마 내가 vue가 처음이라 잘 적용을 하지 못하는 것도 있을 듯하다. 2. 예시 코드 자바스크립트 코드이다. test (url) { var optionAxios = { headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, A..

동영상 해상도 변경시 해상도에 따른 동영상파일이 물리적으로 따로있기때문에, setPanorama 할 때 처음부터 재생이 된다. 이때 전 해상도의 시간을 저장해서 현 해상도의 영상이 재생될 때, 저장된 시간부터 재생이 될 수 있도록 해야한다. 1. 시행착오 panolensJS를 직접 수정하지 않고, 내가 만든 js를 통해서 컨트롤 하려했다. 하지만 setPanorama 하고 전후로 currentTime을 줘도 제대로 작동이 안되었다. 그렇다고 setTimeout을 주자니 정확한 문제해결이 아니라 다시 원복. setPanorama하고 모든 로직이 끝난 후 텍스처를 업데이트하기때문에 currentTime이 안먹는것 같았다. panolensJS 자체에서 setPanorama 부분을 수정해야할 것 같다. 2. s..