2019/01/31 - [개발] - 실시간 음성 감지 및 자동 번역 크롬 확장 프로그램 개발기 (1편) 실시간 음성 감지 및 자동 번역 크롬 확장 프로그램 개발기 (1편) 이름이 왜 이렇게 기냐구요? 로빈슨 크루소의 원제를 오마주한 겁니다. 이 글은 회고록을 적는 느낌으로 작성했습니다. 1분 소개 영상 소개 크롬에서 현재 보고 있는 탭의 소리(음성)를 인식하여 원하는 언어로 번.. joonas.tistory.com 2편은 이 프로그램을 배포한 이후에 운영하면서 생긴 일과 그 사이에 생긴 통계를 정리하는 글이다. 첫 작성일은 2019년 4월이었고, 2019년 5월 29일, 2019년 9월 17일에 내용을 추가하였다. 1. 한달에 4000분 정도의 양이 STT된다. 근데 그 중 대다수의 결과가 공백 (노이즈..

node.js + socket.io로 간단하게 실시간 이벤트 서버를 만들려고 했다.약 3~4년 전에 비슷한 개발을 해봤기에 무리없이 될거라고 생각했으나, 하루종일 삽질했다. 서버단과 클라이언트단의 코드 모두 공식 도큐먼트로 작성하였으니 틀릴리가 없었다. 첨부하자면 아래와 같다.페이지가 로드되면 서버에 연결을 시도하고, 연결되면 test 후 종료하는 테스트 코드이다. 근데 서버쪽에서는 엄청나게 많은 연결이 시도되고 있었다. (서버쪽 화면이 connected!로 도배되고 있었다.) 하지만 이게 웬, 정작 클라이언트쪽 socket 변수의 connected 속성은 false였다.참고로 express는 v4.16.3, socket.io는 v2.1.1, node.js는 v10.6.0 이었다.결론은, 아래 한 줄로 ..

https://joonas-yoon.github.io/MenuSelectHelper/ 친구가 저녁메뉴를 계속 못 골라서 그냥 아무거나 나오는 거 먹으라고 하려고 구현 저녁 약속시간까지 2~3시간 남짓 남아서 그동안 만들었다. 메뉴 항목들은 이 그림을 참고했음. 사실 다 핑계고 시험기간에 공부하기 너무 싫었다. 구현도 그렇고 색깔 바뀌면서 골라지는 게 생각보다 재밌어서 이것저것 추가해봤다. 서브라임 켜서 크롬으로 확인하며 구현한거라 HTML + javascript가 전부. 비빔냉면/물냉면도 정해주는 갓갓인 구조. 탕수육 찍먹/부먹은 추후 업데이트 (...) 매운걸 못 먹거나 비린걸 못 먹는 친구가 있어서, 특정 메뉴는 제외하는 기능도 추가하면 좋지 않을까 생각중

학교 웹 프로그래밍 수업시간에 과제로 했던 걸 올려본다. 간단한 CSS만 적고, Javascript 랑 HTML5 로만 작성했다. HTML5 Canvas에 대해 알아보라고 핑퐁(Ping-Pong) 게임을 만들어보라고 하셨는데, 재밌어서 기능을 계속 붙이다가 만족할 정도로 만들었다. 기간은 4~5일쯤 걸린 듯. 피드백을 받기 위해 동아리방에서 몇 명에게 부탁했는데, 의외로 재밌었는지 잠깐 유행을 탔다. (아아.. 공부가 얼마나... 말잇못)게임 시작 후 공이 바로 생겨서 힘들다는 등 피드백이 많이 도움이 되었다. 과제내용은 대략 이랬다.Project 3 - Ping-Pong gameGoal: Understand basic programming skill for javascriptProblem: Design..