본문 바로가기
반응형

전체 글52

zsh alias 적용하기 오랜만에 pnpm 을 사용하면서커맨드를 입력하는데 손가락이 자꾸 꼬여서 오타가 나서alias 를 등록했다. # .zshrc 파일 열기vi ~/.zshrc# i 를 눌러 Edit mode 진입# alis 등록alias pn="pnpm"# 저장 ZZ(shift z 두 번 이라는 뜻)# 적용source ~/.zshrc  이제는 pnpm install 이 아니라 pn i 만 치면 돼서 간편해졌다! 사실 alias 는 회사에서 더 유용하게 사용했다.백엔드 로컬 서버 스크립트를 be-admin 뭐 이런식으로 alias 등록해놓고 하면 편했던 기억이 있다. 2024. 4. 25.
Package.json engine 에 명시된 버전 강제하기 nvm use 만 사용해서 하다가설치할 때 강제할 수도 있다고 하길래 한 번 사용해봤다. package.json 에 engines 명시// package.json"engines": { "node": ">=20", "pnpm": ">=9"} .npmrc 에 engine-strict 명시// .npmrcengine-strict=true  명시한 후 잘못된 버전으로 설치하게되면 아래와 같은 오류가 발생하며 설치를 막는다. 2024. 4. 25.
Github Actions 중 브라우저 설치 이슈 분명 난 코드를 수정한게 없는데..한시간에 한 번 동작하게끔 해놓은 github Action job 이 어느 순간부터 오류를 뿜기 시작했다.  오류playwright 사용을 위한 브라우저 설치 과정 중에 발생한 오류였다.  오류 원인 깃헙 이슈 링크 [Bug]: Failed to install browsers on ubuntu 22.04 · Issue #30503 · microsoft/playwrightVersion 1.43.1 Steps to reproduce Browser installation process stopped working on CI. Tried multiple versions and repos Error happening with next command: npx playwright .. 2024. 4. 25.
Vitest 간단 사용후기 최근에 vite 를 자주 사용하다보니 vitest 라는 테스팅 프레임워크도 알게 되었다. 간단하게만 사용해봤는데 일단은 너무 좋다.. 실무에서 사용해보려면 UI, 모노레포 환경, cjs 라이브러리 사용에 대해 한 번 실증해봐야할 것 같다. 1. vite 프로젝트와 잘 맞음, 설정 간소화 jest 를 쓸 때 ts, esm 사용하면 jest.config.js 안에 줄줄 설정을 해줬어야 하는데, vitest는 vite 프로젝트의 기본 설정을 가지고 할 수 있어서 설정할게 줄어든다. vite.config.ts 에 테스트에 대한 설정을 함께 적용하면 되고, 분리도 가능하다. 아래처럼 타입을 위해 { return { plugins: [remix(), UnoCSS(), tsconfigPaths()], test: { .. 2024. 4. 22.
반응형