NOMO.asia
Userscript 를 Webpack 을 이용하여 개발하기
개발/UserScript 2019. 7. 3. 20:41

발단 내가 작성하고 있는 어느 한 유저스크립트는 처음 30줄 정도의 코드로 시작했다. 그리고 2년이 지난 지금은 1만줄이 넘는 꽤 커다란 크기를 가지게 되었다. 이렇게 파일이 커지게 된 것은 동적으로 요소(element)를 생성하기 위한 html 과 css 등이 꽤 많은 부분을 차지하고 있다는 이유도 있지만, cdn 등에서 불러오는 몇가지 라이브러리를 제외하고는 대부분의 내용을 한 파일에 포함해야 하다보니 부피가 많이 커진 것이 원인이다.이렇게 라인 수가 커짐에 따라 생긴 가장 큰 문제는 유지보수이다. 함수와 이벤트가 너무 많아서 내가 사용하는 코드 에디터의 책갈피 기능을 이용하더라도 어디가 어딘지 찾기 어렵고, 필요한 부분을 찾기 위해 매번 검색 기능을 이용해야했다. 어떤 웹사이트를 탐색할 때 효율성을..

VIEW POST
샤오미 체중계의 Mi Fit 어플을 대체할 수 있는 방법들
정보 2019. 6. 27. 09:47

Mi Fit 어플을 다른 것으로 대신하기 일단 이전 포스트 - [샤오미 체중계(Mi Fit) 데이터 내보내기] 에서 기존에 샤오미 체중계와 Mi Fit 어플로 측정한 데이터를 백업하는 방법에 대해서 알아봤으므로, 아예 체중 측정을 위한 어플을 바꿀 수 있는 방법을 찾아봤다. 그리고 나는 요즘 이곳저곳에 흩어진 이런저런 데이터를 개인 서버의 DB에 모두 모아서 관리하는 것을 목표로 삼아 개발을 진행 중인데, 궁극적으로 체중을 측정하면 자동으로 내 개인 DB에 data 를 기록할 수 있는 방법이 무엇이 있을까를 찾아봤다.1. Google Fit Google Fit 은 구글에서 만든 피트니스 관리 어플이다. Mi Fit 어플의 [프로필-계정추가] 메뉴에서 Google Fit 과 Sync 를 진행할 수 있다. ..

VIEW POST
샤오미 체중계(Mi Fit) 데이터 내보내기
정보 2019. 6. 27. 09:07

2015년에 샤오미 체중계를 구입한 이후로 계속 샤오미 체중계와 Mi Fit 어플을 이용해 체중을 측정해오고 있다. 측정된 체중은 자동으로 Mi Fit 어플에 기록되기 때문에 매우 편리하다.그런데 Mi Fit 어플 내에서 어떤 데이터의 통계를 그래프 등의 시각 자료로 보는 것은 그리 친절하지가 않다. 무엇보다 한 화면에 표시할 수 있는 체중 데이터의 숫자에 제한이 있어서, 몇 년에 걸친 체중 변화를 Mi Fit 어플 안에서 한 화면에 표시하는 것은 사실상 불가능하다.아무리 축소해도 위 그림처럼밖에 표시가 안 된다. 결국 개인적으로 데이터를 가공해보고싶은 마음이 생겼고, 이를 위해 Mi Fit 어플의 데이터를 내보내는 방법을 찾아보았다. 방법은 어렵지 않았지만 메뉴가 Mi Fit 어플 안에 꼭꼭 숨겨져 있..

VIEW POST
제주 금호리조트에서 10분 거리의 맛집 - 써니사이드 비치
여행 2019. 6. 15. 12:02

써니사이드 비치지난 3월 초, 제주도에 2박 3일로 가족 여행을 다녀왔다.첫날은 금호리조트 제주에서 묵었는데, 저녁 식사를 하기 위해 들린 써니사이드 비치라는 식당이 이번 제주도 여행 중 들린 모든 곳을 통틀어서 가장 기억에 남았다. 제주도에서 유명한 돌소라, 돌문어를 이용한 파스타, 리조또 등의 씨푸드 메뉴를 메인으로 하는 곳이다.음식이 맛있고, 주변 풍경도 아름답고, 내부 장식도 인상적인 아름다운 곳이다. 위치는 제주도 서귀포시로, 제주 금호리조트에서 차로 10분정도면 도착할 수 있다. 바닷가에 위치한 곳이고 주변에 높은 건물도 없어서 탁 트인 시원한 느낌을 받을 수 있는 곳. 해가 질 때 쯤 저녁식사를 즐기기 정말 좋은 곳. 바닷가를 따라 비치해 둔 소품들은 사진찍기 좋은 포인트. 아기자기한 소품과..

VIEW POST
트위치 API로 채널의 패널 정보 가져오기 (JavaScript)
개발/JavaScript 2019. 6. 3. 23:49

!알림! 아래의 API는 2019년 11월 14일부터 서드파티에서 사용이 불가능하도록 변경되었습니다. 따라서 더 이상 유효하지 않은 내용입니다. 자세한 내용은 다음의 포스트에 정리해두었으므로 참고해주세요. [Twitch 가 비공식적으로 제공하던 API 들의 제공이 중지됨]Twitch.tv의 패널Twitch.tv의 패널은 PC화면 기준 재생화면 하단에 표시되는 영역으로, 스트리머 프로필, 채널 정보, 채팅 규칙, 후원 배너, 확장프로그램 등을 표시하는 역할을 한다. 패널은 더 정확하게는 컨트롤 패널(Control panel) 이라고 불리고, 사람에 따라 그냥 대시보드 라고 부르기도 한다. Twitch.tv 패널의 정보가 필요하게 된 배경 나는 기존에 내가 보고있는 스트리머에게 편하게 도네이션 할 수 있는 ..

