티스토리

NOMO의 블로그

검색하기

블로그 홈

NOMO의 블로그

nomo.asia/m

프로그래밍에 관심이 있는 기계공학도의 블로그

구독자: 3

방명록 방문하기

주요 글 목록

치지직(Chzzk) 다시보기의 실제 시간을 표시해주는 UserScript CHZZK_Video_RealTime치지직(Chzzk) PC버전의 다시보기 비디오의 슬라이더 바에 마우스를 올렸을 때, 해당 라이브 당시의 실제 시간을 표시해주는 일종의 브라우저 확장을 UserScript를 기반으로 만들었다. 이름은 CHZZK_Video_RealTime 이다. 코드는 github에 모두 업로드되어 있다. 코드의 90% 이상을 ChatGPT로 작성했는데, 현재는 대충 잘 동작하는 듯하다. 관심 있는 사람은 아래 링크에서 확인하기 바란다.https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Video_RealTimePreviewPC버전의 다시보기 슬라이더 바에 마우스를 올렸을 때, 해당 라이브 당시의 실제 시간을 표시해준다.동작 원리: 서버에서.. 공감수 2 댓글수 0 2025. 1. 13.
방송인용 팰월드(palworld) 서버 아이피 숨기는 법 팰월드 방송 중 서버 아이피가 유출되면 무작위 비밀번호 대입을 통한 접속 시도와 디도스 등 여러 문제가 발생할 수 있다. 따라서 서버 아이피가 방송에 노출되지 않도록 하는 것은 필수이다. 그러나... 팰월드에서 전용 서버 (Dedicated server) 접속 시 아이피 또는 서버 주소를 입력해야 하는데 스트리머가 화면을 가리지 못하여 실수로 아이피가 노출되거나, 재접속 시 화면 가림을 잊어 기입력한 아이피가 노출되는 등의 사유로 아이피 유출이 발생한다.따라서 본 글에서는 게임을 직접적으로 건드리지 않고, 접속 시 서버 아이피를 숨기는 간단한 방법을 소개한다. (일부 방송인용 마크 서버에서 사용하는 방식이다.)원리 설명핵심은 hosts 파일을 수정하여 어떤 더미 도메인으로 접속하면 실제 팰월드 서버 ip.. 공감수 1 댓글수 0 2025. 1. 1.
치지직(Chzzk) PC버전 채팅창에 유저 메모 기능을 추가하는 UserScript CHZZK_User_Memo치지직(Chzzk) PC버전의 채팅창에 유저 메모 기능을 추가하는 일종의 브라우저 확장을 UserScript를 기반으로 만들었다. 이름은 CHZZK_User_Memo 이다. 코드는 github에 모두 업로드되어 있다. 코드의 80% 이상을 ChatGPT로 작성했는데, 현재는 대충 잘 동작하는 듯하다. 관심 있는 사람은 아래 링크에서 확인하기 바란다.https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_User_Memo미리 보기테스트 버전이므로 별도 공지 없이 기능이 수정되거나 스크립트가 삭제될 수 있습니다.더 자세한 설명은 아래 링크에서 확인할 수 있다.https://github.com/nomomo/Chzzk_Scripts/blob.. 공감수 0 댓글수 2 2024. 8. 16.
치지직(Chzzk) PC버전 팔로잉 메뉴에 즐겨찾기 기능을 추가하는 UserScript CHZZK_Favorite_Streamers치지직(Chzzk) PC버전의 팔로잉 메뉴에서 즐겨찾는 스트리머를 리스트의 맨 위에 표시해주는 일종의 브라우저 확장을 UserScript를 기반으로 만들었다. 이름은 CHZZK_Favorite_Streamers이다. 코드는 github에 모두 업로드되어 있다. 관심 있는 사람은 아래 링크에서 확인하기 바란다.https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Favorite_Streamers미리 보기간단 후기ChatGPT 4.0o 버전이 릴리즈 된 이후로 계속 사용해보며 느낀 점이 기존 4.0 버전 대비 응답 속도가 훨씬 빨라지고, 한글 프롬프트 입력에 대한 답변 수준이 높아졌다는 점이다. 덕분에 이런 간단한 장난.. 공감수 0 댓글수 0 2024. 6. 7.
치지직(Chzzk) 채팅 오류 문제 대충 분석 문제 증상24년 5월 17일 현재 PC 브라우저로 치지직에 접속하였을 때 Ublock 과 같은 광고 차단 프로그램을 사용하는 경우 '오류가 발생하여 채팅을 사용할 수 없습니다' 라는 메시지와 함께 채팅 연결이 끊기는 문제가 있다.https://game.naver.com/lounge/chzzk/board/detail/4079098해결 방법위 공지의 설명대로 광고 차단 프로그램을 끄거나, 광고 차단 프로그램에서 치지직을 예외로 설정하여 치지직에서 작동하지 않도록 하면 광고는 나타나게 되지만 채팅 문제는 해결된다.광고 차단 확장기능의 종류와는 관련이 없고, 아래 문제의 원인에 나타나 있는 것처럼 kr: List-KR 라는 이름의 필터를 구독하고 있다면 문제가 발생할 것이다.문제의 원인무엇이 원인일까 궁금하여.. 공감수 0 댓글수 4 2024. 5. 18.
치지직(Chzzk) 무한 로딩 임시 해결 방법 문제 증상최근 치지직의 그리드 업데이트 이후 720p 또는 1080p 재생 시 무한 로딩, 무한 버퍼링이 발생하는 문제가 나타났다. 모두에게 발생하는 문제는 아니고 "일부" 사용자에게서만 발생하는 문제인 듯하다. 본인은 최신 Chrome 브라우저를 사용 중이다.일단 먼저 다음과 같은 시도를 해보았는데 소용이 없었다.네이버 동영상 플러그인 확장기능 재설치 (https://chromewebstore.google.com/detail/%EB%84%A4%EC%9D%B4%EB%B2%84-%EB%8F%99%EC%98%81%EC%83%81-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8/ooadnieabchijkibjpeieeliohjidnjj)네이버 라이브 스트리밍 커넥터 재설치 (https://a.. 공감수 2 댓글수 4 2024. 5. 3.
치지직(CHZZK) 관련 짜잘한 UserScript 모음 Chzzk_Scripts이 글에서는 직접 만든 치지직과 관련된 짜잘한 UserScript 를 소개한다. 치지직 관련된 여러 유명한 확장기능을 유용하게 쓰고있는데, 몇 가지 원하는 기능이 없어서 직접 만든 것들이다. 대부분 PC버전에서만 동작하고, ChatGPT를 이용해서 대충 만들었다.Better Multichzzkhttps://github.com/nomomo/Chzzk_Scripts/tree/main/Better_Multichzzkmul.live(구 multichzzk)에서 자동으로 "화면 넓게, 채팅창 숨기기, 모두 음소거"를 해준다.CHZZK sign in iframehttps://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_sign_in_iframeembe.. 공감수 0 댓글수 15 2024. 2. 18.
ChatGPT-4를 활용해서 대충 만든 라이브 스트리밍 클립 녹화 UserScript Video-Element-Recorder-Userscript ChatGPT-4를 이용해서, MediaRecorder API를 활용한 클립 녹화 UserScript를 제작해보았다. 최근 인공지능 기술이 급속도로 발전하면서, 다양한 분야에서 AI의 활용도가 높아지고 있다. 특히, 프로그래밍과 개발 과정에서 AI를 활용하는 사례가 점점 늘어나고 있는 추세다. 이런 흐름에 맞춰 나도 ChatGPT-4, OpenAI의 최신 AI 모델을 활용해보기로 했다. 그 결과, MediaRecorder API를 이용한 클립 녹화 기능을 가진 UserScript를 만들어보았다. 이 프로젝트를 시작하기 전에, UserScript가 무엇인지, 그리고 MediaRecorder API가 어떤 기능을 제공하는지 간단히 설명하겠다. Us.. 공감수 0 댓글수 1 2024. 2. 18.
PalWorld Dedicated Server(Windows) 를 자동 시작 & 끄기 해주는 Python 스크립트 PalWorld-Dedicated-Server-Auto-Start-Stop 요즘 "팰월드"라는 이름의 포켓몬+아크 서바이벌+젤다 야생의 숨결+원신을 섞은 게임이 인기이다. 유행의 흐름을 따라 나도 플레이 하게 되었는데, 게임 불감증은 언제 있었는지 흔적도 없이 사라졌고 게임에 빠져 이번 주말 동안 한참을 플레이했다. 각설하고, 게임도 재밌고 다 좋은데 멀티를 위한 Dedicate Server 가 사람이 없을 때도 돌아가서 자원을 잡아먹는 것이 마음에 들지 않았다. 그래서 Python 을 이용해서 사람이 없으면 서버를 자동으로 끄고, 누군가 접속을 시도하면 서버를 자동으로 켜기 위한 간단한 스크립트를 작성했다. 이름은 PalWorld-Dedicated-Server-Auto-Start-Stop 이다. 이 스.. 공감수 0 댓글수 0 2024. 1. 28.
C++로 유니코드 특수문자 파일 읽기 & 파일 출력 & 콘솔 출력 C++을 이용하여 "UTF-8로 인코딩 된 특수문자가 포함된 유니코드 문자"를 읽고 쓰기 위해 시도했던 것들 짧게 두서없이 적어본다. 한국어 일본어 정도는 어떻게 하든 쉽게 읽고 쓸 수 있는 것 같은데, 특수문자나 이모지가 포함된 경우까지 모두 커버하려니 신경써야 하는 것이 좀 있었다. 아래에서 설명하겠지만 나는 유니코드 문자열 처리에 wstring 이 만능일 줄 알고 wstring 으로 모든걸 하려고 했다가 삽질을 좀 했다. Visual Studio 2019 사용. 결론은 맨 아래에 있다. 목표 C++ 언어를 사용 UTF-8로 인코딩 된 특수문자가 포함된 유니코드 문자가 적힌 txt 파일을 ifstream 으로 읽어서 std::string 또는 std::wstring 에 저장하기 std::string .. 공감수 0 댓글수 0 2023. 6. 24.
Chrome Remote Desktop 을 듀얼(다중)모니터에 띄우는 방법 (2023년 버전) 크롬 원격 데스크톱에는 다른 상용 툴이나 Windows Remote Desktop 에 비하여 몇 가지 제약이 있는데, 그 중 내가 느끼는 가장 큰 제약은 다중 모니터를 제한적으로 지원한다는 것이다. 크롬 원격 데스크톱을 사용하여 듀얼 모니터를 사용하는 Client 에 접속해본 사람이라면 모두 공감할 것이다. 아무리 단축키를 잘 활용하더라도 듀얼 모니터를 모두 활용하기 불편하기 때문에 결국 모니터 표시 설정을 확장이 아닌 복제로 설정하여 하나의 모니터만 사용하게된다. 그래서 나는 Chrome Remote Desktop 을 듀얼 모니터에서 좀 더 편하게 사용하고자 2021년에 Chrome App 기능을 이용하여 전체 모니터를 커버하는 브라우저 창을 띄우는 앱을 제작했었다. 이 앱의 아이디어는 단순했다. 'C.. 공감수 1 댓글수 43 2023. 6. 17.
ChatGPT 가지고 놀기 - 폴더 구조를 유지하며 특정 확장자 파일만 복사하는 코드 짜기 폴더의 서브 트리 구조를 유지하며 해당 폴더 안의 파일 중 특정 확장자만 복사해야 할 일이 있어서 ChatGPT 를 활용해 코드를 작성해보기로 했다. 구글 번역기에 대충 적고 번역된 내용을 copy & paste 했다. 1. 폴더의 트리 구조를 유지하며 특정 확장자 파일만 복사 첫 번째 시도로, 폴더의 서브 트리 구조를 유지하며 해당 폴더 안의 파일 중 특정 확장자만 복사하는 코드를 Python 으로 작성하라고 명령해보았다. 와 어려운 코드는 아니었지만 단 한 번의 요청으로 얻은 코드가 꽤 괜찮았다. 시키지도 않았는데 source folder 가 존재하는지 확인 & exception 처리까지 해주는 센스까지~ 실행 결과 아래와 같이 잘 되었다. 2. 폴더를 모니터링 하며 원하는 확장자의 파일이 생성되면 .. 공감수 0 댓글수 0 2023. 2. 12.
Twitch Clip 및 VOD 차단에 대한 몇 가지 테스트 2022년 12월 13일자로 대한민국에서 Twitch Clip 과 VOD 의 시청이 불가능하게 되었다. 관련된 내용은 다음의 링크를 참고바람. VOD 콘텐츠에 관한 Twitch 코리아 업데이트 및 약관 변경의 건 이에 Clip 과 관련된 몇 가지 간단한 테스트를 해보았다. 1. Twitch Helix API 한국 ip 로 Twitch Helix API 에 Clip data 요청 시 data 가 [] 로 리턴됨. 정상인 경우의 응답은 다음과 같아야한다. 2. Twitch gql 한국 ip 로 gql 에 clip 관련된 정보 요청 시 clip 관련 data 가 null 로 리턴됨 정상인 경우 VideoAccessToken_Clip 에 대한 응답은 다음과 같아야한다. mp4 주소로 직접 접근하기 현재 clip.. 공감수 3 댓글수 3 2022. 12. 13.
Twitch가 한국의 1080p 재생을 차단한 원리 & 우회 확장기능의 원리 [!] 본 글에서는 Twitch 의 1080p 차단을 회피하기 위한 적용 방법을 설명하지는 않으며, 작동 원리만을 설명한다. 본 글에서는 해당 확장기능의 사용을 권장하거나 사용하지 말라고 권하지 않는다. Twitch 가 갑자기 어제 공지를 올렸는데, 내용을 요약하면 한국에서 망사용료의 부담으로 인하여 원본(1080p) 품질의 재생을 막겠다는 것이다. 그리고 약 3시간 전부터 원본 품질의 재생이 불가능하게 되기 시작했다. 자세한 내용은 다음의 링크를 참고. https://blog.twitch.tv/ko-kr/2022/09/28/%ED%95%9C%EA%B5%AD-twitch-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8/ Twitch 가 1080p 재생을 막은 방법 Twitch 채널에 들.. 공감수 0 댓글수 2 2022. 9. 30.
Twitch P2P 실험 대상 여부 확인 & 켜고 끄기 최근 Twitch 에서 일부 유저, 일부 스트림을 대상으로 P2P 기능을 실험하기 시작했다. 자세한 설명은 여기를 클릭. P2P 실험 기능 끄기 만약 P2P 실험 대상 유저에 선정된 경우, 다음과 같은 방법으로 P2P 실험 기능을 끌 수 있을 것 같다. twitch.tv 에 접속한다. F12 버튼을 눌러 개발자 도구를 연다. 애플리케이션 탭을 연다. 쿠키 - twitch.tv 를 선택한다. 리스트에서 experiment_overrides 를 찾는다. 우클릭 - {PH1} 수정 클릭 후 아래의 내용을 붙여넣기 한다. {%22experiments%22:{%22d70017a1-a0bf-455b-9d1f-c41def5a8bd3%22:%22control%22}%2C%22disabled%22:[]} 새로고침 P2P.. 공감수 3 댓글수 2 2022. 7. 31.
쿠팡 웹사이트에서 제품의 개당 가격을 표시해주는 브라우저 확장기능 (UserScript) Coupang-Price-Per-Piece 쿠팡 웹사이트는 제품의 100g, 100ml 당 가격은 자동으로 계산하여 보여주지만 개당 가격까지 표시해주지는 않는다. 나는 쿠팡에서 도시락을 종종 사는데, 상품마다 개수가 달라서 개당 가격을 계산하기가 너무 귀찮았다. 그래서 Coupang 웹사이트에서 제품의 개당 가격을 계산할 수 있는 경우 "대충" 표시해주는 툴을 브라우저 확장 기능의 일종인 UserScript 기반으로 만들었다. 이름은 Coupang-Price-Per-Piece 이다. 일단 생각나는대로 코드를 짜깁기해서 동작만 되게 만들어둔 것이지만 작동은 "대충" 잘 된다. 제품 상세 페이지에서도 "대충" 개당 가격을 보여준다. 동작 방식은 제품의 제목에 표시된 패턴을 분석하여 총 개수를 계산하고, 이에.. 공감수 2 댓글수 0 2022. 5. 19.
뱀파이어 서바이버 시청자 참여 모드 제작 Twitch Plays Vampire Survivors 이번달 초부터 Twitch 에는 뱀파이어 서바이버라는 게임이 유행이다. 지난 일요일에 사신런을 달리는 풍월량님 방송을 보는데, Twitch 시청자가 아이템을 선택할 수 있는 기능이 추가되면 재미있을 것 같다는 이야기가 도네이션과 채팅 등에서 나왔다. 그래서 만들었다! 뱀파이어 서바이버 시청자 참여 모드 TPVS 를! TPVS는 레벨 업 시 시청자가 선택하고 싶은 아이템을 트위치 채팅을 통해 고를 수 있도록 하는 모드이다. 모드 제작은 일요일~월요일 새벽에 시작해서 오늘 새벽에 끝났으니 일수로는 대략 3~4일이 걸렸다. 짧은 시간동안 기능을 어떻게든 구현하는 것 위주로만 작업해서 실제 작업 시간은 그렇게까지 많이 소요되지는 않았다. 만들 생각을 조금 .. 공감수 0 댓글수 0 2022. 2. 24.
Naver 카페에서 외부 클립 링크를 비디오로 변환해주는 UserScript 기반 브라우저 확장기능 Naver-Cafe-Clip-LoaderNaver 카페는 Youtube 링크를 카페 글 내에서 바로 볼 수 있게 비디오로 자동 변환해주는 기능을 지원한다. 하지만 Twitch Cilp 이나 Youtube Clip 에 대해서는 해당 기능을 지원하지 않아서, 매번 새 창을 띄워 클립을 재생해야 하는 귀찮음이 있다. 그래서 네이버 카페 글에서 외부 VOD 나 Clip 링크를 감지하는 경우, 재생 가능한 비디오로 변환해주는 툴을 브라우저 확장 기능의 일종인 UserScript 기반으로 만들었다. 이름은 Naver-Cafe-Clip-Loader 이다. 일단 생각나는대로 코드를 짜깁기해서 동작만 되게 만들어둔 것이지만 작동은 잘 된다. Github 링크(https://github.com/nomomo/Naver-Ca.. 공감수 0 댓글수 0 2022. 1. 9.
Twip, Toonation, 아프리카도우미 파싱하는 Nodejs 예제 2023년 7월 3일 코멘트 추가 - 현재 Afreehp 관련 코드는 동작하지 않는 듯합니다. Twip-Toonation-Afreehp-Parser-Example 이전에 Twitch Play 개발 중, 시청자들의 도네이션 금액이 일정 금액이 되는 경우 무언가 피드백을 주기 위한 용도로 투네이션(Toonation) 의 도네이션 알림을 파싱하는 코드를 Nodejs 로 작성한 적이 있었다. 누군가 후원을 하면 이를 파싱하여 인식하고 채널 내에서만 사용 가능한 가상의 포인트로 리워드를 주었는데, 시청자들이 채팅을 통해 이 포인트를 사용하여 게임에 직접 참여하거나 이것저것을 재미있는 것들을 할 수 있게 하려는 목적이었다. 이와 유사하게, 최근 자신만의 Twitch Play 를 만드려는 어떤 분의 부탁으로 투네이션.. 공감수 1 댓글수 11 2021. 6. 9.
크롬 원격 데스크톱을 듀얼(다중) 모니터에 띄우는 방법들 [2023년 6월 17일 코멘트 추가]: Chrome 브라우저가 Chrome App 기능을 더 이상 지원되지 않게 되면서 본 글에서 제시하는 확장 App 을 사용하는 방법은 더 이상 사용이 불가능합니다. 대체 방법은 Chrome Remote Desktop 을 멀티 모니터 띄우는 방법 (2023년 버전) 글을 참고하세요. 본 글에서 소개하는 NVIDIA Surround 와 같은 기능을 사용하는 방법은 현재도 사용이 가능합니다. 코로나 시대가 오며 많은 기업에서 재택 근무가 일반화 되었다. 이 때문에 집에서 원격으로 회사에 있는 PC를 사용해야 하는 경우가 생기기도 한다. 이를 위한 많은 툴 중 무료로 가볍게 사용할 수 있는 것 중 하나가 바로 크롬 원격 데스크톱(Chrome Remote Desktop)이다.. 공감수 3 댓글수 26 2021. 5. 20.
아주 간단한 Nox App Player 안드로이드 매크로 기능 구현해보기 (NodeJs, adb shell 활용) 아주 간단한 Nox App Player 안드로이드 매크로 만들기 Nox App Player 에서 자체적으로 지원하는 매크로 기능이 있지만, 내가 원하는 순간에 동작하는 매크로를 직접 만들 수는 없을까? Nox App Player 를 내가 직접 짠 코드와 연동시켜 안드로이드에 동작/명령을 내리려면 어떻게 해야할까? 예를 들어 'Twitch Play 모바일 게임'을 만들고자 한다면? 시중에 녹스 앱플레이어용 매크로로 나온 것들이 몇가지 있고 잘 동작하기는 하지만, 내가 직접 짠 코드와 연동시키기는 쉽지 않다는 단점이 있었다. 내 경우 안드로이드 디버그 브릿지(adb) 를 사용하여 'adb shell command' 로 가능한 수준에서 아주 쉽게 기능을 구현할 수 있었다. (단, 일부 게임에서는 adb 송수신.. 공감수 0 댓글수 1 2021. 5. 10.
2021년 2월 Twitch.tv 에서 Adblock 사용 시 나타나는 보라색 화면에 대한 내용 정리 바로 그저께(2021년 2월 24일) 부터 Twitch.tv 에서 Adblock 사용 시 아래와 같은 보라색 화면이 나타나는 문제가 발생하고있다. 기존에는 Multitwitch 와 같이 embed 로 삽입된 Twitch player 에서만 발생하던 문제였으나, 최근 Twitch.tv 에서 직접 스트림을 시청하는 경우에도 아래와 같은 문제가 발생하기 시작했다. 이에 대하여 FrankerFaceZ 라는 (아는 사람은 알겠지만 해외에서 유명한) 트위치 확장기능의 수석 개발자인 SirStendec 가 레딧에 글을 올렸는데, 내용은 다음의 링크로 가면 볼 수 있다. (영문) www.reddit.com/r/Twitch/comments/lshy6q/twitchs_automatic_purple_midroll_ads/ .. 공감수 6 댓글수 1 2021. 2. 26.
외부 사이트에서 Twitch 재생 시 보라색 화면이 뜨는 증상에 대한 분석 [2021.02.25 코멘트 추가] 본 글은 2020년 12월 처음 작성되었으며, Multitwitch 와 같이 embed player 가 삽입된 외부 사이트에서 보라색 화면이 나타난 경우에 대한 해결 방법에 대해 요약한 글입니다. 2021년 2월 현재 발생하고 있는 Adblock 과 같은 광고 차단 툴 사용 시 Twitch.tv 에서 발생하는 보라색 화면과 관련된 글은 아닙니다. 이에 대한 내용은 2021년 2월 Twitch.tv 에서 Adblock 사용 시 나타나는 보라색 화면에 대한 내용 정리(https://nomo.asia/469) 글을 참고하십시오. 외부 사이트에서 재생 시 나타나는 Twitch 의 보라색 화면 Twitch 는 twitch.tv 가 아닌 외부 페이지에서 실시간 스트림을 embed.. 공감수 0 댓글수 15 2020. 12. 24.
모여봐요 동물의 숲 - 사용된 일부 컬러 및 폰트 정보 정리 현재 개발 중인 Twitch Plays 모여봐요 동물의 숲에 게임과 유사한 디자인을 적용하기 위하여, 인게임에 사용된 사용된 일부 컬러와 폰트 정보를 정리하였다. 폰트 정보 웹서핑을 통해 찾거나 font identifier 를 이용하여 직접 찾았다.영문 Logo폰트 명 - Ministry Medium https://www.myfonts.com/fonts/device/ministry 영문 Dialog폰트 명 - Quicksand Bold https://fonts.google.com/specimen/Quicksand32px 기준 letter-spacing 을 0.5px 으로 하면 폰트 간격까지 매우 비슷하다.다만 게임 내 letter-spacing 값이 부분마다 다르게 들어가 있는 것으로 보여서, 완벽한 일.. 공감수 9 댓글수 9 2020. 3. 8.
Twitch Plays 모여봐요 동물의 숲 개발 일기 ② - Chatbox 에 이모티콘 적용, 서버 시간 및 UPTIME 달기 본 글은 [Twitch Plays 모여봐요 동물의 숲 개발 일기 ① - 장면 틀 만들기] 에서 이어지는 글이다. Chatbox 수정 이전 글에서 직접 만든 Chatbox 는 받아온 메시지의 내용만을 다시 바로 뿌려주는 구조라서 이모티콘 등을 표시할 수 없었다. 이것을 더 보기좋게 고쳐보자고 마음먹고 작업을 시작했다. 가장 먼저 이모티콘의 표시를 도와줄 적당한 라이브러리를 찾아봤다. 처음에는 twitch-emoticon 을 사용하여 이모티콘을 표시하려고 했는데, 이유는 기본 Twitch 의 이모티콘을 비롯하여 BTTV, FFZ 와 같은 서드파티 이모티콘까지 한 번에 보여줄 수 있다는 것이 매력적으로 느껴져서이다. 그런데 직접 적용해보니 Twitch Emotes API 를 이용하는데, 버전이 v4 가 아닌 .. 공감수 0 댓글수 0 2020. 2. 17.
Twitch Plays 모여봐요 동물의 숲 개발 일기 ① - 장면 틀 만들기 본 글은 [새로운 목표 - PC로 제어가능한 닌텐도 스위치 컨트롤러 만들기]와 [PC로 제어가능한 닌텐도 스위치 컨트롤러 제작기 - 3. 예제 코드 실행 및 트위치 채팅 연동 테스트]에서 이어지는 글이다. 앞선 트위치 채팅 연동 테스트에서 사용한 파이썬 코드의 아쉬운 점은 컨트롤러 제어와 채팅 수신 등을 모두 하나의 python 프로세스에서 한다는 것이었다. 프로세스, 쓰레드 관리, 에러 발생 시 프로세스가 재시작 하는 것 등을 효과적으로 관리하고, 개발 편의를 높이기 위하여 컨트롤러 부분을 제외한 나머지는 nodejs 를 이용하여 개발하기로 마음먹었다.이번 주말의 개발 목표 Twitch Plays 에서 시청자에게 보여주어야 하는 것들은 Chatbox, Game Screen, 배경 이미지, 현재 동작 모.. 공감수 0 댓글수 0 2020. 2. 11.
Next.js 사용 시 fs(fs-extra), net, tls 패키지를 찾을 수 없다는 오류가 나는 경우 간단한 서버 사이드 렌더링 프로그램 제작을 위해 처음으로 Next.js 를 사용하면서, 기본 Next.js 예제인 page/index.js 에다가 테스트겸 이런저런 패키지와 예제 코드를 가져다가 붙였다. 사용자가 페이지에 접속하면 제3의 백그라운드 어플리케이션을 실행시키려는 의도였다. 그런데 테스트를 해보니 몇몇 모듈을 찾을 수 없다며 에러가 발생했다. 대표적으로 fs, net, tls 같은 모듈과 관련된 오류가 있었다.Failed to compile ./node_modules/twitch-bot/lib/bot.js Module not found: Can't resolve 'tls' in 'F:\Google Drive\3. Hobbies\switch_controller\nodejs_server\node_.. 공감수 1 댓글수 0 2020. 2. 3.
PC로 제어가능한 닌텐도 스위치 컨트롤러 제작기 - 3. 예제 코드 실행 및 트위치 채팅 연동 테스트 앞선 글에서 Python 개발 환경을 구성하였고, 이번 글에서는 실제 코드를 실행하여 작동이 되는 것을 확인하는 과정을 정리하였다. 배선 연결 일단 FT232RL USB to UART(Serial) 모듈과 아두이노 우노 R3간 케이블을 아래 사진과 같이 연결해주었다. (RX-RX(로 향하는), TX-TX(가 들어오는), VCC-5V, GND-GND) 코드 수정https://github.com/ItsDeidara/CommunityController 에서 코드를 내려받아 개발 환경을 구축하고, Twitch Plays Nintendo Switch/CommunityController v3/BOTW/ 경로의 코드를 테스트삼아 RUN 해보기로 계획했다. 다만 코드를 실행해보니 몇 군데 수정할 부분이 있었고, 이것을.. 공감수 0 댓글수 2 2020. 1. 31.
PC로 제어가능한 닌텐도 스위치 컨트롤러 제작기 - 2. Python 개발환경 구축하기 내가 테스트를 위해 사용할 코드는 Python 언어로 작성된 ItsDeidara / CommunityController 이다. 따라서 Python 개발 환경을 구축해야한다. 혹시 이 글을 보며 따라할 사람이 있을지는 모르겠지만 Python 을 모르는 사용자에게 모든 내용을 일일히 설명할 수는 없어서 간단히만 정리했다. 아무래도 Python 을 아예 모르는 사용자는 본 단계부터 따라하기 어려울 수도 있겠다. 1. Anaconda 가상환경 구축 및 필요 패키지 설치효과적인 버전 관리를 위해 Anaconda 를 설치하는 것을 권장한다. 나는 이전부터 Anaconda 를 사용하던 관계로 설치 과정은 본 포스트에 적지 않았다. 구글에 [Python Anaconda 설치]로 검색하면 많은 결과가 나오니 찾아보아도 .. 공감수 0 댓글수 0 2020. 1. 31.
PC로 제어가능한 닌텐도 스위치 컨트롤러 제작기 - 1. 아두이노에 POKKEN CONTROLLER 펌웨어 설치하기 앞선 글에서, PC로 제어가능한 닌텐도 스위치 컨트롤러를 만드는 것을 간략하게 계획하고 부품을 주문했었다. 부품 도착부품 도착!!! FT232RL USB to UART(Serial) 모듈과 아두이노 우노 R3 호환보드이다.아두이노에 POKKEN CONTROLLER 펌웨어 설치하기일단 가장 먼저 아두이노에 POKKEN CONTROLLER 를 역설계한 내용을 바탕으로 한 펌웨어를 설치해주어야 했다. 이를 위한 과정은 Youtube 의 Saravanan AL 가 업로드한 ARDUINO- Upgrading USB FIRMWARE using FLIP 라는 제목의 동영상을 참고하여 진행했다.1. FLIP 다운로드 및 설치 아래의 링크에서 PC에 FLIP 을 다운로드 받아 설치했다.https://www.microch.. 공감수 1 댓글수 17 2020. 1. 31.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.