개발툴로 유명한 JetBrains에서 코딩용 새로운 고정폭폰트를 공개 했습니다. 상업적용도와 비상업적용도 모두 사용이 가능한 아파치2.0 라이센스 입니다. 그런데, 이 폰트에 보면 합자(ligature)기능이 있습니다. 이 기능은 코딩하다 보면 많이 쓰이는 ==이나 !=를 합자 형태로 표시해서 가독성을 높여주는 기능입니다. 대략적으로 보면 아래와 같이 차이가 있습니다. 그리고, vscode에서는 합자 기능을 사용할 수 있습니다. 설정하는 방법은 File > Preferense > Settings (단축키: Ctrl + ,)을 선택하고 상단에 Open Settings(JSON) 버튼을 눌러 줍니다. 그리고, 아래 내용을 추가해 주면 됩니다. { "editor.fontFamily": "Jetbrains Mo..
어쩌다 미디어위키에 Visual Editor를 설치 할 일이 생겨서 설치 하면서 고생을 많이 해서 정리해 둡니다 ㅜ.ㅜ. Visual Editor Extension 설치 하기 https://www.mediawiki.org/wiki/Extension:VisualEditor 우선 이 사이트에 방문해서 아무런 생각없이 사이트에서 git으로 설치 하라는 대로 설치하고 띄워 봤더니.. 하얀 화면만 나오고 아무것도 없이 먹통이 되더군요 -_-;; 뭐가 잘 못 된지도 모르고 하얀 먹통이라서 뭐가 잘 못 된지도 모르는 채 하루를 날려 버렸습니다. 😨 결국 알아 낸것이 버전에 맞는 extension을 설치해야 하는 것이였습니다.. 아래 url에 가서 내가 설치한 mediawiki와 맞는 버전을 찾아서 받아서 설치해야 합..
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..
올해 초에 쓰기 시작했는데.. 연말이 돼서야 겨우 완료했습니다. 실무 개발을 해 보면서 프로젝트를 진행할 때, 최소한 이런 건 알고 하면 좋겠다 싶은 것들을 넣다 보니까 페이지가 많이 늘어나 버렸습니다. 뭔가 하나를 깊게 파는 서적인 아니지만, 전체적인 흐름 파악이나 개발의 선택 과정을 파악 할 때는 도움이 될 것이라는 생각으로 글을 썼습니다. 책 소개 타입스크립트를 활용한 웹 애플리케이션 개발 가이드 북 현재 웹 애플리케이션을 개발하기 위한 많은 개발 환경과 그 환경에 맞는 다양한 방법들이 생겨나고 있다. 그래서 우리는 어떤 방법으로 개발을 시작해야 할지 선택하기를 주저하게 된다. 이 책에서는 실무에 적합한 플랫폼과 다양한 개발 프레임워크 및 라이브러리를 소개하고, 각 상황에 맞는 플랫폼 및 프레임워크..
express를 import하면 아래와 같이 import 했을 겁니다. import * as Express from 'express'; 하지만 tsconfig.json 파일에 아래 내용을 추가 하면.. { "compilerOptions": { "allowSyntheticDefaultImports": true, "esModuleInterop": true, } } 이렇게 import가 가능해 집니다. import Express from 'express'
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..
소스를 관리 하다가.. 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 의 단축 된 표현 입니다.