TechNote.kr

Prettier - Code formatter - Visual Studio Marketplace python 코드를 작성하다보면 Shift + Alt + F 를 눌러 코드를 정렬해가며 코드를 작성한다. Prettier 가 해당 정렬을 도와주는 extension 이다. Prettier 의 설정 1) Extension Tab 에서 Prettier - Code Formatter 를 설치한다. 2) Ctrl + , 혹은 File > Preferences > Settings 를 선택해 설정에 진입한다. 설정 중 formatter 를 입력해 Editor: Default Formatter 를 찾아 Prettier - Code formatter를 선택한다. 다른 항목은 별다르게 수정할 필요가 없었지만 한라인 문자열 수..

styleguide | Style guides for Google-originated open-source projects 여러 명이 협업을 하다보면 가독성을 높히기 위해 같은 Coding Style 을 가지고 코드를 만들게 된다. python 관련하여 Google 에서 사용하는 Python Coding Style Guide 가 있어 VSCODE 와 연동해 보았다. Lint 설정 이후 아래 pylintrc 파일을 다운로드 받아 사용하는 workspace 바로 아래에 넣는다. https://google.github.io/styleguide/pylintrc 위 pylintrc 에 따라 pylintrc 에 따라 경고가 정상적으로 나오는 것을 확인하였고, 코드를 수정하였다. Apply pylint accordi..

다양한 프로젝트를 동시에 진행하다 보면 작업 도중 여러 project 의 코드들을 왔다 갔다 해야 하는 경우가 있다. vs code 상에서 project 간 이동을 편리하게 해주는 "Project Manager" extention이 있어 이를 사용하면 손쉽게 프로젝트간 이동을 할 수 있다. PC 내에 임의의 폴더를 수동으로 등록하여 project 로 인식하게 할 수도 있고, git, mercurial, svn 등으로 sync 한 project 들을 자동으로 인식하게 할 수도 있다. Save any folder or workspace as a Project Auto-detect Git, Mercurial or SVN repositiories Extension tab 에서 "Project Manager"를 ..

Dockerfile 내에서 apt 를 사용하면 "WARNING: apt does not have a stable CLI interface. Use with caution in scripts." 문구가 출력된다. apt 명령어의 경우 사용자와의 interaction 에 중점을 둔 CLI 이기에 script 내에서 사용하기에 부적절하다는 에러로 apt-get 등의 명령어로 대체하여 사용하면 된다. apt 명령어별 대체 CLI는 apt의 manpage 에서 확인 가능하다. update (apt-get(8)) upgrade (apt-get(8)) full-upgrade (apt-get(8)) install, reinstall, remove, purge (apt-get(8)) autoremove (apt-get(..

docker image 명령어 목록 technote@TechNote:~$ docker image --help Usage: docker image COMMAND Manage images Commands: build Build an image from a Dockerfile history Show the history of an image import Import the contents from a tarball to create a filesystem image inspect Display detailed information on one or more images load Load an image from a tar archive or STDIN ls List images prune Remove unus..

Docker Image 삭제시 에러가 발생하는 경우가 있다. technote@TechNote:~/docker$ docker image ls REPOSITORY TAG IMAGE ID CREATED SIZE my-test-build latest 22b5185b193b 2 minutes ago 885MB python 3 2a93c239d591 6 days ago 885MB hello-world latest bf756fb1ae65 13 months ago 13.3kB technote@TechNote:~/docker$ docker rmi bf756fb1ae65 Error response from daemon: conflict: unable to delete bf756fb1ae65 (must be forced) ..

docker image 를 다운로드 받으려고 했을 때 아래와 같이 권한 에러가 발생하는 경우가 있다. 해당 문제는 사용자가 /var/run/docker.sock 을 접근하려고 하였지만 권한이 없어 발생하는 문제로 사용자가 root:docker 권한을 가지고 있어야 한다. technote@TechNote:~$ ls -al /var/run/docker.sock srw-rw---- 1 root docker 0 2월 15 15:16 /var/run/docker.sock root 권한을 가지고 실행하는 것은 권장되지 않으므로, 사용자를 docker group에 포함시켜주면 된다. ($USER 환경 변수는 현재 로그인한 사용자 아이디를 나타내므로 그대로 입력하면 된다.) technote@TechNote:~$ sud..

Docker 를 Ubuntu 에 설치하는 방법은 3가지가 있다. docker repository를 통해 설치하는 방법 수동으로 deb 파일을 다운로드하여 설치하는 방법 별도의 설치 스크립트를 이용하는 방법 여기서는 첫번째인 docker repository를 설정하고 이를 통해 apt로 설치하는 방법을 알아보자. 1) 기존 docker 관련 package들을 삭제 $ sudo apt-get remove docker docker-engine docker.io containerd runc Ubuntu 20.04 를 바로 설치한 직후에는 docker 관련 package 들이 설치되어 있지 않지만, 이전에 docker를 사용한 이력이 있을 경우 삭제해 준다. 2) Docker Repository 를 등록하기 위한..

