개발
-
annyang 음성인식 사용개발/개발관련 2020. 7. 15. 14:19
0. 음성인식 사용 이유 전에 손동작을 이용해 이벤트를 발생시키려했지만 현재 개발에 적용하기엔 허들이 많이서 음성인식으로 변경. 음성인식은 전에 잠깐 javascript api가 있는 기억이 남. 1. 음성인식 종류 음성인식 할 수 있는 방법이 많음. google stt, naver 음성인식, kakao 음성인식, annyang.js 등등. 각 장단점이 있다. 1. google stt 장점 : google이라는 이름값. 언어가 다양함. 스트리밍시 바로 자막 나옴. 단점 : 상업용으론 무료로 쓸 수 없음. 비상업용이어도 한도 넘어갈때 과금됨. 한글 인식 정확성이 naver, kakao보다 떨어짐. sdk, rest api로만 제공됨. 2. naver 음성인식 장점 : kakao와는 다르게 ai적용 되어있음..
-
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; } 이 방법이 제일 간단하고 소스코드도 짧은 것 같다.
-
단순 프로젝트 빌드 배포 서버에서 확인개발/개발관련 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..
-
외부사이트 html 코드 가져오기개발/개발관련 2020. 3. 5. 14:27
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..
-
자바스크립트 코딩 패턴개발/코딩관련 2020. 2. 25. 16:00
생각없이 코딩하지말고 효율적인 코딩 방법을 생각하면서 개발해야겠다. 스크립트 디자인 패턴 찾다가 곁다리로. https://joshua1988.github.io/web-development/javascript/javascript-best-practices/ 여기서 나한테 필요하다고 생각하는 것들만 선별해서 가져왔다. 1. 삼항연산자 변수나 실행함수로 값을 받은적이 없어서 기록해둔다. //일반 var isArthur = true; var weapon; if(isArthur) { weapon = "Excalibur"; } else { weapon = "Longsword"; } //삼항연산자 var weapon = isArthur ? "Excalibur" : "Longsword"; // 두개 이상의 변수를 이용..