범데이의 개발노트 📄

1. NPM이란? NPM은 Node Packaged Manager의 약자이다. 이름처럼 NPM은 Node.js로 만들어진 모듈을 웹에서 받아서 설치하고 관리해주는 프로그램이다. 개발자는 CLI로 손쉽게 기존에 공개된 모듈들을 설치하고 활용할 수 있다. 프로그램보다 조금 작은 단위인 이 모듈들을 필요에 따라 적절하게 활용할 수 있도록 도와준다. (Java랑 비교를 하자면 메이븐과 비슷한 역할을 한다.) 2. NPM 설치 위에서 설명했던 것 처럼, NPM은 Node.js의 패키지 관리자이다. 따라서 NPM을 사용하기 위해서는 Node.js를 설치해야 한다. (공식 사이트에 들어가서 다운로드 할 수 있다.) 정상적으로 설치 하였다면, 다음 명령어로 설치된 NPM의 버전을 확인할 수 있다. 3. 자주 사용되는 ..

NodeSource에 의해 관리되는 PPA에서 원하는 버전의 NodeJS를 설치해 보자. 게시물 작성 일자 기준 LTS 버전은 16.15.0, Latest 버전은 18.1.0인데, 14버전으로 설치해본다. 설치 스크립트를 다운로드 한다. 설치 버전을 바꾸려면 setup_14 부분을 setup_10 으로 바꾸는 식으로 하면 된다. $curl -sL https://deb.nodesource.com/setup_14.x -o nodesource_14_setup.sh 그 다음 다운로드한 스크립트를 실행시킨다. $sudo bash nodesource_setup.sh 실행이 끝나면, 다음 명령으로 PPA가 등록된 것을 확인해볼 수 있다. $apt policy 확인한 뒤에 apt로 설치하면 된다. $sudo apt i..

0. 서론 (서론을 읽는건 생략해도 된다.) NodeJS로 개발한 소스를 GitHub에 push한 후 다른 컴퓨터에서 pull받고 의존성 패키지를 설치 한 뒤 빌드하는데, 빌드가 실패하는 상황이 나왔었다. 설치한 외부 모듈 소스 내에서 아래와 같이 dependency를 찾을수 없다는 에러가 발생했다. 하지만 해당 dependency가 node_modules 폴더 내에 있어서 의아했었으나, 원인을 찾아보니, package-lock.json파일이 버전관리대상이 아니었고, 기존 개발 환경과 해당 파일의 내용이 달라서 구성되어야 할 의존성 트리가 정상적으로 구성되지 않았던 것이었다. 순서대로 위는 빌드가 되던 원래 소스의 package-lock.json파일 내의 "bootstrap-vue-3" 모듈의 의존성 정..

1. package.json이란? package.json이란 현재 프로젝트에 관한 정보와 패키지 매니저(npm, yarn)을 통해 설치한 모듈들의 의존성을 관리하는 파일이다. 2. package.json 초기 생성 아래와 같은 명령어로 초기의 package.json파일을 생성할 수 있다. $npm init -y 뒤에 -y는 별도의 설정 없이 default 값으로 생성하는 옵션이다. 이를 통해 아래와 같이 파일이 생성이 된다. 아래는 React 프로젝트의 샘플 package.json 내용이다. 패키지 매니저(npm, yarn)를 통해 설치한 모듈들이 dependencies안에 해당 모듈의 이름과 버전 내용이 추가된다. { "name": "react-sample", "version": "0.1.0", "pr..