[Github 에 반영하기 (git commit/push)] 에서 보았듯이 write 권한이 없는 repository 에는 직접 반영을 할 수 없다. 이에 write 권한을 가지고 있는 계정의 review를 받고 해당 계정을 통해 반영이 이루어 져야 한다. 이러한 과정을 Pull Requests 라고 하며 github 의 tab 들 중 하나에서 확인할 수 있다. Pull Request 를 위한 전반적인 Flow 에 대한 이해 Pull Request 를 올리는 실제 사례 다수 개의 Pull Request 를 올리는 방법에 대한 이해 Pull Request 를 위한 전반적인 Flow 에 대한 이해 Pull Request 는 fork 된 repository 를 통해 이루어지게 되고, 이를 위한 reposito..

git clone 하여 local PC 에 코드를 sync 한 이후 코드를 주성하여 다시 github repository 에 반영해야 하는 경우가 있다. [Github 와 연동하기 : https://technote.kr/352] 코드 반영은 Flow는 다음과 같다. 1) 코드 수정 2) [Ctrl + Shit + `] 을 눌러서 teminal 을 실행시킨 후 수정 코드 실행해서 에러 유무 확인 3) 문제가 없을 경우 왼쪽 세번째 아이콘 선택 4) 자동으로 수정된 파일들이 탐지되고, 상단에 수정 내용 작성한 후 "V" 아이콘 선택하여 commit 생성 (git commit) 5) 하단에 push 가능한 commit 의 수가 나오고 해당 버튼 누르면 github repository 로 push 진행 (git..

vscode 를 기반으로 github project 를 작업할 때 가장 먼저 진행되어야 할 것은 github repository를 local PC로 git clone 하는 것이다. cmd 로 진행시에는 아래와 같이 진행하면 되지만 vscode 와 연동시에는 vscode의 UI 를 통해 진행해야 자동으로 vscode의 workspace까지 생성된다. D:\Github>git clone https://github.com/technotekr/Sample.git Cloning into 'Sample'... remote: Enumerating objects: 4, done. remote: Counting objects: 100% (4/4), done. remote: Compressing objects: 100% ..

Microsoft Chromium Edge 를 사용하다 보면 chromecast 와 같이 외부에서 미디어를 재생하게 해주는 아이콘이 보이지 않는 경우가 있다. [Chromium Edge 관련 링크 : Chromium Edge 의 사용 및 비교] 아래와 같이 Chromium Edge 를 통해 Youtube 를 볼 경우 Chrome 에서는 보이는 "TV에서 재생" 아이콘이 보이지 않는다. 이런 상황에서 빈 화면의 아무 곳을 선택하여 마우스 오른 버튼을 눌러 나오는 메뉴 중 "장치로 미디어 캐스트" 를 선택하거나, 오른쪽 위 메뉴 버튼을 눌러 "메뉴 > 기타 도구 > 장치로 미디어 캐스트" 를 선택하여 원하는 기능을 동작시켜도 된다. 반면 chrome 과 동일하게 "TV에서 재생" 아이콘이 나오게 하려면 다음..

티스토리에서 글을 작성하다 보면 keyboard key 조합에 대해 언급해야 할 경우가 있다. 예를 들면 control 키와 R 키를 누르는 것을 표현해야 하는데, 이럴 경우 기존에는 Ctrl + R 로 표현하였다. 티스토리 글작성시 tag 와 css 를 이용해 좀 더 가독성이 높게 표현하는 법을 확인하여 정리해 보았다. [기존] Ctrl + R [개선] Ctrl + R 1) CSS 설정을 추가 "티스토리 > 블로그관리 > 꾸미기 > 스킨 편집" 진입 "스킨 편집" 화면에서 "html 편집" 버튼 선택 이후 CSS 항목을 선택하고 임의의 위치에 하기 설정을 추가한다. kbd { border: 1px solid #aaa; border-bottom-width: 2px; border-radius: 3px; p..

2019-12-21 기준으로 아직 Beta 버전이라 정식 출시된 다른 브라우져와 동등하게 비교하기 무리가 있지만 2020-01-15 정식 릴리즈에 앞서 참고를 위해 아래와 같이 확인해 보았다. [추가 수정] 2020년 1월 15일에 정식 버전이 공개 되었다. https://www.microsoft.com/en-us/edge Microsoft Edge, based on Chromium 다운로드 및 설치 icrosoft Edge Addons 및 chrome 웹 스토어의 사용 Google Chrome 과 Microsoft Edge 의 시스템 자원 사용 비교 기본 검색 엔진의 변경 Microsoft Edge, based on Chromium 다운로드 및 설치 Microsoft Edge Page 접속 [Link ..

VS Code 를 통한 원격 개발이 필요한 상황들 VS Code 에서 SSH 를 통한 원격 개발 설정 Key file 을 통한 SSH 자동 접속 in VS Code VS Code 를 통한 원격 개발이 필요한 상황들 [상황 1] Client 개발일 경우 일반적으로 Local Machine 에서 개발이 가능하지만 Server 개발일 경우 원격으로 접속하여 개발을 하거나, Local Machine에서 개발 후 Server로 이동을 시키던지 해야 한다. [상황 2] 사용하는 Local Machine가 Windows 인 반면 Linux Program을 개발해야 한다면 원격으로 Linux Machine에 접속하여 개발을 진행해야 한다. 이와 같이 다양한 상황에서 Remote Machine을 상대로 개발을 해야하는 ..

이제까지는 흔히 ssh를 이용할 때 putty 를 사용하곤 했다. putty 는 기능도 충실하고, 안정적으로 사용해왔었기에 별다른 큰 문제가 없었다. 하지만 여러 ssh 서버에 접속을 하여 다중으로 창을 열 경우 창 관리가 잘 되지 않아 간혹 헤매는 경우가 종종 있었다. 이에 창 관리가 편한 ssh client 를 찾다 보니 termius 에 대해 할게 되었다. termius 의 가장 큰 장점은 Desktop과 Mobile을 포함하여 다양한 OS (macOS, Windows, Linux, iOS, Android)를 지원한다는 것이다. multiplatform 에서 동작하기 때문에 다양한 OS 상에서 ssh 접속에 대해 동일한 경험을 가질 수 있다. Termius 를 설치하고 실행하면 다음과 같은 화면을 ..

가끔 adsense 현황을 확인하기 위해 Chrome 확장 프로그램인 Google Publisher Toolbar를 이용한다. 그런데 아래와 같이 "Google 게시자 툴바가 아직 초기화되지 않았습니다. 몇 분 후에 다시 시도해 주세요." 라는 에러 문구와 함께 정상적으로 내용이 보여지지 않을 때가 있다. 이 때는 Chrome을 다시 껐다 켜도, 몇 분을 기다려도 해결이 되지 않았다. 이에 해결책을 찾아보니 아래와 같이 하면 문제 현상을 없앴을 있다. 1) Publisher Toolbar 에서 마우스 오른 클릭을 하여 "확장 프로그램 관리" 메뉴를 선택한다. 2) Google Publisher Toolbar에 대한 확장 프로그램 관리 페이지가 나오면 제일 위에 "사용" toggle bar를 클릭하여 "사..

