<div id="readability-page-1" class="page"><div><div><a rel="noopener  ugc nofollow" href="/?source=post_page-----9674eaf4c8dc--------------------------------"><div aria-hidden="false"><p><img alt="Jeong Woo Ahn" src="https://miro.medium.com/v2/resize:fill:88:88/2*5-DkBQYvxo0TLldXjX88Og.png" width="44" height="44" loading="lazy" data-testid="authorPhoto"></p></div></a></div><p id="3ec7">원문: <a href="https://www.richardhuf.com.au/using-node-version-manager-and-nvmrc-to-automatically-switch-node-versions-per-project/" rel="noopener ugc nofollow" target="_blank">https://www.richardhuf.com.au/using-node-version-manager-and-nvmrc-to-automatically-switch-node-versions-per-project/</a> (참고로, 원문 그대로 번역한 것은 아닙니다.)</p><figure></figure><p id="a1f1">우리는 프로젝트별로 사용하는 <a href="https://nodejs.org/ko" rel="noopener ugc nofollow" target="_blank">Node.js</a> 버전이 다르기 때문에 <a href="https://github.com/nvm-sh/nvm" rel="noopener ugc nofollow" target="_blank">Node 버전관리(NVM)</a> 도구를 사용하여 로컬 환경의 노드버전을 변경하면서 사용하고 있습니다. 하지만 수동으로 변경해야한다는 점 때문에 변경을 잊을 경우가 있습니다.</p><p id="2ce0">현재 버전을 조회하고 <code>nvm list</code>, 사용하고자 하는 버전을 선택하는 행위 <code>nvm use {version}</code>는 생각해보면 몇 초 걸리지 않을 수 있지만 여러 프로젝트를 오가는 상황에서는 좀 성가시기도 하고 잊어버리기도 쉽습니다.</p><p id="dc80">특히 하나의 프로젝트를 여럿이서 협업으로 작업할 경우 각자가 다른 Node버전을 사용하게 되면 여러가지 문제가 발생할 수 있습니다.</p><p id="59af">이를 대비하여, 프로젝트 디렉토리에 진입할때 자동으로 로컬에서 돌아가고 있는 Node 버전을 자동으로 세팅을 해주는 방법을 소개합니다.</p><p id="590b">mac, <a href="https://ohmyz.sh/" rel="noopener ugc nofollow" target="_blank">zsh</a> 환경을 기준으로 설명합니다.</p><h2 id="53e8">먼저 <code>.zshrc</code> 파일을 수정합니다.</h2><pre><span id="dae1">$ vi ~/.zshrc</span></pre><p id="2a75"><code>.zshrc</code> 파일 하단에 아래 내용을 복붙합니다.</p><pre><span id="d1af"># &gt;&gt;&gt; auto load nvmrc &gt;&gt;&gt;<br>autoload -U add-zsh-hook<p>load-nvmrc() {<br>  if [[ -f .nvmrc &amp;&amp; -r .nvmrc ]]; then<br>    nvm use<br>  elif [[ $(nvm version) != $(nvm version default)  ]]; then<br>    echo "Reverting to nvm default version"<br>    nvm use default<br>  fi<br>}</p><p>add-zsh-hook chpwd load-nvmrc</p><p>load-nvmrc<br># &lt;&lt;&lt; auto load nvmrc &lt;&lt;&lt;</p></span></pre><p id="03a2">설정을 반영합니다.</p><pre><span id="e643">$ source ~/.zshrc</span></pre><h2 id="9a56">이제 프로젝트에 버전을 명시적으로 설정해야합니다.</h2><p id="9492">프로젝트 루트에 <code>.nvmrc</code> 파일을 추가하고 사용할 버전을 아래와 같이 입력하고 저장합니다.</p><pre><span id="1fac">v18.13.0</span></pre><p id="38e6">아래와 같이 명령어를 입력하면, 현재 로컬 환경에서 선택된 노드 버전을 자동으로 .nvmrc 파일에 반영됩니다.</p><pre><span id="0f6c">$ node -v &gt; .nvmrc</span></pre><p id="7348">설정한 폴더로 이동해보겠습니다.</p><pre><span id="73a8">$ cd my-project<br>Reverting to nvm default version<br>Now using node v18.13.0 (npm v8.1.2)</span></pre><p id="bfe9">자동으로 <code>nvm use</code> 명령어가 <code>.nvmrc</code> 파일에 적힌 버전으로 실행되는것을 확인했습니다.</p><h2 id="b6d0"><code>.nvmrc</code> 파일 사용의 이점</h2><p id="0410">이제 이 파일을 버전 관리에 커밋하고 팀원 간에 추적하여 팀이 동일한 버전의 노드를 사용하도록 할 수 있습니다. (물론 팀원들이 직접 <code>.zshrc</code> 파일을 변경해야 합니다.)</p><h2 id="8d26">결론</h2><p id="9c0e">웹에서 <code>.nvmrc</code> 파일 구성을 설명하는 몇 가지 리소스를 찾았지만, 최종 결과를 얻으려면 약간의 구글링에 의존하고 몇 가지 링크와 스레드에서 조각을 모아야 했습니다. <a href="https://github.com/creationix/nvm/issues/995" rel="noopener ugc nofollow" target="_blank">여기</a>와 <a href="https://medium.com/@kinduff/automatic-version-switch-for-nvm-ff9e00ae67f3" rel="noopener">여기</a>에서 훌륭한 분들로부터 영감을 얻었습니다. Netlify의 문서에도 <code>.nvmrc</code>에 대한 몇 가지 정보가 있습니다. 배포 파이프라인에서 노드 버전을 설정하는 데 사용할 것을 권장합니다.</p></div></div>

