분류 전체보기
-
[Toy Project] tistory-readme-stats 개발기Programing 2021. 7. 30. 19:31
개요 Velog의 좋은 포스트를 보다가 아래의 글을 읽었습니다. Velog 포스트로 Github를 꾸며보자! markdown에서 velog의 정보를 가져오자! velog-readme-stats의 개발과정 velog.io 최근 깃허브 꾸미기에 관심을 가지고 있는데, 이런 글을 읽으니 "나는 Tistory를 사용하는데, Tistory 전용도 한번 만들어 볼까?" 라는 생각으로 프로젝트를 시작하였습니다. 해당 프로젝트를 진행하며 겪었던 일에 대해 작성해보려고 합니다. Tistory 많이 쓸까? 나만 사용하기 위해 개발하는 것도 좋지만, 다른 사람들에게도 제가 개발한 프로젝트가 도움이 되었으면 좋겠다는 생각을 하였습니다. 일단 개발자들이 Tistory를 많이 쓸까? 확인해보고 싶었습니다. 국내 개발자 블로그를 ..
-
[Homebridge] Synology NAS Homebridge 설치 방법Programing/Home IoT 2021. 7. 22. 20:13
개요 몇 주 전에 사용하고 있는 Synology NAS의 운영체제가 DSM 7.x로 업데이트되었습니다. 업데이트 이후 Homebridge에 문제가 있었고, 재설치를 하였습니다. 오랜만에 재설치를 하니 기억도 가물가물 하여서 이번 기회에 블로그에 글을 남기려 합니다. 사용중인 DS218+ 정보 시놀로지 DiskStation DS218+ 2Bay NAS 인클로저 듀얼 코어 2.0GHz HDD 없음 COUPANG www.coupang.com Synology DSM 7.x DSM은 DiskStation Manager의 약자이며 Linux 기반 Synology 자체 웹 운영체제입니다. Synology NAS를 사용하는 주요 이유 중 하나이며, 다양한 확장성과 기능을 제공합니다. 몇 주 전 DSM 자동 업데이트 알..
-
[Homebridge] Tuya 스마트 벽 스위치 Id, Key 추출 및 Homebridge 연결Programing/Home IoT 2021. 4. 5. 22:39
개요 애플 홈과 시리를 통해 집의 IoT 디바이스를 조작하기 위해서, 시놀로지 NAS를 구매하고, Homebridge 서버를 돌리고 있습니다. 처음에는 구글링으로 찾아 Docker와 Homebridge를 설치 한 뒤, 디바이스를 연결 하였습니다. 하지만 최근 공유기를 바꾸며, Homebridge의 모든 기기를 재설정 해야 되었는데, 하는 겸 연결 하는 법에 대한 글을 작성하게 되었습니다. 이번 글에서는 NAS에 Homebridge 서버가 구축되어 있는 환경을 가정하고, 진행하였습니다. 스마트 벽 스위치 제품 스마트 벽 스위치 제품은 Girier사의 3구 제품을 알리 익스프레스에서 구매하여 사용하였습니다. 설치할 위치의 환경에 중성선이 없어, 전등 전원선으로 작동하는 제품을 찾았습니다. 완벽하게 작동하는 ..
-
[Frontend] Vue.js - Electron에서 간단한 Python 실행 해결기Programing/Frontend 2021. 1. 3. 20:59
개요 작년 하반기에 진행한 프로젝트에서 윈도우 시스템의 정보를 가져오는 프로그램을 개발하여야 되는 상황이 있었습니다. 윈도우 시스템의 정보는 Python을 사용하여 가져왔고, 저는 제가 주로 개발하던 웹 개발 기술과 일렉트론을 사용하여 윈도우 클라이언트 프로그램을 개발할 생각이었습니다. 해당 과정을 진행하며 Vue.js로 개발한 일렉트론 클라이언트 프로그램에서 Python을 실행하는 경험을 작성해 보겠습니다. 이번 글에서 사용할 라이브러리와 프레임워크는 아래와 같습니다. Python-Shell : https://github.com/extrabacon/python-shell Quasar Framework : https://quasar.dev/ Vue.js : https://kr.vuejs.org/ Node..
-
[희망사다리] 2020년 중소기업 취업연계 장학금(희망사다리 1유형) 수혜 후기Life 2020. 11. 1. 20:18
개요 이번에는 프로그래밍이나 취미 관련이 아닌 제가 현재 수혜 받고 있는 희망사다리 장학금에 관련한 내용을 얘기해보려고 합니다. 현재 저는 대학교에서 4학년 2학기를 진행 중이며, 2020년 총 두 학기 동안 장학금 수혜를 받았습니다. 희망사다리 장학금을 조사하고, 신청하는 과정에서 해당 장학금에 대한 정보를 찾기 매우 어려웠습니다. 제가 재학 중인 대학 커뮤니티에서도 해당 장학금에 대한 정보가 거의 없었고, 인터넷에 존재하는 후기도 만족스럽지 못했습니다. 그래서 서류 준비부터 어려움이 있었지만, 다행히 합격을 하였습니다. 합격을 한 이후 좋은 취지의 장학금인 희망사다리 장학금에 대한 접근성이 떨어진다고 생각해 이렇게 포스팅하게 되었습니다. 희망사다리 장학금 이란? 희망사다리 장학금은 한국장학재단에서 운..
-
[Frontend] 웹 개발 시점의 iOS Native와 Webview, Javascript 통신 해결기Programing/Frontend 2020. 8. 26. 20:14
개요 이번에 개발중인 웹을 iOS Native로 이식하여, 하이브리드 어플을 개발하는 경험을 해 보았습니다. 개발중 주요 이슈 중 하나가 iOS Native 어플의 푸시 알림 서비스 였습니다. 푸시 알림은 Firebase Cloud Message를 이용하여 개발을 하였는데, 푸시 알림을 받을수 있는 디바이스의 Token을 기기로 부터 추출해야 되는 이슈가 있었습니다. 웹뷰에서 네이티브로 통신하는 부분도 있었고, 반대로 네이티브가 웹뷰의 함수를 호출하는 부분도 있었습니다. 해당 이슈를 해결한 방법 등에 대해 작성해 보았습니다. Webview -> iOS Native 함수 호출 웹뷰에서 네이티브의 함수 호출은 postMessage 함수를 이용해서 통신 하였습니다. postMessage는 window 객체를 ..
-
[Synology NAS] 맥에서 시놀로지 NAS 네트워크 드라이브 연결Programing/Home IoT 2020. 4. 18. 10:35
개요 최근 시놀로지의 DS218+를 구입해 만지며 놀고 있습니다. 집에서는 데스크톱(윈도) 외부에선 노트북(맥북프로)을 번갈아 가며 작업을 하다 보니 다른 환경의 파일 공유의 불편함이 있었는데, 이번에 구입한 NAS를 통해 좀 더 편하게 환경을 바꾸고 싶었습니다. 이번 글에서는 내부 네트워크 상황에서 Finder로 NAS에 접근할수 있는 방법을 시도해 보겠습니다. DS281+ 정보 시놀로지 DiskStation DS218+ 2Bay NAS 인클로저 듀얼 코어 2.0GHz HDD 없음 COUPANG www.coupang.com 기존 NAS 접근 방식 NAS를 설치하고 한동안은 브라우저를 통한 DSM을 이용하였습니다. 하지만 브라우저를 켜고, 로그인을 하고, 접속을 하는 방식은 불편함을 동반하였습니다. 심지..
-
[Netlify] 네트리파이 redirect 설정 오류 해결기Programing/Frontend 2020. 3. 14. 18:32
개요 Vue.js를 이용해 PWA를 구현하고 있습니다. 원래는 라우터를 해쉬 모드(도메인 뒤에 #/ 이 들어가는 방식 ex: www.DomainName.com/#/RouterName )를 사용해서 라우터를 사용하다가 url 관련 작업중 히스토리 모드(일반적으로 보이는 방식 ex:www.DomainName.com/RouterName )로 변경을 해야될 상황이 되었습니다. 히스토리 모드의 라우터가 더 이쁘기도 하니 바로 변경을 하였는데, 문제점이 발생하였습니다. 뒤에 라우터 네임이 붙은 새로운 창을 열었을시 404로 연결되는 이슈였습니다. Netlify 와 Vue Router Netlify는 정적 사이트를 배포해주는 서비스 이다. 정말 간단하게 설정이 가능해 나같은 숙련도 낮은 개발자도 쉽게 사용할수 있습니..