인터프리터 결과에서 코드 거르기 – Node.js, Python

터미널에서 Node.js를 사용하여 자바스크립트를 수행하면 아래와 같은 결과를 볼 수 있다. $ node > console.log("apple"); apple undefined > console.log("banana"); banana undefined > 웹 사이트에서 이런 텍스트를 만나기도 하는데 자바스크립트 코드만 분리하려면 에디터를 사용하여 편집해야 한다. 불편하다. Grep Grep을 사용한다면 터미널에서 아래 명령을 사용하여 좀 더 쉽게 자바스크립트 코드를 거를 수 있다. Bash 함수로 만들어 사용하길 … 인터프리터 결과에서 코드 거르기 – Node.js, Python 계속 읽기

지금 사용하는 Vim 플러그인 100개

같은 팀 개발자가 vim 플러그인 몇 개나 사용하는지 물어봐서 "한 100개 정도 사용해요" 라고 대답하고 나서 생각해 본다. 그렇게 많은 플러그인을 사용하고 있었나? 그 중 사용하지 않는 플러그인이 한 90개 정도 되는 것은 아닐까? Vundle을 사용함으로 :PluginList 명령을 사용했더니 정확히 134개의 플러그인이 설치되어 있었다. 이 글은 가이드는 아니고 단지 지금 사용중인 플러그인 50개에 대한 간단한 … 지금 사용하는 Vim 플러그인 100개 계속 읽기

Vim 사용자를 위한 키맵 설정 – xcape, xmodmap

우분투에서 여러 프로그램을 vim 키 바인딩으로 사용하고 있다. 키보드를 많이 사용하는 편이라 자주 사용하는 키들을 편한 위치로 옮겨서 사용하고 있다. 세 가지 키의 위치와 기능을 변경하는 방법을 정리했다. 만약에 맥을 사용한다면 Karabiner-Elements 을 사용하길 바란다. 1. Control Key [F] 키와 [J] 키에 손가락을 올리고 자세를 잡았을 때 손목을 움직이지 않고 [Ctrl] 키를 누르기는 쉽지 않다. … Vim 사용자를 위한 키맵 설정 – xcape, xmodmap 계속 읽기

Markdown 파일로 글 쓰기

Markdown 형식의 파일로 글을 쓰는 세 가지 방법을 정리했다. 기능/종류 Typora Dropbox Paper Vim(Plugin)+Tmux Markdown 문법 지원 지원 지원 Preview 방법 즉시반영 즉시 반영 브라우저의 플러그인 사용 온라인 편집 로컬 온라인 로컬 코드 테스트 불편함 불편함 편리함 동시 편집 불가능 지원 불가능 다이어그램 입력 지원 불가능 불가능 첫 번째 방법은 Typora 마크다운 편집기를 사용하는 것이다. … Markdown 파일로 글 쓰기 계속 읽기

Vim 사용하여 마크다운 파일로 위키 작성하기

Vimwiki vimwiki를 사용하면 vim 에디터에서 텍스트 위키를 작성할 수 있다. 아래 설정을 ~/.vimrc에 저장하여 vimwiki의 저장 파일 형식을 마크다운으로 변경할 수 있다. Plugin 'vimwiki/vimwiki' Plugin 'plasticboy/vim-markdown' let wiki1 = {} let wiki1.path = '/src/vimwiki/' let wiki1.path_html = '/src/vimwiki/html/' let wiki1.syntax = 'markdown' let wiki1.ext = '.md' let wiki2 = {} let wiki2.path = '~/.vimwiki/' let … Vim 사용하여 마크다운 파일로 위키 작성하기 계속 읽기

포토샵 파일 읽는 Brackets

대부분의 프론트엔드 코딩 작업은 Vim을 사용하여 해결한다. 그런데 가끔 GUI 가이드가 부족하거나 상황이 급해서 디자이너의 포토샵 파일만 전달받을 때가 있다. 이럴 땐 Brackets를 사용하면 포토샵 파일을 직접 읽어서 퍼블리싱 작업을 할 수 있다. 포토샵 파일의 레이어를 구분하여 볼 수 있으며 크기와 위치 속성들을 읽을 수 있다. 포토샵 파일을 읽는 기능은 Adobe가 인수하면서 추가된 기능이다. Adobe … 포토샵 파일 읽는 Brackets 계속 읽기

텍스트 브라우저 – w3m

이미지 다운로드 없이 브라우징 하고 싶을 때 터미널에서 w3m을 사용한다. 빠르게 인터넷 서핑이 가능하다. $ w3m https://agvim.wordpress.com 이미지가 보고 싶을 땐 아래 파일을 수정하여 o 키를 눌러서 오페라 브라우저를 띄우고 있다. ~/.w3m/keymap keymap o EXTERN ~/.w3m/config extbrowser opera vim 키 바인딩을 사용하고 싶다면 아래 파일을 참조하길 바란다. https://github.com/davidhalter/dotfiles/blob/master/.w3m/keymap w3m을 Terminology에서 사용하니 아래 처럼 이미지가 보였다. … 텍스트 브라우저 – w3m 계속 읽기

