node

node Version Manager

node를 사용하다보면 특정 project나 library 같은 경우 node의 버젼을 타는 경우가 있습니다.
anaconda 처럼 node version별 환경관리가 되면 좋을텐데 생각만 했었는데 이미 프로젝트가 존재했었네요.

link : https://github.com/nvm-sh/nvm
nvm-window : https://github.com/coreybutler/nvm-windows

npx create-react-app version

npx를 이용해 create-react-app 설치시 global installation 설치를 더 이상 지원하지 않는다고 합니다.

> npx create-react-app react-router-tutorial

Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/

global에 설치된 create-react-app를 제거하라고 가이드를 주지만 애초에 npx로 설치를 했기 때문에 제 로컬 global에 설치된 적이 없기 때문에 해결책이 되지 못합니다.
구글링 결과 2가지 해결책을 찾았습니다. 저는 필요 없는 cache는 날려주는게 좋아서 2번째 방법으로 해결했습니다.

1. // create-react-app의 버젼을 명시해서 설치
   npx create-react-app@5.0.0 react-router-tutorial
   

2. // 기존에 사용된 npx의 cache를 날려준 후 설치
   npx clear-npx-cache
   npx create-react-app react-router-tutorial
   

package.json

npm 저장소에 publish를 하다보니 의외로 package.json에 대해 몰랐던 부분들이 있어 검색 중 좋은 사이트가 있어서 링크 남깁니다.

ink : [NodeJS] 모두 알지만 모두 모르는 package.json

NPM 패키지 버전 관리를 위한 npm-check-updates 사용하기

Node.js 개발 환경에서는 수많은 외부 패키지를 사용하게 됩니다. 이러한 패키지들은 지속적으로 업데이트되며 새로운 기능이 추가되거나 버그가 수정됩니다. 하지만 프로젝트에 사용된 모든 패키지를 수동으로 최신 상태로 유지하는 것은 매우 번거롭고 시간이 많이 소요됩니다. 이러한 문제를 해결하기 위해 npm-check-updates라는 툴을 사용할 수 있습니다. 이 블로그 글에서는 npm-check-updates의 설치 방법과 사용법에 대해 알아보겠습니다.

npm-check-updates란?

npm-check-updates는 package.json 파일에 명시된 모든 npm 패키지의 최신 버전을 확인하고, 필요한 경우 이를 최신 버전으로 업데이트하는 명령어 라인 유틸리티입니다. 이 툴을 사용하면 개별 패키지를 수동으로 확인하고 업데이트하는 번거로움 없이 전체 프로젝트의 의존성을 쉽게 최신 상태로 유지할 수 있습니다.

설치 방법

npm-check-updates는 npm을 통해 전역으로 설치할 수 있습니다. 설치를 위해 다음 명령어를 사용합니다:

npm install -g npm-check-updates

이 명령어는 시스템 전역에 npm-check-updates를 설치하여, 어떤 프로젝트에서든지 사용할 수 있게 합니다.

사용 방법

설치가 완료되었다면, 프로젝트 디렉터리로 이동하여 다음 명령어를 실행해 패키지의 최신 버전을 확인할 수 있습니다:

ncu

이 명령어는 프로젝트의 package.json 파일에 명시된 모든 패키지를 검사하고, 현재 설치된 버전과 사용 가능한 최신 버전을 비교하여 출력합니다.

만약 모든 패키지를 최신 버전으로 업그레이드하고 싶다면, 다음 명령어를 사용합니다:

ncu -u

-u 옵션은 package.json 파일을 최신 버전의 패키지로 업데이트합니다. 하지만 실제 패키지가 설치되지는 않으므로, 변경 사항을 적용하기 위해 npm install을 실행해야 합니다.

주의 사항

• npm-check-updates를 사용할 때는 프로젝트에 큰 변경이 발생할 수 있으므로, 버전 업그레이드 전에 충분한 테스트를 진행해야 합니다.
• 메이저 버전 업데이트는 기존 API와의 호환성이 없을 수 있으므로, 해당 패키지의 릴리스 노트를 확인하고 필요한 코드 수정을 진행해야 합니다.

npm-check-updates를 사용하면 프로젝트의 의존성 관리를 보다 쉽고 효율적으로 할 수 있습니다. 프로젝트를 항상 최신의 상태로 유지하고 싶다면, 이 툴을 활용해 보세요.