서론Cloudflare worker를 이용해 URL Shorter를 만들어보려는 사이드 프로젝트 계획을 시작했다.하지만 wrangler를 이용해 디버깅을 해야하는 등, 만만치 않았던 과정이였다.하지만 Nitro.js의 문서를 살펴보다 보니 새로운 방법을 찾게 되었다.본론살펴본 문서는 다음과 같다.Cloudflare는 Worker와 D1, KV Namespace와 같은 Serverless 환경을 제공하고 있다.하지만 이것을 이용해 개발하는 과정은 조금 험난하다.wrangler라는 cli 도구를 이용해야 개발 환경에서 D1과 같은 서비스에 접근하는 코드를 짤 수 있다.하지만 이제는 다르다.nitro-cloudflare-dev 패키지를 설치해 보자.Nuxt3에서는 설치 후 다음과 같이 설정한다.export d..

서론지난번에는 Callback hell을 해결하기 위해 Promise 문법을 알아보았다.하지만 Callback hell을 완벽하게 회피할 수 있는 방법은 아니다.그래서 async/await 문법이 ES7부터 나오게 되었다.ES7의 async/await에 대해 알아보자.본문import fs from 'fs'const openFile = (file: string) => new Promise((resolve, reject) => { fs.readFile(file, (err, data) => { if(err) reject(err); resolve(data); });});지난번 포스트의 openFile 함수다. 이걸 쓰기 위해openFile('location') .catch((err) => con..

서론Promise는 JavaScript의 비동기 프로그래밍을 도와주는 라이브러리다.현재는 JavaScript V8엔진에 기본 탑재되어 있다. (즉 Node.js에서도 활용할 수 있다.)IE10 이전 버전에서는 작동하지 않는데 Babel과 Promise polyfill을 통해 비슷하게 작동하도록 만들 수 있다. 본론그렇다면 어떻게 Promise가 비동기 작동을 돕는걸까?간단한 Wait 함수를 살펴보자.const wait = (time: number): Promise => new Promise((resolve, reject) => { setTimeout(() => resolve(), time);});wait(4000).then(() => console.log("done"))이 코드를 실행한다면 4초 후 P..

서론Powerlevel10k도 oh-my-zsh에 엮어 많이 사용하는 라이브러리다.간단히 설치하고 사용할 수 있고, 비주얼 적으로도 좋아 자주 사용된다.본론우선 여기를 참고해 oh-my-zsh와 폰트를 설치해준다.두번째로 여기를 참고해 설치할 수 있다.oh-my-zsh와 연계해 설치하는 코드는 다음과 같다.git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k마지막으로 ~/.zshrc의 theme 부분을 다음과 같이 설정한다.# Set name of the theme to load --- if set to "random", it will#..