[문제 상황] 오랜만에 adsense에 접속하고 Chrome에 확장 프로그램으로 Publisher Toolbar를 설치하게 되었다. https://chrome.google.com/webstore Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com Chrome 웹 스토어에서 Publisher Toolbar를 깔고 아이콘을 눌러보니 아래와 같이 "사용" 버튼을 통해 로그인을 해야 했다. Adsense 가입되어 있는 아이디와 비밀번호를 입력하고 나면 아래와 같은 화면이 나오고 "허용" 버튼을 누른다. 그런데 바로 로그인되고 현재 현황이 나올줄 알았는데, 아래와 같이 "이 코드를 복사하여 애플리케이션으로 전환한 다음 붙여넣으세요...

언젠가부터 크롬 브라우저의 주소창 옆에 "안전하지 않음"이라고 표시되기 시작했다. 국내 대형 포털 중 하나인 daum.net 의 2차 도메인에도 안전하지 않음이 보인다. 왜 안전하지 않다고 하는 것일까. 위에 언급한 다음을 예로 들면 우리가 인터넷을 하는 컴퓨터와 포털 서버 사이에 아무런 암호화없이 데이터가 오가고 있는 중이라고 이해하면 좋을 것이다. 암호화 없이 데이터가 오간다는 것은 그 중간에서 누군가 그 내용을 들여다 볼 수 있다는 것을 의미하는 것이다. 예를 들면 현재 인터넷을 하고 있는 컴퓨터 바로 옆에 연결된 컴퓨터에서 무엇을 하고 있는지, 어떤 사이트에 들어가서 무엇을 하는지 다 알 수 있다는 것이다. 현재 글을 작성하고 있는 technote.kr 도 마찬가지이다. 현재 티스토리 기반으로 운..