Stories by Jeong Woo Ahn on Medium

Jeongwoo Ahn

원문: https://www.richardhuf.com.au/using-node-version-manager-and-nvmrc-to-automatically-switch-node-versions-per-project/ (참고로, 원문 그대로 번역한 것은 아닙니다.)
우리는 프로젝트별로 사용하는 Node.js 버전이 다르기 때문에 Node 버전관리(NVM) 도구를 사용하여 로컬 환경의 노드버전을 변경하면서 사용하고 있습니다. 하지만 수동으로 변경해야한다는 점 때문에 변경을 잊을 경우가 있습니다.
현재 버전을 조회하고 nvm list, 사용하고자 하는 버전을 선택하는 행위 nvm use {version}는 생각해보면 몇 초 걸리지 않을 수 있지만 여러 프로젝트를 오가는 상황에서는 좀 성가시기도 하고 잊어버리기도 쉽습니다.
특히 하나의 프로젝트를 여럿이서 협업으로 작업할 경우 각자가 다른 Node버전을 사용하게 되면 여러가지 문제가 발생할 수 있습니다.
이를 대비하여, 프로젝트 디렉토리에 진입할때 자동으로 로컬에서 돌아가고 있는 Node 버전을 자동으로 세팅을 해주는 방법을 소개합니다.
mac, zsh 환경을 기준으로 설명합니다.
먼저 .zshrc 파일을 수정합니다.
$ vi ~/.zshrc
.zshrc 파일 하단에 아래 내용을 복붙합니다.
# >>> auto load nvmrc >>>
autoload -U add-zsh-hook
load-nvmrc() {
  if [[ -f .nvmrc && -r .nvmrc ]]; then
    nvm use
  elif [[ $(nvm version) != $(nvm version default)  ]]; then
    echo "Reverting to nvm default version"
    nvm use default
  fi
}
add-zsh-hook chpwd load-nvmrc
load-nvmrc
# <<< auto load nvmrc <<<
설정을 반영합니다.
$ source ~/.zshrc
이제 프로젝트에 버전을 명시적으로 설정해야합니다.
프로젝트 루트에 .nvmrc 파일을 추가하고 사용할 버전을 아래와 같이 입력하고 저장합니다.
v18.13.0
아래와 같이 명령어를 입력하면, 현재 로컬 환경에서 선택된 노드 버전을 자동으로 .nvmrc 파일에 반영됩니다.
$ node -v > .nvmrc
설정한 폴더로 이동해보겠습니다.
$ cd my-project
Reverting to nvm default version
Now using node v18.13.0 (npm v8.1.2)
자동으로 nvm use 명령어가 .nvmrc 파일에 적힌 버전으로 실행되는것을 확인했습니다.
.nvmrc 파일 사용의 이점
이제 이 파일을 버전 관리에 커밋하고 팀원 간에 추적하여 팀이 동일한 버전의 노드를 사용하도록 할 수 있습니다. (물론 팀원들이 직접 .zshrc 파일을 변경해야 합니다.)
결론
웹에서 .nvmrc 파일 구성을 설명하는 몇 가지 리소스를 찾았지만, 최종 결과를 얻으려면 약간의 구글링에 의존하고 몇 가지 링크와 스레드에서 조각을 모아야 했습니다. 여기와 여기에서 훌륭한 분들로부터 영감을 얻었습니다. Netlify의 문서에도 .nvmrc에 대한 몇 가지 정보가 있습니다. 배포 파이프라인에서 노드 버전을 설정하는 데 사용할 것을 권장합니다.

Node 버전 관리(NVM) 사용시 프로젝트별로 버전이 자동으로 변경되도록 하는 방법

댓글