티스토리

신규하 블로그

검색하기

블로그 홈

신규하 블로그

gyuha.tistory.com/m

신규하 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

윈도우 10에서 Docker desktop이 포트 충돌로 실행 되지 않을 때.. 윈도우10에서 도커를 사용하면서 간혹 포트가 충돌 난다고 해서.. 도커 이미지가 뜨지 않을 때가 있습니다. 이럴때는 아래와 같이 해 보세요.. 우선, 관리자 모드롤 cmd또는 powershell을 띄웁니다. 우선 하이퍼-V를 꺼 줍니다. dism.exe /Online /Disable-Feature:Microsoft-Hyper-V 재부팅을 해 줍니다. 해당 포트를 제외해 줍니다. 여기서는 1433포트를 예제로 했습니다. netsh int ipv4 add excludedportrange protocol=tcp startport=1433 numberofports=1 그리고 다시 파이퍼-v를 켜 줍니다. dism.exe /Online /Enable-Feature:Microsoft-Hyper-V /All 그리고 .. 공감수 0 댓글수 0 2021. 8. 20.
웹페이지 파비콘을 이미지로 사용하기 link 태그에 아래와 같은 형식으로 이모지를 넣어 주면 된다. Emoji 공감수 2 댓글수 0 2021. 4. 21.
윈도우 터미널 프리뷰 복사/붙여 넣기 단축키 설정하기 Windows Terminal (preview)를 기본 cmd 대신 써 볼까하고 사용중인데.. 복사/붙여넣기가 잘 동작하지 않아서 방법을 찾아서 공유 합니다. 메뉴에서 settings 또는 Ctrl + ,을 누르면 메모장에 설정값이 표시 됩니다. 여기서 keybindings에 아래와 같은 내용을 추가 하면 됩니다. "keybindings": [ { "command": "paste", "keys": ["ctrl+shift+v", "shift+ins"] }, { "command": "copy", "keys": ["ctrl+shift+c"] } ] 복사는 ctrl+shift+c로 가능하고 붙여 넣기는 ctrl+shift+v또는 shft+ins로 가능해 집니다. 잘 사용하세요~ 공감수 1 댓글수 2 2020. 1. 28.
vscode에서 JetBrains Mono 폰트 사용하기 개발툴로 유명한 JetBrains에서 코딩용 새로운 고정폭폰트를 공개 했습니다. 상업적용도와 비상업적용도 모두 사용이 가능한 아파치2.0 라이센스 입니다. 그런데, 이 폰트에 보면 합자(ligature)기능이 있습니다. 이 기능은 코딩하다 보면 많이 쓰이는 ==이나 !=를 합자 형태로 표시해서 가독성을 높여주는 기능입니다. 대략적으로 보면 아래와 같이 차이가 있습니다. 그리고, vscode에서는 합자 기능을 사용할 수 있습니다. 설정하는 방법은 File > Preferense > Settings (단축키: Ctrl + ,)을 선택하고 상단에 Open Settings(JSON) 버튼을 눌러 줍니다. 그리고, 아래 내용을 추가해 주면 됩니다. { "editor.fontFamily": "Jetbrains Mo.. 공감수 8 댓글수 0 2020. 1. 17.
세계 국기 SVG 파일 국제화 개발 하다 보면, 간혹 필요한 국기 이미지 입니다. 벡터인 svg 파일이라서 필요에 따라서 변환해서 사용 하세요. 공감수 2 댓글수 0 2019. 7. 12.
웹 캐시를 지우고 리로딩하기.. SPA를 개발하다 보면, 앱의 버전을 올려서 서버에 반영을 했는데, 웹은 캐시를 타버려서 업데이트가 되지 않는 경우가 빈번합니다. 웹 서버와 웹 어플리케이션의 버전이 맞지 않아서 이상하게 동작도 하고.. 대략적으로 난감한 경우가 발생해서, 캐시를 지우고 리로드 하는 코드를 간단하게 만들어 봤습니다. caches .keys() .then(c => { for (const i of c) { caches.delete(i); } }).then(() => { location.reload(true); }); 그리고 아래는 axios를 이용해서 버전을 확인하고 업데이트를 진행하는 코드 입니다. import * as axios from 'axios' console.log('current version :', versio.. 공감수 0 댓글수 3 2019. 5. 24.
Git에서 branch를 master로 바꾸기.. 소스를 관리 하다가.. master가 branch와 간격이 많이 버러졌는데.. branch를 master로 써야 할 경우 입니다. git checkout newFunction git merge -s ours master git checkout master git merge newFunction 방법은 새로운 브렌치에 master를 ours로 머지해 버리고 maser에 다시 머지하는 방법입니다. -s ours 는 —strategy=ours 의 단축 된 표현 입니다. 공감수 0 댓글수 0 2019. 4. 18.
Serverless & Webpack & Typescript 구성하기 Serverless & Webpack & Typescript 구성하기 serverless에서 webpack을 이용해서 typescript를 구성해 보면서 작업 하던걸 기록 해 둡니다. 기본 환경 구성 기본적으로 node.js가 설치 되어 있어야 합니다. serverless를 설치 합니다. npm install -g serverless 그리고, 프로젝트를 생성해 줍니다. $ serverless create -t aws-nodejs -p hello-lambda Serverless: Generating boilerplate... Serverless: Generating boilerplate in "/home/gyuha/workspace/hello-lambda" _______ __ | _ .-----.----... 공감수 0 댓글수 4 2018. 11. 7.
vscode의 신규 기능 project level snippets VSCode Project level snippets 기존에 vscode를 사용하면서 프로젝트 단위로 snippet을 지원하지 않아서.. extension을 설치 해서 사용 했었다. 하지만, 이번 업데이트(September 2018 (version 1.28)에서 프로젝트 snippet이 지원해서 기록해 둔다. (나중에 까먹을 까봐 -_-);;; .vscod 폴더에 [사용할 언어].code-snippets라는 파일을 만들고 snippet을 넣어 주면 된다. 참고 : https://code.visualstudio.com/updates/v1_28#_project-level-snippets 공감수 0 댓글수 0 2018. 10. 15.
VSCode 익스텐션 목록 vscode를 사용하다가, 설치 된 확장자를 공유 해야 할 일이 가끔 있다. 아래와 같이 터미널 창에 넣어 주면 설치 명령어와 같이 목록이 나온다. code --list-extensions | xargs -L 1 echo code --install-extension > list.txt 내 경우에는 아래와 같이 나왔다. code --install-extension alefragnani.Bookmarks code --install-extension bungcip.better-toml code --install-extension ChakrounAnas.turbo-console-log code --install-extension christian-kohler.npm-intellisense code --insta.. 공감수 0 댓글수 0 2018. 10. 12.
Oracle VM VirtualBox 백그라운드 실행하기 버추얼박스를 이용해서 가상머신을 자주 쓰는데.. 저 같은 경우에는 터미널로 접속해서 쓰기만 해서 창을 띄울 필요가 없어서, 백그라운드에서 띄울 방법이 없나 찾아 봤는데.. 있네요.. 가상머신 목록 출력하기 C:\> "C:\Program Files\Oracle\VirtualBox\VBoxManage.exe" list vms "Ubuntu1604" {8178ca98-4a9b-4ab9-aad4-df6b37c2791c} "Ubuntu-Desktop" {55a6f3f4-b104-4549-bb55-aaf1fac94f13} 가상머신 백그라운드에서 실행하기 VBoxManage.exe에서 시작하면서, --type headless 옵션을 주면 되네요.. startvm 뒤에 내 가상머신의 이름 또는 UUID를 적어 주시면 .. 공감수 0 댓글수 0 2018. 2. 9.
vim에서 찾은 값을 대소문자를 변경하기. vim에서 찾은 값을 대문자나 소문자로 바꾸는 방법입니다. 대분자로 바꾸기 :s/\(test\)/\U\1/g 소문자로 바꾸기. :s/\(test\)/\L\1/g 공감수 1 댓글수 0 2017. 3. 16.
vscode에서 xdebug로 php remote 디버깅 하기 Visual Studio Code에서 xdebug를 사용해서 php remote 디버깅을 하는 방법입니다. Ubuntu에 xdebug 설치하기 xdebug 설치 $ sudo apt-get install php-xdebug xdebug 설정하기 $ sudo vi /etc/php/7.0/fpm/php.ini php.ini 파일에 아래 내용을 추가 합니다. [xDebug] xdebug.remote_enable = 1 xdebug.remote_autostart = 1 xdebug.remote_port = 9000 xdebug.remote_connect_back = on xdebug.idekey = "PHPSTORM" 설정이 완료 되었으면 php-fpm을 재시작 해 줍니다. $ sudo service php7.0.. 공감수 0 댓글수 2 2017. 3. 13.
PhpStorm에서 xdebug를 사용해서 remote debug하기.. 여기서 설명하는 환경은 ubuntu 16.04 php7.0-fpm을 사용하는 환경입니다. 그리고 사용하는 IDE는 PhpStorm입니다. Ubuntu에 xdebug 설치하기 xdebug 설치 $ sudo apt-get install php-xdebug xdebug 설정하기 $ sudo vi /etc/php/7.0/fpm/php.ini php.ini 파일에 아래 내용을 추가 합니다. [xDebug] xdebug.remote_enable = 1 xdebug.remote_autostart = 1 xdebug.remote_port = 9000 xdebug.remote_connect_back = on 설정이 완료 되었으면 php-fpm을 재시작 해 줍니다. $ sudo service php7.0-fpm resta.. 공감수 0 댓글수 2 2017. 3. 13.
Visual Studio code에서 저장시 자동 포맷 Visual Studio code에서 저장시 자동으로 문서 포맷을 해 주는 기능을 확장프로그램으로 만들어서 사용하다가.. 기본으로 vs code에 들어간 사실을 알고.. 확장프로그램을 visualstudio 마켓에서 제거 했습니다. 사용하는 방법은 파일 > 기본설정 > 설정 을 에서 "editor.formatOnSave": true를 추가해 줍니다. 그리고, 특정 파일에서 적용을 하고 싶으시면, 아래와 같이 설정 하시면 됩니다. 아래는 typescript와 markdown의 예제 입니다. { "[typescript]": { "editor.formatOnSave": true, "editor.formatOnPaste": true }, "[markdown]": { "editor.formatOnSave": tr.. 공감수 3 댓글수 1 2017. 2. 13.
Visual Studio Code에서 pylint warning 끄기. Visual Studio code에서 python확장을 먼저 설치 하셨을 거라고 생각하고 작업합니다. 메뉴에서 파일 > 기본설정 > 작업영역 설정(W) 를 선택합니다. { "python.linting.pylintArgs": [ "--rcfile", "pylint.config", "--disable", "missing-docstring" ] } 위와 같이 입력을 합니다. 그리고 프로젝트 폴더에 pylint.config 파일을 작성 합니다. [MESSAGES CONTROL] #C0111 Missing docstring #C0103 Invalid constant name #C0301 Line too long #C0303 trailing whitespace disable=C0111,C0103,C0303,C030.. 공감수 1 댓글수 0 2016. 12. 22.
엑셀 파일을 csv로 변환하는 프로그램 회사에서 엑셀 파일을 csv로 변경하는 프로그램이 필요 하다고 해서, 간단하게 제작한 csv 변환 프로그램을 공유 합니다. command line용 툴이며, 실행 하면 하위 폴더에 엑셀 파일까지 홀랑 csv로 변환해 줍니다. 변환 가능한 포맷은 xls와 xlsx입니다. 그리고 csv는 utf-8로 인코딩 되어서 나옵니다. 추가로 특정 파일만 변환 하고 싶으면, xlsxToCsv.exe [원본엑셀파일] [대상csv파일] 이렇게 사용 하시면 됩니다. 응용해서 특정 파일들만 모음으로 변환하고 싶다면, 변환 파일을 모아서 .bat 파일로 만들어서 변환해서 파일을 복사 하게 하면 됩니다. 소스는 github에 공유 합니다. https://github.com/gyuha/xlsxtocsv 공감수 4 댓글수 20 2015. 10. 8.
vim에서 super user (sudo) 권한으로 파일 저장하기 #2 vim에서 super user 권한으로 파일 저장하기라는 예전 포스팅에서vi를 root 권한으로 띄우지 않아도 저장하는 방법에 대해서 포스팅을 했습니다. 그런데.. 이게 외우기 힘들어서 -_-;;결국은 나갔다가.. sudo로 들어 와서 다시 편집하고 저장을 하게 되네요. 그래서 불편해서 map을 설정 했습니다. 강제 저장은 :w! 인데.. 여기서 느낌표를 한번 더하면 sudo로 저장하는 방법입니다. cmap w!! w !sudo tee % >/dev/null 위 내용을 내 home에 있는 .vimrc 파일에 넣어 두면.. 꼭 sudo로 해서 vim을 띄우지 않아도 관리자 권한으로 저장이 가능 합니다. 공감수 0 댓글수 0 2014. 9. 30.
node-webkit 어플리케이션 빌드 후 아이콘 변경하기 node-webkit을 빌드 하고 나면, 아이콘의 원래 아이콘으로 되어 있습니다. package.json에 아이콘이라고 jpg나 png 파일을 선택하게 되어 있는데. 이 파인은 윈도우 왼쪽 상단 아이콘만 바뀌고, 실행 아이콘은 node-webkit 기본 아이콘 입니다. 바꾸는 방법을 찾아 보다가.. 당황스러운걸 발견해서.. 적어 봅니다. 원본 주소 : https://github.com/rogerwang/node-webkit/wiki/Icons 우선 package.json 파일에는 { ... other stuff here ... "window": { "icon": "icon.png" } } 이렇게 이미지를 입력해 줍니다. 하지만, 위에서 설명한바와 같이.. 실행 파일 아이콘은 별 변화가 없습니다. 우선, .. 공감수 0 댓글수 0 2014. 8. 14.
Windows에 MongoDB 설치하기.. 윈도우에 MongoDB를 설치 하면서, 내용을 약간 정리해 봅니다. 1. 다운로드 http://www.mongodb.org/downloads msi로 설치 된 것을 받아서 설치 해도 되지만 경로 명이 C:\Program Files\ 경로 밑에 들어가는 것 빼고는 아무런 기능이 없어 보입니다. zip 파일을 받아서 설치 하는것을 권장 합니다. 2. 복사 하기 파일의 압축을 푸시고, 폴더 명을 mongodb-win32-*에서 mongodb로 변경 합니다. 여기서는 c:\에서 설치해서 작업 합니다. C:\ 에 복사합니다. 3. 데이터 베이스 폴더 설정 데이터 베이스가 들어갈 폴더를 설정 합니다. mkdir C:\mongodb\data 4. mongodb 실행해 보기 데이터베이스를 실행해 보기, 이렇게 만 하면.. 공감수 3 댓글수 3 2014. 5. 26.
vim에서 super user 권한으로 파일 저장하기 vim을 쓰다 보면 간혹 root권한으로 파일을 써야 할 때가 있습니다.뭐... 실컷 에디트 했더니.. root 권한이 아니라서 못 쓰는 경우도 있구요.. 이럴때 root권한으로 잠시 저장을 할 수 있는 방법이 있어서 씁니다. # vim /etc/hosts파일을 편집합니다. :wE45: 'readonly' option is set (add ! to override) 읽기 전용이라서 저장이 안 된다고 나옵니다.강제로 저장하면, :w!"/etc/hosts" E166: Can't open linked file for writing 역시 저장이 안 됩니다. 이럴때는 :w !sudo tee % > /dev/null [sudo] password for gyuha: 위와 같은 명령어를 쳐 주시면...패스워드를 물어 .. 공감수 0 댓글수 1 2012. 11. 7.
VIM Cheat Sheet VIM 명령어 정리 글의 내용을 A4용지 하나에 출력 하도록 제작을 해 봤습니다. VIM 명령어가 가물가물 하다거나.. 빠르게 찾아 보실 분은 참고 하세요~ 다운로드 받기전에 아래 스샷을 참고 하세요~ 요약을 하다보니, VIM 명령어에서 빠지거나 줄어든 사항도 있습니다. 공감수 11 댓글수 3 2012. 6. 26.
vim에서 zen coding 사용하기 Vim에도 Zen Coding 플러그인이 있습니다.HTML을 코딩하면서, 뭔가 반복하는 느낌이 생길때 이걸 편하게 대체해 주는코딩 방법 이죠..하지만, 사용법을 먼저 공부 해야 한다는 ^^;; vim의 zen coding 플러그인의 주소는http://www.vim.org/scripts/script.php?script_id=2981여기입니다. 여기서 다운로드 받아서 윈도우는 vim의 vimfiles 폴더에 압축을 풀어서 넣어 주시면 되고,맥이나 리눅스 사용자 분들은 개인 경로에서 .vim 폴더에서 아래와 같이 압축을 풀어 주시면 됩니다. # cd ~/.vim # unzip zencoding-vim.zip 여기 홈페이지에 가시면 동영상으로 사용법을 보실 수 있습니다.http://mattn.github.com.. 공감수 3 댓글수 0 2012. 5. 16.
구글 드라이브 오프라인 사용하기 이번에 구글의 새로운 서비스인 구글 드라이브를 드디어 한국에서도 사용할 수 있게 되었습니다.구글 닥스를 잘 사용하고 있던 저로서는, 구글 드라이브가 구글닥스와 합쳐진 형태로 나온것도 환영할 만한 일이였습니다. 하지만, 닥스의 문서를 오프라인에서는 보거나 편집이 불가능한것은 아직가지 불편한 사항입니다. 잘 뒤져 보니... 오프라인에서 보기는 가능 해서 그 기능을 적어 볼까 합니다.처음에는 오프라인을 사용 할려고 하는 거니까, 구글 드라이브 어플리케이션을 설치 하셔야 합니다.그리고, 이 오프라인 기능을 사용하기 위해서는 크롬 웹 브라우저를 설치 하셔야 합니다. 위 2가지 조건이 갖춰 진다면, 닥스의 목록에 보시면 문서도구 오프라인 설정이 보일 겁니다. 오프라인 문서도구 허용을 하시고 Chrome 웹 스토어에.. 공감수 0 댓글수 0 2012. 5. 7.
Eclipse에서 ant를 이용해서 sftp로 파일 전송하기 요즘은 이클립스에서 웹개발을 하게 되었는데.. ant를 이용해서 소스 파일을 사이트로 업로드 하는 방법이 있어서 정리 해 봅니다. 전 php용도로 사용해서 거기에 맞춰서 정리 합니다. 먼저 이클립스에서 ant를 설치 합니다. Help > Install New Software 를 선택합니다. 아래와 같은 화면에서 Work with에서 --All Available Sites -- 를 선택합니다. 조금 기다리고 나서, 하단 필터에 java EE를 입력해 주면, 아래와 같이 목록이 뜹니다. 이 다음부터는 next와 finish를 눌러가면서 알아서 설치해 주시면 됩니다. 설치가 끝난후 이클립스를 재시작 합니다. Window > Show View -> Other를 선택하면 ant가 추가 된것을 볼 수 있습니다. O.. 공감수 1 댓글수 1 2011. 10. 13.
gvim에서 unity의 도움말 보기 gvim에서 유니티의 도움말을 보기 위해서.. 웹브라이저를 띄우는 방법을 열심히 찾다가.. 결국 괜찮은 플러그인을 찾았습니다. http://www.vim.org/scripts/script.php?script_id=3133 이걸 이용하면, 웹페이지 띄우기와 웹검색이 가능 합니다. 여기서 unity의 도움말을 보기 위해서는 플러그인에 몇 줄을 추가해 줘야 합니다. 압축을 풀고 autoload/openbroswer.vim 파일을 열어서.. 110번째 줄에 unity 사이트를 추가해 주시면 됩니다. let s:default = { \ 'google': 'http://google.com/search?q={query}', \ 'yahoo': 'http://search.yahoo.com/search?p={query}.. 공감수 0 댓글수 0 2011. 6. 6.
맥에서 svn과 git를 같이 쓰기 위해서.. ignore 설정하기. xcode 4.0에서 git가 기본 저장소로 오면서 부터.. svn에서 git로 프로젝트를 전환하려고 하고 있습니다. 우선은 2개를 같이 쓰기 위해서.. 하지만, 2개의 관리 툴이 서로를 add해 버리면, 난감해서 ^^;; 서로를 예외로 추가하는 방법을 정리 합니다. 둘다 global 설정을 건드려서 설정하는 방법입니다. 1. git 설정하기.. $ vi ~/.gitignore 이렇게 추가해 줍니다. .svn .DS_Store build xcuserdata 그리고, $ git config --global core.excludesfile ~/.gitignore 이렇게 실행해 줍니다. 확인해 보시면, $ cat .gitconfig [core] quotepath = false excludesfile = /Us.. 공감수 0 댓글수 2 2011. 3. 21.
Unity3D 용 macvim 설정 파일 Unity 를 공부 하다 보니.. 또 에디터기에서 막혀서 -_-;; 이래저래 고민하다가.. unity용 syntax와 auto comletion 파일을 제작 했습니다. 다행히.. 유니티 안에 있는 유니트론의 리소스를 잘 뒤져 보니까.. javascirpt.plist 파일에 잘 정리가 되어 있어서.. 그 파일을 참고 해서 제작 했습니다. 파일 다운로드 파일이 2개 인데.. 다운로드 폴더에 파일을 받았다고 가정하고 설명 하겠습니다. $ cd ~/ $ mkdir .vim $ cd .vim $cp ~/Download/unityAutocompletion.txt ~/.vim $ cd mkdir syntax $ cp ~/Download/javascript.vim ~/.vim/syntax 이렇게 복사하시면 됩니다. 그.. 공감수 0 댓글수 4 2010. 12. 5.
vim 문자열 찾아서 사용하기 vim 찾기찾기 명령어 /혹은 ? 를 누르고 찾을 문자열를 입력한다. \c 를 치고 찾을 문자열을 입력하면 대소문자 구별 없을 찾을 수 있다. 사용법 설명 /{패턴} 패턴이 다음에 나올 위치로 검색을 한다. /{패턴}/{줄수} 다음에 나올 위치의 검색을 하고 줄수 많큼 이동한다. 이전줄로 가고 싶으면 마이너스 값을 쓰면 됨. / 바로 전에 검색 단어로 다음을 찾는다. ? /와 같다. 다만 방향만 역방향. n /와 같음. 다음 찾기 N ?와 같음. 이전 찾기 # 현재 커서가 올라와 있는 단어와 같은 이전 단어 찾기 * 현재 커서가 올라와 있는 단어와 같은 다음 단어 찾기 .vimrc 파일에 아래와 같이 추가 하면, 찾은 내용이 하일라이트 되서 나타난다. set hlsearch 찾아서 바꾸기 :%s/{패턴2.. 공감수 1 댓글수 0 2010. 11. 30.
아이패드용 앱을 미리 보세요.. 주소 : http://ax.search.itunes.apple.com/WebObjects/MZSearch.woa/wa/search?entity=k2software&media=software&page=1&restrict=true&startIndex=0&term=iPad 아이튠스에서 아이패드를 발매 하기도 전인데.. 벌써 구매를 할 수 있습니다. 벌써 약 2800개의 앱이 올라와 있습니다. 한국 개정으로 보면, 게임이 빠지니까.. 구매 할 수 있는 컨탠츠가 많이 줄어 듭니다. 이렇게 많아도, 막상 마음에 드는걸 보면 찾아 볼려니.. 몇 개 없네요. 과연 이 시장도 노다지가 될런지.. 지켜봐야 겠네요. 공감수 0 댓글수 0 2010. 4. 2.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.