wordpress 의 기본 동작을 바꾸는 방법에는 두가지가 있다. 각 theme 폴더에 포함되어 있는 functions.php 파일을 사용.plugin 설치하여 사용. plugin과 functions.php 파일을 사용의 차이 Wordpress plugin을 사용하였을 경우Plugin 패널에서 활성화되었을 경우만 사용 가능모든 theme에 적용됨유일하고 특정한 Header text 필요 (아직 까지는 무슨 말인지 정확히 판단 불가, 원문: Requires specific unique Header text)wp-content/plugins 의 하위 디렉토리에 위치 functions.php 파일을 사용하였을 경우현재 활성화된 theme 의 디렉토리에 있는 functions.php 만 수행해당 theme 에 ..

VirtualBox에 OS를 설치하고 Network이 되는지 확인해 보면 일반적으로 별 탈 없이 잘 되곤한다. 잘 되니까 별다르게 신경쓰는 일이 없는 것이 사실이다. 네트워크와 관련된 작업을 하지 않는 이상 별 다르게 변경해야할 필요도 없다. 하지만 일반 사용자를 넘어서 advanced user가 되고자 한다면 기본 설정 외에 어떤 설정이 가능한지 한 번 살펴볼 필요가 있다. 혹시 아는가. 알고 보면 나에게 최적화된 설정은 기본 설정이 아니라 생각지도 못한 다른 설정일 수도 있다. 매뉴얼에 따르면 가산 머신당 총 8개까지 가상 네트워크(가상 PCI 이더넷 카드) 생성 및 설정이 가능하다. 4개는 설정 화면을 통해서 가능하고 나머지는 VboxManage command를 통해서 가능하다. 우선 하나의 설정만..

시간이 다소 많이 지났지만 black friday 쯤 amazon에서 SSD 하나를 구매하였다. 당시 특가로 750GB 짜리 SSD가 $99.99 로 굉장히 저렴하게 나왔다. 지금은 $169.99 이니 나름 만족할 만한 가격으로 구매하였다. 사실 그동안 SSD 를 여러번 구매를 해보았지만 그 때 마다 Intel이나 Samsung SSD를 구매하곤 했다. 사실 조금 비싸기는 하지만 어느 정도 안정성이 보장된다고 알려져 있었기 때문이다. 물론 사고 나서도 만족하면서 사용하였다. 다른 조건이 모두 동일하였다면 전과 마찬가지로 Intel이나 Samsung SSD를 구매하였겠지만 Crucial SSD가 너무 싸게 나왔다. 그것도 대용량으로 너무 싸게 나왔다. Crucial MX300 750GB SATA 2.5 I..

