2024/03/10 2

[Mac] nvm으로 node 버전 변경(zshrc)

안녕하세요 :) 이번 글에서는 nvm으로 node의 버전을 변경하는 방법에 대해 알려드리겠습니다. 프론트엔드는 프로젝트마다 node와 npm의 버전이 다르고, 이에따라 자주 버전을 교체해주어야 하는 불편함이 있어 node를 따로 설치하기보단 nvm(node version manager)을 활용하여 노드의 버전을 자주 바꾸게 됩니다. nvm 명령어로 간단하게 node의 버전 변경하는 방법을 설명드리겠습니다. bashrc와 zshrc에서 설정할 수 있습니다. 저는 zshrc에서 변경하였습니다. 아래 순서대로 진행해주시면 되겠습니다. nvm 설치 # nvm 설치 brew install nvm .zshrc파일 수정 # /.zshrc 파일 열기 vi ~/.zshrc # .zshrc파일 끝에 아래 두 줄 입력 ex..

MacOS 2024.03.10

[React] react + vite + typescript + yarn 프로젝트 환경구성

프로젝트를 생성하기 전에, vite에 대해 간단히 설명드릴게요 :) vite란? 대규모 프로젝트에서 javascript 모듈이 증가될 수록 javascript 기반의 도구는 병목현상이 발생됨에 따라 개발의 생산성을 낮추고 변경 파일에 대한 피드백에 영향을 주었으나 vite에서 지원하는 ES Modules(ESM)을 통해 이러한 현상을 해결할 수 있습니다. 자세한 설명은 아래 공식 홈페이지를 참고해주세요. https://ko.vitejs.dev/guide/why.html 버전 node : 20.11.1 (버전 변경 방법 : https://withwltn.tistory.com/31) yarn : yarn berry (4.1.1) react : 18.2.0 typescript : 5.2.2 프로젝트 생성 프로..

Develop/React 2024.03.10