본문 바로가기

컴퓨터197

vscode에서 vue 프로젝트 생성시 ESlint와 Prettier 설정해 주기 기존에 사용하던 TSLint가 더이상 지원을 받지 못 하게 되면서, ESlint로 넘어가야 상태가 되었습니다. 여기서는 Vue 프로젝트를 생성하면서 ESlint와 Prettier를 사용하는 세팅을 간단하게 설정하려고 합니다. 사용하는 툴은 vscode입니다. vue create myproject 형태로 기본 프로젝트를 선택 합니다. > npx vue create myproject ? Please pick a preset: Manually select features ? Check the features needed for your project: (*) Babel (*) TypeScript ( ) Progressive Web App (PWA) Support ( ) Router ( ) Vuex (*) CS.. 2020. 4. 19.
윈도우 터미널 프리뷰 복사/붙여 넣기 단축키 설정하기 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.
MediaWiki에 VisualEditor 설치하기 어쩌다 미디어위키에 Visual Editor를 설치 할 일이 생겨서 설치 하면서 고생을 많이 해서 정리해 둡니다 ㅜ.ㅜ. Visual Editor Extension 설치 하기 https://www.mediawiki.org/wiki/Extension:VisualEditor 우선 이 사이트에 방문해서 아무런 생각없이 사이트에서 git으로 설치 하라는 대로 설치하고 띄워 봤더니.. 하얀 화면만 나오고 아무것도 없이 먹통이 되더군요 -_-;; 뭐가 잘 못 된지도 모르고 하얀 먹통이라서 뭐가 잘 못 된지도 모르는 채 하루를 날려 버렸습니다. 😨 결국 알아 낸것이 버전에 맞는 extension을 설치해야 하는 것이였습니다.. 아래 url에 가서 내가 설치한 mediawiki와 맞는 버전을 찾아서 받아서 설치해야 합.. 2020. 1. 11.
윈도우용 패키지 매니저 Chocolatey 사용법 Chocolatey는 윈도우용 패키지 매니저로, 설치하려는 윈도우용 소프트웨어를 일일이 웹사이트에서 찾아서 설치할 필요 없이 간단하게 커맨드 만으로 윈도우용 소프트웨어를 설치 할 수 있게 해 줍니다. Chocolatey 설치 chocolate를 설치 하려면 관리자 권한 cmd나 PowerShell을 실행해서 설치를 해 줘야 합니다. cmd 사용시 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin power.. 2020. 1. 10.
세계 국기 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.
bash에서 git 업데이트 체크 하기.. git에서 업데이트 된 내용이 있으면 받는 bash 스크립트 입니다. changed=0 git remote update && git status -uno | grep -q 'Your branch is behind' && changed=1 if [ $changed = 0 ]; then exit 0 fi git pull # 실행 할 코드 들... 주기적으로 업데이트가 있으면 pull을 받았으면 해서 찾아 봤습니다. ​ 2019. 4. 10.
Ubuntu 18.04에서 netplan을 사용한 static ip 설정 17.10부터 네트워크 인터페이스 설정이 netplan이라는 새로운 네트워크 설정이 생겼다. 기존에 인터페이스 설정(/etc/network/interfaces)보다는 간결해 보입니다. 변경 할 파일은 아래와 같습니다. sudo vi /etc/netplan/50-cloud-init.yaml 기본적으로 dhcp로 설치 했을 경우 아래와 같이 나옵니다. network: ethernets: enp4s0f2: addresses: [] dhcp4: true version: 2 그 내용을 아래와 같이 ip와 정보를 넣고 설정 해 주면 됩니다. network: ethernets: enp4s0f2: dhcp4: no addresses: [192.168.1.200/24] gateway4: 192.168.1.1 namese.. 2019. 1. 7.