한성컴퓨터 GTune MKF14S XRGB 를 구입했다. 아무리 보급형 입문 기계식 키보드라지만 어울리지 않게 4000원짜리 마우스를 쓸 수는 없다. 뭔가 좀 그럴듯한 마우스의 구매가 필요했다. (나름의 합리화를 하느라 힘들었다.) 기계식 키보드처럼 기계식 마우스가 있는 것도 아니고, 좀 괜찮은 마우스를 고르다 보니 게이밍 마우스를 골랐다. 게임은 하지도 않는데 게이밍 마우스라니... 그 중 ABKO HACKER A700 를 고른 이유는 DPI 가 높다는 점이었다. (16400 DPI) DPI가 높다고 하니 뭔가 굉장히 정밀하게 mouse control이 될 것 만 같고, 그래서 골랐는데 DPI가 높으니 마우스 포인터가 굉장히 빨리 움직인다. DPI 조절 기능이 있어서 우선은 낮춰 놓고 쓰고 있는데, D..

키보드에 큰 돈 들이고 싶지는 않지만, 노트북에 키보드 연결하는 김에 추후에 PC를 구매할지도 모른다는 생각에 전에는 생각지도 않은 기계식 키보드를 구매하였다. 전에 PC방 가서 몇번 만져본 것 말고는 제대로 써본적은 없었다. 이 키보드는 대체 왜 비싼 것인가. 만원짜리 키보드랑은 무엇이 다른 것인가. 한번 알아보리라. 참고로 구입한 키보드는 한성컴퓨터 GTune MKF14S XRGB이고, 내 돈주고 샀다. 키패트 찍은 모습. 일반 키보드는 판과 키간에 틈이 안보이는데 이 키보드는 아래와 같이 보인다. 아무래도 기계식 키보드의 특징인 것 같다. 키패드 쪽도 아래와 같이 떠 있다. 기계식 키보드를 접하면 가장 많이 듣는 단어가 있다. 청축, 적축, 흑축, 갈축.. 청축은 경쾌한 키감갈축은 저소음적축은 빠른..

Virtualbox내 설치한 Ubuntu에서 코드를 컴파일할 일이 있었다. 가상 머신이라는 점은 고려하였지만 그래도 그 컴파일 성능이 생각보다 너무 느린 것만 같았다. 혹시나 해서 Ubuntu 내에서 CPU Core가 몇 개가 잡혀있는지 확인해 보니, 하나 밖에 설정이 되어 있지 않았다. (별다른 설정을 하지 않았다면 하나의 CPU만 인식이 된다.) # cat /proc/cpuinfo 위와 같이 하나의 CPU만 잡혀 있다. 가상 머신에서 하나 이상의 CPU를 인식해 보자. Virtualbox 멀티 코어 설정 1. 설정하고자 하는 가상 머신을 선택 한 뒤 [머신] > [설정] 을 실행한다. 2. 설정 메뉴 내에서 "시스템" > "프로세서" 탭을 선택해 보면 프로세서 개수를 선택할 수 있다. 해당 virtu..

기존에 2대의 모니터를 가지고 있는 상황에서 Virtualbox를 사용한다면 virtualbox 또한 여러 모니터에 걸쳐 사용하고 싶은 경우가 있을 것이다. Virtualbox는 기본적으로 하나의 모니터만 지원하도록 설정되어 있기 때문에 다중 모니터를 지원할 수 있도록 설정을 바꾸어보도록 하자 기본적으로 진행하기 전에 게스트 확장 CD 이미지"를 설치해 놓아야 한다. VirtualBox, 자유롭게 화면해상도 조절하기 위 글을 참고하여 게스트 확장 CD 이미지 설치가 완료 되었다면 이후 과정은 다음과 같이 진행하면 된다. 듀얼 혹은 다중 모니터를 위한 설정 변경 [virtualbox 설정] 1. 듀얼 혹은 다중 모니터를 설정하고 싶은 가상 머신을 선택한다. 2. [머신] > [설정] 을 선택한다. 3. [..

