개발
-
Threejs Texture marked for update but image is incomplete 경고개발/개발관련 2020. 8. 25. 12:00
Threejs에서 Texture marked for update but image is incomplete 이런경고가 크롬 콘솔창에 나왔다. Panolensjs에서 Threejs를 사용하기때문에 이런 경고가 뜨는것같고 Panolensjs의 infospot 관련된 부분의 경고이다. 이미지를 못가져오는 건가? -> 그런경우 못찾았다는 에러가 났을것이다 이건 아닌듯. 뭔가 텍스처 이미지 로드되는 그 근처에서 경고가 난것같은데.. 구글링해보니 로드되기전에 이미지를 사용해서 그런거라고 나오는데 똑같은 화면, 똑같은 소스를 쓰는 다른화면은 안그런데 얘만그렇거보면 이 화면에서 뭔가 잘못된거같은데... 일단 이미지 용량이 커서 그런건가해서 용량 작은걸로 바꿨는데도 같음 이미지 크기를 크게 나오게 해서 그런건가해서 줄여..
-
Google STT 테스트 결과개발/개발관련 2020. 7. 23. 15:19
0. Google STT 사용 이유 저번에 annyangjs를 이용해서 음성인식 테스트 했었는데, 대부분 stt는 서버가 있는 상태에서 하는 경우가 많음. 아마 ai를 적용해서 서버로 통신해서 그런거같기도하고. 그리고 Google이라고하면 많은 사람들에게 신뢰받으니까. (난 그닥..) 무튼 그래서 annyangjs 해봤으니 테스트겸 구글꺼도 해보자 1. Google STT 환경 세팅 환경세팅은 문서에 나온것과 같이 따라하면되고, 나는 자바서버를 이용하기때문에 자바소스를 참고했다. api 키같은거 등록하는거에서 일차로 막히고 자바소스 적용하는데 이차로 막혔다... 기본 예제소스는 적용한 사례가 좀 있었는데 나는 마이크로 입력된 음성을 글자로 변환해야한다. 따로 참고할만한게 없어서 순전히 api문서만 참고했..
-
Google mediapipe 손동작 인식개발/개발관련 2020. 7. 15. 10:59
0. 손동작을 하는 이유와 과정 핸드폰 카메라 또는 웹캠으로 웹브라우저에서 손동작을 인식해서 손동작에 맞게 이벤트를 걸어야해서 찾아봄. google에서 손동작 인식 관련한 api가 있어서 테스트해보려고함. 제일 큰 문제는 제대로 된 api 문서가 없고, 그나마 좀 있는 건 android, ios, c++정도... 데모사이트가 있는데 왜 라이브러리가 javascript로는 없을까 찾았지만 문서가 있거나 javascript로 된 라이브러리 설명이 있거나 그런걸 못찾겠음... 텐서플로 어쩌고저쩌고 파이썬~ ai~ 등등등 난 지금 당장 api를 써야하는데.. 그래서 마지막으로 데모사이트의 소스 코드를 긁어서 테스트를 해봄. 데모사이트 url : https://storage.googleapis.com/tfjs-m..
-
ie에서 forEach 못쓰는 경우개발/개발관련 2020. 4. 6. 14:36
1. ie11 forEach 문제 익스플로러에서 forEach를 못쓰는 문제가 발생했다. 찾아보니 ie9부터 forEach를 제공한다는데 왜 난 ie11에서 이런 오류가 나는가.. 익스 진짜 생각하기도 싫지만... ie11쓰는 사람이 아직도 있긴하니....해결해야지.. 2. Array.prototype.forEach 여러 방법이 있었는데 그중에 이 소스를 추가하면 에러가 없어진다. if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } 이 방법이 제일 간단하고 소스코드도 짧은 것 같다.
-
equirectangular panorama -> cube convert개발/코딩관련 2020. 3. 31. 16:01
0. krpano VS panolens왜 일반 사용자들은 krpano를 돈을주 고라도 많이 사용할까. 오픈소스인 panolens가 있는데. 파노라마 업체에서 선호하는 이유가 무엇을까. 편해서? 회사에 속한 개발자 입장에서 유료와 무료의 차이는 크다. 오픈소스로 유료모델과 같은 성능을 내는 것을 목표로하기 때문에. 그럼 차이를 알아보자. 개발이 쉽고 이런걸 떠나서 표면적으로 사용자가 느끼는 가장 큰 차이는 해상도와 속도의 차이인것같다. 먼저 해상도부터 보자1. 해상도회사에 insta360 카메라로 촬영해서 panolens를 통해 올린 360 이미지가 있는데 6080임에도 불구하고 360이미지라 해상도가 많이 떨어진다. 하지만 krpano를 쓴 사이트를 보면 해상도가 월등히 좋다. 까보니 큐브형태의 이미지로..
-
단순 프로젝트 빌드 배포 서버에서 확인개발/개발관련 2020. 3. 27. 17:40
0. 왜 새로운 뻘짓을 하는가 단순 프로젝트를 서버에 올려야하는데 기존에 쓰던 spring 프로젝트는 html 파일에서 한글이 깨진다. spring프로젝트가 아닌 프로젝트에선 안깨진다. 어짜피 db도 붙을 필요도없고 html과 리소스들만 올라가면 되니 단순 가벼운 프로젝트를 만들어서 서버에 올려보자 이게 결론. 귀찮은건 spring은 미리 다 세팅이 되어있어서 복붙하면서 새로운 프로젝트 생성하면되는데.. 이건 뭔가 내가 다 설정해주고 고쳐줘야하는게.... 더 어렵다 1. 톰캣 새로 깔기 spring을 쓰고있는데 단순 html 사이트가 올라가는 서버로 바꿔야했다. 일단 기존 spring 프로젝트는 서버에서 톰캣 통째로 백업을 해둔후 톰캣 통째로 삭제했다. 톰캣을 서버에 새로 깔고 localhost:8080..
-
스크립트 순서 ready, onload, javascript개발/개발관련 2020. 3. 18. 10:25
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..
-
ssl 적용하기개발/개발관련 2020. 3. 10. 11:56
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..