VIEW POST
학생용 ANSYS Student edition 라이선스 갱신 방법
엔지니어링/ANSYS 2019. 6. 2. 11:08

[2022년 1월 27일 코멘트 추가] 본 글은 2019년 6월에 처음 작성되었으며, 당시 재설치 없이 Ansys Student Edition 의 라이선스를 갱신하는 방법을 설명했던 글이다. 그런데 최근 릴리즈된 Ansys 2022R1 Student Edition 에서는 라이선스 체크 방식이 바뀌어, 2022R1 설치 파일에 포함된 라이선스로는 하위 버전의 라이선스를 갱신할 수 없는 듯하다. 즉 2021R2 이하 버전의 Student Edition 을 사용하다 라이선스가 만료되었다면, 2022R1 버전을 새로 설치하여 사용하여야 할 것이다. 설명을 좀 더 하자면, 2022R1 버전에는 student.lic 파일 대신 .acldata 파일이 존재하며, 이 파일은 다음의 경로에 설치된다. C:\Program..

VIEW POST
2019년 5월 16일자 Twitch.tv 플레이어 변경점
개발/JavaScript 2019. 5. 16. 07:56

본 글은 앞에 쓴 [트위치에서 1080p 재생이 안 되는 증상에 대한 분석] 이라는 글에서 이어지는 글이다. 오늘 오전, 앞의 글에서 설명한 짓을 하지 않아도 재생이 잘 되더라는 이야기를 듣고 바뀐점을 확인해보았다.변경점 1 allowCostSaving 변수와 지역이 "KR"인지 확인하여, 소스(1080p) 재생이 안 되도록 하는 부분이 통채로 삭제되었다.따라서 이전같은 짓을 하지 않아도 1080p 노출이 잘 될것이다. 믿고있었다구!! 변경점 2 allowCostSaving 이라는 변수의 이름이 CS로 바뀌었다. 어... 음... 왜 얘만...

VIEW POST
트위치에서 1080p 재생이 안 되는 증상에 대한 분석
개발/JavaScript 2019. 5. 15. 20:28

19-05-16 코멘트 추가: 현재 이 문제는 해결되었습니다. 따라서 아래의 방법을 사용할 필요는 없습니다. 참고: https://nomo.asia/406 출처 없이 자유롭게 인용, 수정, 배포하셔도 됩니다. 2019년 5월 15일 현재, 가끔 트위치에서 1080p 으로 재생하는 옵션이 없어지는 문제가 발생하고 있다. 결론부터 말하자면 비용을 절약하기 위해 한국에서만 실행되는 정책으로 추정된다. 이것은 추정이며 이 글에서는 이것이 옳다, 나쁘다를 논하지 않는다. 본 문서에서는 그 원인과 해결 방법에 대해 정리해보았다.해결방법 1. 다음의 링크에 접속한다. https://nomomo.github.io/TwitchUniqueIdGenerator/ 2. 버튼을 클릭하고 값이 생성되면 아래의 방법을 이용하여 해..

VIEW POST
WIndows Server 2016 에 Intel I217-V 랜카드 드라이버 설치하기
정보 2019. 5. 5. 10:51

요즘 시간적인 여유가 있어서 4년전에 구성한 자작 NAS 에 설치되어 있던 Windows 8을 밀어버리고 예전에 드림스파크에서 받아두었던 Windows Server 2016 을 설치했다. 이 과정에서 Intel Ethernet Connection I217-V 의 드라이버가 제대로 잡히지 않는 문제가 발생했다. 증상 저가형 메인보드에 서버 제품을 설치한 것이라 그런지 시스템 설정 중에 자잘한 문제들이 꽤 있었다. 그 중 하나는 랜카드가 제대로 잡히지 않는 문제로, 내 시스템에는 내부망과 외부망 용으로 내장랜을 포함해 랜카드가 두 개 달려있는데 그 중 내장랜인 Intel Ethernet Connection I217-V 의 드라이버가 제대로 잡히지 않았다. 3DP Net 을 통해 드라이버 설치를 시도해도, 아..

VIEW POST
텍스트(닉네임)에 따라 고유한 랜덤 색상 부여하기 Javascript
개발/JavaScript 2019. 5. 4. 10:42

배경 트위치(Twitch.tv)의 채팅창을 비롯한 많은 채팅 시스템은 각 유저의 닉네임에 색깔을 입혀서 구별을 쉽게할 수 있도록 기능을 제공한다. 트위치의 경우, 채팅창에서의 자신의 닉네임 색상은 유저 자신이 직접 지정할 수도 있지만, 첫 접속 시에는 랜덤으로 지정되는 것으로 알고있다. 참고로 트위치에서 나의 채팅 닉네임 색상을 설정하는 방법은, 채팅 입력한 근처의 [톱니바퀴 모양 아이콘]을 누르고 [표시 방법 편집] 을 누르면 [이름 색상]을 설정할 수 있다. 이렇게 초기에 닉네임 색상을 지정하는 것을 server 단에서 컨트롤한다면어떤 유저가 채팅에 처음 접속할 때사전에 정해둔 색상 배열에서 랜덤으로 색깔을 하나 골라유저에게 지정하고 지정된 색깔을 서버에 저장해두고 활용하면 된다. 따라서 이 경우 색..

VIEW POST