Virtualbox를 통해 OS를 설정하고 사용하다 보면 OS 설치 직후의 시점으로 다시 돌아가고 싶을 때가 종종 있곤한다. 나같은 경우 특정 프로그램의 설치에 관한 글을 쓰는 경우가 있는데, 이 프로그램을 설치하기 전에 어떤 프로그램들을 설치했었는지, 어떤 설정을 바꾸었었는지 오랫동안 OS를 사용하다보면 도무지 그 과정이 정리가 되지 않는다. 이런 경우 OS 설치 직후로 돌아가고 싶은 생각이 들곤한다. Virtualbox에 설치한 OS는 File로된 이미지 형태이기 때문에 특정 시점을 저장하고 싶은 경우 원하는 시점의 이미지를 백업해 놓으면 되는 것으로 두리뭉실하게만 알고 있었다. (딱히 해본적은 없었다.) 이에 이번 기회에 유사 기능들을 정리해 보았다. 메뉴를 보다보면 가상머신 이미지를 백업해 놓을 ..

VirtualBox를 쓰다보면 VirtualBox내 파일을 Host PC 로 옮긴다거나 Host PC 의 파일을 VirtualBox내로 옮겨야 하는 경우가 종종 생기곤 한다. 이런 경우를 위해 VirtualBox에서는 공유 폴더를 통해 파일을 공유하는 방법을 제공하고 있어 소개한다. (Host PC : Windows, VirtualBox : Linux) 우선 상세한 설명에 앞서서 "VirtualBox, 자유롭게 화면 해상도 조절하기." 글에서 소개했던 "게스트 확장 CD 이미지" 의 설치가 필요하다. 만약 설치하지 않았다면 해당 글을 참고해서 설치를 먼저 진행해야 한다. http://technote.kr/157 공유 폴더 설정을 위한 "게스트 확장 CD 이미지" 설치 후 과정은 다음과 같다. 1. Hos..

VirtualBox에 ubuntu를 설치하고 난 직후, VirtualBox를 전체크기로 변경한다면 아래와 같은 화면을 볼 수 있을 것이다. VirtualBox를 통해 설치한 가상 OS의 화면을 자유자재로 변경시키려면 몇가지 설치가 더 필요하다. VirtualBox를 전체 화면으로 하게 되면 기본적으로 아래와 같이 보인다. 창은 커지는데 안에 보이는 가상 OS의 화면은 그대로여서 흰 공간이 보이게 된다. 따라서 몇가지 설치를 더 해주어야 한다. (VirtualBox Guest Addtions)1. VirtualBox의 메뉴 중 [장치 > 게스트 확장 CD 이미지 삽입]을 선택한다. 2. 선택하게 되면 마치 CD를 하나 더 넣은 것 처럼 인식하게 되고 , 실행 여부를 물어보게 되는데 "Run"을 눌러 실행한..

VirtualBox 를 이용해 Linux Kernel Compile을 진행하고 있다. 그 동안의 기억으로 Linux는 크게 용량을 먹지 않았던 것으로 알고 있었는데, 막상 kernel compile을 해보니 용량 증가 속도가 상당이 빠르고 많다는 것을 알았다. 처음에 가상 하드 디스크로 16GB를 할당해서 쓰고 있었는데 compile 도중에 모두 차버렸다. 사용할 수 있는 공간이 없어서인지 X window에서 terminal도 실행이 안되고 해서 console로 진입해 용량을 확인해 보았다. 용량 확인을 위해 df -h를 해보니 /dev/sda1 에서 Avail이 0으로 되어 있고 Use%가 100%로 바닥나버렸다. 그래서 처음에 16GB로 잡았던 용량을 늘리기 위해서 VirtualBox 세팅을 아무리 ..