본문 바로가기

컴퓨터/소프트웨어94

윈도우 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 그리고 .. 2021. 8. 20.
웹페이지 파비콘을 이미지로 사용하기 link 태그에 아래와 같은 형식으로 이모지를 넣어 주면 된다. Emoji 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로 가능해 집니다. 잘 사용하세요~ ​ 2020. 1. 28.
vscode에서 JetBrains Mono 폰트 사용하기 개발툴로 유명한 JetBrains에서 코딩용 새로운 고정폭폰트를 공개 했습니다. 상업적용도와 비상업적용도 모두 사용이 가능한 아파치2.0 라이센스 입니다. 그런데, 이 폰트에 보면 합자(ligature)기능이 있습니다. 이 기능은 코딩하다 보면 많이 쓰이는 ==이나 !=를 합자 형태로 표시해서 가독성을 높여주는 기능입니다. 대략적으로 보면 아래와 같이 차이가 있습니다. 그리고, vscode에서는 합자 기능을 사용할 수 있습니다. 설정하는 방법은 File > Preferense > Settings (단축키: Ctrl + ,)을 선택하고 상단에 Open Settings(JSON) 버튼을 눌러 줍니다. 그리고, 아래 내용을 추가해 주면 됩니다. { "editor.fontFamily": "Jetbrains Mo.. 2020. 1. 17.
세계 국기 SVG 파일 국제화 개발 하다 보면, 간혹 필요한 국기 이미지 입니다. 벡터인 svg 파일이라서 필요에 따라서 변환해서 사용 하세요. 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.. 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 의 단축 된 표현 입니다. ​ 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" _______ __ | _ .-----.----... 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 ​ 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.. 2018. 10. 12.