Vim 사용하여 워드프레스 글 쓰기

VimBlog 플러그인을 사용하면 Vim을 사용하여 워드프레스 블로그 작성이 가능하다. 워드프레스 설치형에서도 문제없으며 :BlogSwitch 명령어를 사용하면 블로그 사이에 전환도 가능하다. 아래와 같은 ~/.vimpressrc 설정 파일이 필요하다. [Blog0] blog_url = https://yourWordpressUrl/ username = yourUserName password = yourPassword [Blog1] blog_url = https://yourWordpressUrl/ username = yourUserName password = yourPassword 블로그를 읽다가 오타를 발견했다면 아래 명령을 사용하여 편집이 가능하다. 내 … Vim 사용하여 워드프레스 글 쓰기 계속 읽기

키보드로 브라우저 사용

아래 플러그인을 사용하면 키보드로 인터넷 서핑이 가능하다. 마우스와 함께 사용하면 생각보다 편리하다. Vimium Vimium는 키보드를 이용하여 크롬 브라우저를 사용할 수 있는 확장 프로그램이다. [?]를 누르면 사용법을 볼 수 있는데 Vim 키와 비슷하다.  크롬 브라우저 화면의 텍스트들을 복사할 수 있고 [f] 키를 누르면 화면에 모든 링크에 알파벳을 붙여준다. 이 알파벳을 입력하면 링크를 마우스로 클릭한 것과 동일한 동작을 … 키보드로 브라우저 사용 계속 읽기

텍스트 Git 클라이언트 – tig

Git 클라이언트 프로그램은 많지만, 터미널에서 사용할 수 있는 것은 드물다. Tig는 대부분의 터미널용 프로그램과 비슷하게 tmux, Screen 같은 프로그램과 함께 사용할 수 있으며 단축키를 재 할당할 수 있는 장점이 있다. 한 예로 여러 브랜치에서 여러 commit을 가져오기위해 commit 문자열을 위우거나 복사하지 말자. Tig로 간단하게 해결할 수 있다. ~/.tigrc 파일에 아래 코드를 추가하면 h 키를 각 … 텍스트 Git 클라이언트 – tig 계속 읽기

터미널에서 뉴스 피드 읽기 – newsbeuter

newsbeuter 브라우저에서 RSS를 읽기 위해 inoreader 서비스를 사용하고 있다. 이미지를 제거하고 내용만 가볍게 확인하기 위해서 텍스트 프로그램을 사용하는 것도 한 선택이다. 그래서 텍스트 뉴스 리더인 newsbeuter를 사용하고 있다. 텍스트 기사를 읽다가 자세히 보기 원하는 기사가 나타나면 브라우저를 띄위서 이미지를 포함한 내용을 확인할 수 있다. newsbeuter의 Vim 키 바인딩 newsbeuter의 설정 파일을 수정하면 Vim 키 바인딩으로 … 터미널에서 뉴스 피드 읽기 – newsbeuter 계속 읽기

크롬에서 Vim 사용하여 글 입력하기

Vim에 익숙해서 크롬 브라우저 폼에 글을 입력할 때도 vim을 사용하고 있다. TextAid 크롬 확장 프로그램을 사용하면 이 작업을 더욱 간편하게 할 수 있다. TextAid는 현재 브라우저에서 입력중이던 텍스트를 외부 프로그램인 Vim에 전달하고 저장 후 종료하면 그 내용을 다시 브라우저 폼에 넣어는 크롬 확장이다. 단, edit-server.pl 라는 작은 웹 서버 를 백드라운드로 동작 시켜야 한다. TextAid … 크롬에서 Vim 사용하여 글 입력하기 계속 읽기

Vim 플러그인

지금 사용하는 Vim 플러그인 50개를 따로 정리했다. Vim을 사용해서 일하는 것은 생각보다 어렵다. 플러그인들이 없었다면 불가능한 일이다. 아래 vim 플러그인 도움을 받아서 하루 종일 사용하고 있다. 코딩이 아닌 글 쓰기에도 사용하고 있다. ctrlp.vim ctrlp.vim는 파일 찾을 때 사용한다. 몇 초안에 원하는 파일을 찾아준다. FuzzyFinder와 같이 사용하면 더욱 효과적이다. SublimeText, Atom의 [Ctrl+p] 와 비슷한 기능이다. UltiSnips UltiSnips는 코드 조각을 … Vim 플러그인 계속 읽기

텍스트 파일 관리자 – vifm, ranger

터미널 작업을 주로하는데 파일이나 디렉토리를 관리하려고 명령어를 사용하는 것은 불편했다. Bash의 alias를 사용해도 많은 도움이 되진 않는다. 그래서 텍스트 파일 관리자를 찾았다. 텍스트 파일 관리자를 사용하면 터미널에서 작업하다가 GUI 파일 관리자(Nautilus)를 사용하기 위해 터미널을 떠날 필요가 없다. 더구나 아래 툴들은 키 바인딩을 변경할 수 있으며 원격 쉘 접속 환경에서도 사용이 편리하고 맥과 윈도우에서 모두 동작한다. … 텍스트 파일 관리자 – vifm, ranger 계속 읽기