마훅 - 마후마후 트윗 번역 웹훅 제작기
·
코딩 스래기
현재 나는 두 가지의 서비스(보컬라디오, 마훅)를 운영하고 있다.오늘은 그중에서 마훅의 개발 스토리를 써보자 한다.1. 마훅의 시작나는 2020년도부터 마후마후를 알게 되어 덕질을 시작했다. 그러면서 자연스레 마후마후의 트위터를 보기 시작했다.하지만 당시에는 트위터를 활발하게 하지 않았기에 마후가 올리는 트윗을 몇일 ~ 몇 주 뒤 뒤늦게 확인하는 경우가 잦았고, 당시 나는 그게 마음에 들지 않았다. 그리고 개인적으로 트위터 내장 구글 번역기 퀄리티도 별로 신뢰하지 않았기에 "마후마후 트윗을 디스코드랑 카톡으로 보내는 봇을 만들어보자!"로 mafuTranslate 프로젝트를 시작하였다.당시에는 트위터의 v1 API가 무료로 풀려있어서 v1 API과 Python을 통해 5분 간격으로 트윗을 감지해 번역 후 ..
[슬라임 트래커 제작] #2 - 납땜
·
삽질기/슬라임 VR 트래커 제작하기
축제가 24년 12월 24일 화요일이였는데 글 올라온 시점 보면 알다싶히 결국 기한을 못맞춰 동아리 체험 부스에는 못쓰게 되었다..내가 PCB를 늦게 주문한것도 있지만이놈들이 PCB Assembly 주문을 실수로 보류시켜버리고 말도 안해서 지연된것도 한몫 한다. 그래도 최대한 기한 맞춰볼려고 배송 방법까지 페덱스로 바꿨는데 젠장..4레이어 PCB는 PCBWay보다 JLCPCB가 싸길레 처음 시켜봤는데 첫인상이 별로가 됐다. 뭐 그래도 재료는 왔으니 어찌하겠나. 만들어야지. 2편은 납땜이다. 1. 회로 점검은 하남자나 하는것무려 9만원을 들인 PCB께서 도착하였다.물론 주문전에 수십번 슬라임 트래커 공식 회로도와 BMI270 breakout 보드의 회로도를 수십번 비교해보며 이상이 없는것을 확인한 뒤 주문..
[슬라임 트래커 제작] #1 - PCB 설계
·
삽질기/슬라임 VR 트래커 제작하기
0. 프롤로그어쩌다 보니 동아리 발표에서 VR 버츄얼 유튜버 체험 머시기 부스를 하게되었다.원래는 VRChat과 Warudo로 대충 때우고 말려 했는데 아무리 생각해도 이것만 하기엔 애들이 "VR"를 보고 온 것과는 다르게 할 콘텐츠가 없어 실망할거 같은것이 눈에 보였다. 그래서 GPT 한테 도움을 요청해봤더니Mocap, 즉 모션캡처 장비를 써보라는 조언을 해주었다.그 순간 머리속을 스쳐가는 단어 "슬라임 트래커"광학식이 아닌 IMU 센서를 사용하여 기존 바이브 트래커의 비싼 가격과 베이스 스테이션이 설치되야한다는 두 단점을 해소한 트래커이다.심지어 오픈소스라 회로도 맞게 대충 배선 짜고 오픈소스 펌웨어 업로드만 딸깍하면 된다. (실제로도 그렇다면 굉장히 좋겠지만..)그렇게 슬라임 트래커 자작을 시작하게..
사볼콘 만들기 #2 - 재료 도착, 조립
·
삽질기/사볼콘 만들기
먼저 전자부품들이 도착하였다. 커넥터와 칩저항, Teensy 2.0 보드가 도착했다.또 기존에 쓰던 1mm 유연납이 거의 다써가서 0.8mm 200g 짜리 납도 새로 구매했으나.. 무연납으로 사버렸다..잠깐 쓰다가 380도에선 드럽게 안녹고 400도 이상 올리기엔 알리산 인두기라 무섭고 해서 그냥 집에 있던 유연납을 그대로 사용했다. 전자부품들이 도착하고 몇일 뒤 PCB가 도착했다. 통관은 8월 14일날 끝났으나 하필 14일이 택배 쉬는날이라 금요일에 도착했다.이후 본격적으로 PCB를 납땜하고 커넥터를 만들어갔다. PCB 소자 납땜까진 나름 할만했는데 커넥터 납땜이 지옥이였다.쬐그만한 커넥터 핀을 총합 40번이나 납땜하니 미칠 지경이였다. PCB 납땜을 완료하고 하우징을 제작했다. 이때부터 슬슬 지치고 ..
사볼콘 만들기 #1 - 재료 준비
·
삽질기/사볼콘 만들기
0. 프롤로그나는 리듬게임을 좋아한다.PC는 디맥투온을 주로 하고 모바일은 프세카와 피그로스, 리플렉비트 플러스, 아케이드는 사볼, 노스텔, 유비트, 츄마이 등을 즐겨한다. 작년까지는 걸어서 갈만한 거리에 동네 소규모 오락실이 있는 오락실세권이라 그곳에서 간간히 사볼을 했었는데그 오락실이 올해 초 폐업했다.. 코로나 시발 이제 오락실을 갈려면 대전까지 원정을 가면서 교통비로만 만원상당을 까먹어야한다. 사볼 프리미엄 타임 5판이 날라가는 금액이다. 또 집에서 나가서 시외로 가야한다는 굉장한 업적을 이루어야한다.그래서 집에서 사볼이라도 하기위해 사볼콘을 만들기로 했다. 1. 그깟거 그냥 사면 안됨?10만원이 넘는 거금을 한번에 지불할 능력이 없다. 학생이니까.....그리고 무엇보다 직접 만들면 재밌으니까 만..
[Web] NodeJS로 웹 푸시알림 구현하기
·
코딩 스래기
최근 도에서 열리는 학생 해커톤 페스티벌에 참가하게 되면서 웹 푸시알림을 구현할 일이 생겼다.이에 웹 푸시를 구현하면서 알게 된 내용을 간단하게 정리해보려고 한다.web-push 모듈 설치먼저 NodeJS에서 웹 푸시를 쉽게 구현해주는 web-push 모듈을 설치합니다.npm i web-pushVAPID 생성웹 푸시 알림 전송에는 VAPID라 불리우는 키쌍이 필요합니다.web-push 패키지에는 VAPID를 생성할 수 있는 기능을 지원하기에 VAPID를 생성해줍니다.npx web-push generate-vapid-keys 그럼 아래와 같이 키가 생성되는데 이후 푸시알림 전송시 필요하니 유출되지 않도 잘 간직해둡니다.서비스워커 작성그 다음 웹 브라우저에서 푸시 알림을 처리할 수 있도록 서비스워커에 pus..
[Android] Intent로 웹페이지를 열면 웹뷰 충돌이 발생할때
·
코딩 스래기
아버지가 부탁하신 선박검색앱의 버그도 어느정도 잡았고, 자동 업데이트도 구현해놔서 이제 버그는 없겠지하고 안심하고 있었는데 아뿔싸..아버지가 어느 선사의 웹페이지가 켜지지 않고 위 사진의 오류가 뜬다며 나를 호출하셨다. 증상 구현아버지깨선 앱을 키고, 가장 먼저 '범블비호'라는 선사의 웹페이지에 접속하면 위와 같은 오류가 뜨거나 크롬 창이 감빡하고 나타났다 사라진다고 하셨다.그로고 다른 선사들의 페이지는 멀쩡하게 접속되고, 아무 선사나 들어갔다 나간뒤 범블비호의 웹페이지에 접속하면 멀쩡해진다고 하셨다.웹뷰 이번에도 너 때문이냐처음에는 웹뷰 관련 오류인줄 알고 아버지께 웹뷰 업데이트와 크롬이 뭔가 안맞는거 같으니 임시로 다른 선사를 먼저 들어가고 범블비호를 들어가라고 해둔 뒤 디버깅에 돌입했다.우선은 본인..
[Web] form 태그에서 js 추가 안하고 원하는 페이지로 리다이렉트하기
·
코딩 스래기
최근 express로 블로그를 만드는 뻘짓을 하고 있는데 절때 건들일이 없을거 같은 로그인 페이지에 손댈게 생겼다.바로 로그인후 리다이렉트할 페이지를 넣는것..!이렇게 요청을 보내고 여기서 로그인을 마치면 redir인자에 있는 /write 페이지로 이동하는 식이다.그런데 문제가 하나있다.로그인 페이지가 html(정확히는 ejs)로만 이루어져 있다.login.ejs 로그인 블로그 운영자 확인용 로그인입니다. 아이디 혹은 비밀번호를 잘못 입력했습니다. ID : ..
bass9030
'분류 전체보기' 카테고리의 글 목록