기타

개요 함께 제공되는 CLI 도구를 통해 간편히 Progressive Web App(이하 PWA)를 만들 수 있는 Angular와 달리 별도의 라이브러리 및 프레임워크를 사용하지 않은 채 구글의 개발자 가이드에 따라 JavaScript를 이용하여 PWA를 개발하였습니다. PWA의 핵심 기능 중 하나인 캐시(Cache)를 적용한 후, 서버에서 수정한 내용이 Angular에서와 달리 브라우저의 새로고침 버튼을 아무리 눌러도 새로운 내용으로 반영되지 않아 이를 해결하기 위하여 관련 내용을 학습하였으며 이를 정리하였습니다. 서비스워커와 캐시 PWA에 서비스워커가 구성되어 있는 경우, 서비스 워커는 레이지 로딩(lazy loading)이나 프리패치(prefetching) 같은 방식을 이용하여 정적 파일을 캐싱합니다..

일러두기 유튜브(YouTube)에서 영상을 다운로드하는 것은 유튜브의 정책을 위반하는 것입니다. 오로지 자신이 올린 데이터(영상)만 사용 중지전 사본을 백업할 목적으로 다운로드할 수 있습니다. 개요 python에서 youtube_dl 모듈을 이용해 유튜브 영상의 오디오(mp3) 추출(다운로드)하는 방법입니다. 필요한 프로그램 ※ 아래의 작업은 Ubuntu18.04(WSL)에서 수행하였습니다. python3와 package manager(pip3) $ sudo apt install python3 pip3 youtube_dl 모듈 $ pip3 install youtube_dl ffmpeg ffmpeg는 youtube_dl로 다운로드한 영상(.mp4)을 오디오(.mp3)로 변환할 수 있는 도구 입니다. $ s..

개요 화면보호기가 해제되지 않는 환경에서 실행한 프로그램의 모니터링 작업이 필요한 경우 화면보호기의 동작을 막기 위한 목적으로 작성한 코드입니다. 사전작업 ※ 작업은 윈도우즈 10에서 수행하였습니다. python 설치 (환경변수에 python을 추가하도록 설정) 입력장치(마우스/키보드) 제어를 위한 python모듈을 설치합니다. > pip install pyautogui 코드 #! python3 # mouseMove.py - move mouse cursor periodic. import time import pyautogui print('Press Ctrl-C to quit.') cnt = 0; try: while True: cnt += 1 pyautogui.typewrite('H', interval=2..

질문 바보 같은 질문일 수도 있지만, 정말로 Redirection과 Pipe의 차이를 모르겠습니다. Redirection 은 ls > log.txt 와 같이 stdout/stdin/stderr의 방향을 돌리는데(redirect) 사용합니다. ls | grep file.txt 와 같이 Pipes는 다른 명령의 입력으로 명령의 출력을 제공할 때 사용합니다. 하지만 왜 동일한 작업을 위해서 서로 다른 두 명령어를 사용합니까? 왜 그냥 간단히 ls > grep 을 사용하지 않습니까? 이것도 redirection의 한 종류가 아닙니까? 답변 Pipe는 출력을 다른 프로그램 이나 유틸리티 로 넘길 때 사용합니다. Redirection은 출력을 파일 이나 스트림으로 넘길 때 사용합니다. 예 : thing1 > thi..

개요작년 (2018년) Angular 학습을 하며 만들어 보았던 유튜브 자동 재생 웹앱인 모두의 라디오에 방문해 주신 분께서 검색이 되지 않는다는 내용을 남겨 주어서 오류를 수정하고자 합니다.오류내용모두의 라디오는 Youtube 영상을 검색하는 기능을 포함하고 있는데, 해당 기능을 사용하고자 하면 다음과 같은 오류가 출력됩니다.{ "error": { "errors": [ { "domain": "usageLimits", "reason": "accessNotConfigured", "message": "Access Not Configured. YouTube Data API has not been used in project 100098281473 before or it is disabled. Enable it..