Node.js

특정 라이브러리가 최신 node.js 버전과 호환이 되지 않거나 몇몇 버전에서 실제 테스트를 해볼 때는 node.js 버전을 변경해야합니다. 그럼 이때 어떻게 버전을 변경해야 할까요? 몇몇 방법이 있는데 이번에는 `nvm`을 사용해 보겠습니다. ❓ nvm nvm은 Node Version Manager의 약자입니다. 즉 말그대로 노드 버전 관리 매니저입니다. nvm을 통해 특정 노드 버전을 다운 받을 수 있고 이미 받은 노드 버전을로 바로 교체할 수도 있습니다. `nvm` 설치 방법은 공식문서에 자세히 나와있습니다. GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js v..

module을 처음봤을 때 와 익숙하지 않았다. 요즘은 보통 바벨과 같이 사용하여 import / export default 를 자주써서 그랬던 것 같다. 이참에 제대로 이해하고 넘어가야겠다.( es6부터 사용) 1. 모듈이 필요한 이유 자바스크립트는 웹페이지에 있어서 보조적인 기능을 수행하기 위해 한정적인 용도로 만들어진 태생적 한계로 다른 언어에 비해 부족한 부분이 있는 것이 사실이다. 그 대표적인 것이 모듈 기능이 없는 것이다. 웹 페이지에서 자바스크립트를 사용하기 위해서는 위 사진과 같이 스크립트 태크를 통해 자바스크립트 파일을 가져오면된다. 그런데 만약 필요한 자바스크립트 파일이 2개라면 어떻게 해야할까? script 태그를 하나 더 추가하고 파일을 가져오면 된다. 하지만 지금과 같이 두 파일에..

얼마전 부터 추후에 eslint config을 공유하기위해 배포하며 계속 수정하고있는데 이 과정에서 package.json에 대해 어렴풋이 알고있었던 내용들을 제대로 공부하는 시간을 가졌다. 특히 배포할 때 depndencies / devDependencies / peerDependencies를 어떻게 설정하냐에 따라 정말 큰 차이가 있기 때문에 이 부분은 확실히 정리해야 겠다고 생각해서 이렇게 글을 쓰게 되었다. 1. dependecies "dependencies": { "express": "^4.16.4", "compression": "~1.7.4" } dependencies는 소프트웨어 개발에서 프로젝트가 원활히 작동하기 위해 꼭 필요한 외부 패키지 또는 라이브러리를 말합니다. 즉 어떤 프로젝트를 ..

`package.json`에는 프로젝트에 대한 설명, 종속성 패키지, 실행 스크립트 등의 정보를 담는 매니페이스(Manifest) 파일입니다. 여기서 주의할점은 사용하는 패키지 매니저에따라 속성이 조금씩 다를 수 있기 때문에 공식 홈페이지에서 확인하시는게 좋습니다. (NPM, Yarn berry, pnpm) 아래 설명은 NPM을 기준으로 설명합니다. name 패키지를 게시하려는 경우 `package.json`에서 가장 중요한 사항은 필수인 이름 및 버전 필드입니다. 이름과 버전이 함께 완전히 고유한 것으로 간주되는 식별자를 형성합니다. 패키지 변경은 버전 변경과 함께 이루어져야 합니다. 패키지를 게시할 계획이 없는 경우 이름 및 버전 필드는 선택 사항입니다. { "name": project } 주의 사항..

이 글에서 사용되는 yarn은 yarn berry를 지칭합니다. 해당 글은 공부하면서 계속 내용이 추가됩니다. (다른 비교 글에서 주로 다루지 않은 주제 먼저 다룹니다.) 1. peer dependencies 1) 동작방식 npm/pnpm은 비슷하고 yarn은 완전 다르게 동작한다. npm yarn npm 하고 pnpm은 A라는 패키지를 설치했을 때 peerDependencies에 리스트되어있는 패키지가 설치되어있지 않으면 자동으로 peerDependencies를 설치해준다. (npm은 v7 부터 ) 하지만 yarn은 자동으로 설치해주지 않고 경고만 한다. 예시로 `react-dom`의 `peerDependencies`는 `react`이다 따라서 `react`를 설치하지 않고 `react-dom`을 설치..

이전에 왜 기업들은 Yarn Berry를 많이 사용할까? - (1) 라는 글을 썼는데 이번에는 세팅하는 법에대해서 배워봅시다. 1. yarn berry 세팅 // 1. yarn을 전역으로 다운 받습니다. $ npm install -g yarn // 2. 프로젝트 루트로 이동해서 yarn berry버전으로 세팅해주시면 됩니다. $ yarn set version berry // 3. yarn으로 패키지들을 다운로드 합니다. $ yarn install // 4. yarn typescript 플러그인 설정 (선택) // 패키지 자체 타입이 포함되어 있지 않은 경우, // 해당 패키지를 추가할 때 자동으로 @types/패키지를 종속성에 추가합니다. $ yarn plugin import typescript $ ya..

여러 기업들의 기술 블로그를 보다보면 많이 나오는 것들 중 하나가 'Yarn Berry'이다. 이번에는 Yarn Berry에 대해 알아보자 Yarn berry는 다양한 기업에서 사용하고 있다. node_modules로부터 우리를 구원해 줄 Yarn Berry - 토스 ⭐️⭐️ 추천 yarn Berry workspace를 활용한 프론트엔드 모노레포 구축기 - 배민 리멤버 웹 서비스 좌충우돌 Yarn Berry 도입기 - 리멤버 모노레포 적용부터 yarn berry까지 - 화해 ⭐️⭐️ 추천 모던 프론트엔드 프로젝트 구성 기법 -naver D2 (yarn Berry 가 무조건 좋은건 아니다. 상황에 맞는 패키지를 쓰면 된다. 실제로 회사들도 하나의 패키지로 통일하지는 않는다.) (ex 배민 스토어팀은 pnp..