ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Node.js + Vue.js] Yarn 패키지 매니저 설치
    프로그래밍/Node.js + Vue.js 2020. 6. 3. 15:35

    ▶Node.js + Vue.js Yarn 패키지 매니저 설치


     

     

    ▶설명


    Node.js + Vue.js 프로젝트를 진행하면서 사용할 패키지 매니저는 Yarn입니다.

    그러면 Yarn은 무엇일까요?

     

    ▶Yarn이란?


    Yarn은 facebook에서 개발한 javascript 패키지 매니저입니다.

    Yarn은 NPM 보다는 사용량이 적지만, 많은 인기를 누리고 있는 패키지 매니저입니다.

    Yarn에서 소개하는 기능은 아래와 같습니다.

     

    Ultra Fast (초고속)

    Yarn은 다운로드 한 모든 패키지를 캐시하므로 다시 다운로드 할 필요가 없습니다.

    또한 작업을 병렬화하여 리소스 사용률을 극대화하므로 설치 시간이 빨라집니다.

     

    Mega Secure (뛰어난 보안)

    Yarn은 체크섬을 사용하여 코드가 실행되기 전에 설치된 패키지의 무결성을 확인합니다.

     

    Super Reliable (매우 신뢰할 수 있는)

    상세하고 간결한 잠금 파일 형식 및 설치 확정 알고리즘을 사용하여 Yarn은 한 시스템에서 작동하는 설치가 다른 시스템에서도 동일하게 작동하는지 확인할 수 있습니다.

     

    그 외에도

    Offline Mod (오프라인 모드)

    패키지를 이전에 설치한 경우 인터넷에 연결하지 않고 다시 설치할 수 있습니다.

     

    Deterministic (결정론)

    설치 순서에 관계없이 모든 시스템에 동일한 종속성이 동일한 방식으로 설치됩니다.

     

    Network Performance (네트워크 성능)

    Yarn은 네트워크 활용도를 극대화하기 위해 요청을 효율적으로 대기, 요청 폭포를 방지합니다.

     

    Same Packages (동일한 패키지)

    NPM에 패키지를 설치하고 패키지 workflow를 동일하게 유지합니다.

     

    Network Resilience (네트워크 탄력성)

    단일 요청이 실패해도 설치가 실패하지 않습니다. 실패하면 요청이 재시도됩니다.

     

    Flat Mode (플랫 모드)

    중복이 발생하지 않도록 일치하지 않는 종속성 버전을 단일 버전으로 해결합니다.

     

    위에 내용들은 Yarn의 홈페이지에서 가져온 것입니다.

    자세한 내용은 홈페이지를 참고하시기 바랍니다.

    참고 : yarnpkg.com/lang/en/

     

    Yarn

    Fast, reliable, and secure dependency management.

    classic.yarnpkg.com

     

    ▶Yarn 설치


    아래의 방법은 이전에 설치한 Visual Studio Code를 이용한 방법입니다.

    1. Visual Studio Code 좌측에 EXPLORER 영역에서 우측 클릭

    2. [Open in Terminal] 선택

    3. 하단 터미널이 표시되는 것을 확인

    4. Yarn 설치 여부 확인을 위해 아래의 명령어 실행

    Yarn 설치 여부 확인
    yarn -v

    5. Yarn이 설치되어 있지 않다면 아래를 진행

    6. NPM을 이용해 글로벌로 Yarn 설치 (설치되어 있지 않은 경우에만)

    Yarn 설치
    npm install -g yarn

    7. 설치된 Yarn 버전 확인

    Yarn 버전 확인
    yarn -v

    8. 정상적으로 버전이 표시되면 설치 완료

     

    ▶마치며


    이번 글에서는 Yarn 패키지 매니저 설치를 진행하였습니다.

    다음 글에서는 Vue.js 프론트엔드 환경 세팅을 진행하도록 하겠습니다.

    댓글

Designed by Tistory.