<div id="readability-page-1" class="page"><div>
                            <article id="post-npm-package-tilde-caret" itemscope="" itemprop="blogPost">
    <div>
        
            <header>
                
    
        
    

            </header>
        
        
            
        
        
        <div itemprop="articleBody">
            

            

            

            <p><img src="https://user-images.githubusercontent.com/33862991/173331977-c4bf615c-239f-428b-a715-c910ebe4fdd5.jpg" alt="출처 : Unsplash - @amyhirschi https://unsplash.com/photos/9EFF087BPXk"></p>
<p>npm 패키지 버저닝을 사용하는 prefix로 틸드(Tilde, ~)와 캐럿(Caret, ^)가 있다. 각각의 차이를 알아보자.</p>
<p>먼저 버저닝은 아래와 같다. 버전 <code>2.21.2</code>는 아래의 이미지로 설명할 수 있다.</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Semantic-versioning.svg/1280px-Semantic-versioning.svg.png" width="50%" alt="Wikimedia Commons"></p><p>앞자리 버전을 major, 중간 버전을 minor, 마지막 버전이 patch인데 각각은 아래와 같은 특징을 지닌다.</p>
<ul>
<li>patch : 버그 픽스 또는 이 정도 수준의 작업 버저닝</li>
<li>minor : 새로운 기능을 추가하는 버저닝</li>
<li>major : breaking change가 요구될만한 크리티컬한 변화를 담은 버저닝</li>
</ul>
<h2 id="Tilde"><a href="#Tilde" title="Tilde (~)"></a>Tilde (~)</h2><p>reference : <a target="_blank" rel="noopener" href="https://docs.npmjs.com/cli/v6/using-npm/semver#tilde-ranges-123-12-1">https://docs.npmjs.com/cli/v6/using-npm/semver#tilde-ranges-123-12-1</a></p>
<p><mark>major, minor 버전을 제외한</mark> patch 버전까지 버저닝하는 prefix이다.</p>
<p>예를들어, <code>~1.2.3</code> 은 <code>1.2.3</code>을 포함하고, 1.3 미만의 최신 버전까지를 버저닝한다. 만약 버저닝하는 대상 패키지의 최신 패키지 버전이 <code>1.3.2</code> 이고, 마이너 버전이 <code>1.2.x</code>일때의 최신 버전이 <code>1.2.11</code>이라면,  <code>1.2.11</code>버전의 패키지로 업데이트하게 된다.</p>
<p><img src="https://user-images.githubusercontent.com/33862991/173324527-837d4192-725d-4307-8c55-26c8b842a17d.png" width="60%"></p><figure><table><tbody><tr><td><pre><span>1</span><br><span>2</span><br><span>3</span><br><span>4</span><br><span>5</span><br></pre></td><td><pre><span>~0.0.5  : &gt;= 0.0.5  &lt; 0.1.0    -&gt; 0.0.x  : 최신 버전의 patch 버저닝</span><br><span>~1.2.3  : &gt;= 1.2.3  &lt; 1.3.0    -&gt; 1.2.x  : 최신 버전의 patch 버저닝</span><br><span>~2.17.3 : &gt;= 2.17.3 &lt; 2.18.0   -&gt; 2.17.x : 최신 버전의 patch 버저닝</span><br><span>~0      : &gt;= 0.0.0  &lt; 1.0.0    -&gt; 0.x    </span><br><span>~1      : &gt;= 1.0.0  &lt; 2.0.0    -&gt; 1.x    </span><br></pre></td></tr></tbody></table></figure>

<br>

<h2 id="Caret"><a href="#Caret" title="Caret (^)"></a>Caret (^)</h2><p>reference : <a target="_blank" rel="noopener" href="https://docs.npmjs.com/cli/v6/using-npm/semver#caret-ranges-123-025-004">https://docs.npmjs.com/cli/v6/using-npm/semver#caret-ranges-123-025-004</a></p>
<p><mark>major 버전을 제외한</mark> minor/patch 버전까지 버저닝하는 prefix이다.</p>
<p><code>^1.2.3</code>으로 패키지 버저닝을 하면, <u><code>2.0.0</code> 미만의 가장 최신 버전</u>으로 버저닝한다. 대상 패키지의 최신 버전이 <code>1.3.2</code>라면, 본 패키지는 <code>1.3.2</code>로 업데이트된다.</p>
<p><img src="https://user-images.githubusercontent.com/33862991/173328142-86432387-f987-4ccf-8693-9f770418e0fa.png" width="60%"></p><figure><table><tbody><tr><td><pre><span>1</span><br><span>2</span><br><span>3</span><br><span>4</span><br></pre></td><td><pre><span>^0.1.2 : &gt;= 0.1.2 &lt; 0.2.0   -&gt; 0.1.x : 최신 버전의 patch 버저닝</span><br><span>^0.1   : &gt;= 0.1.0 &lt; 1.0.0   -&gt; 0.x.x : 최신 버전의 minor 버저닝</span><br><span>^1.2.3 : &gt;= 1.2.3 &lt; 2.0.0   -&gt; 0.x.x : 최신 버전의 minor 버저닝</span><br><span>^0     : &gt;= 0.0.0 &lt; 1.0.0   -&gt; 0.x.x : 최신 버전의 minor 버저닝</span><br></pre></td></tr></tbody></table></figure>

<p>major 버전이 0인 <code>0.x.x</code>에서는 tilde와 똑같이 동작한다.</p>
<figure><table><tbody><tr><td><pre><span>1</span><br></pre></td><td><pre><span>^0.0.1 : == 0.0.1</span><br></pre></td></tr></tbody></table></figure>

<br>
        </div>
    </div>
	<br>
	
	
    

</article>
                        </div></div>

NPM 패키지 버저닝, Tilde와 Caret

댓글