Portfolio

모듈을 다운로드할 수 있는 playstore라고 생각하세요!

project(app.js, module 폴더, package.json)는 보통 아래와 같이 구성됩니다.

실행파일(보통 app.js)

module 폴더 (npm install 라이브러리_이름, 일반적으로 github에 올릴 때에는 삭제하고 올림, npm i로 package.json으로 설치할 수 있습니다.)

package.json (npm init으로 생성, 라이브러리 설치될 때마다 update, package version 명시)

yarn도 많이 사용하는데 npm에 문제를 해결하기 위해 facebook에서 만든거에요. 간혹 npm에서 에러가 나면 yarn 사용합니다.

우리도 패키지를 만들어 배포할 수 있습니다. 강의 내용에 포함되어 있지 않으나, 좋은 글이 있어 하단에 소개해드립니다.

Version에 대한 정말 좋은 글!! (이거 보고 저희 FE 채용을 하게 되면 가장 먼저 제안을 드려야겠다 생각했어요.)

npm: 소개, 설치, 명령어, 배포

1. npm이란? React, Vue, Angular 등 자바스크립트 프레임워크를 사용해 본 사람이라면 이란 단어를 많이 접해봤을 것이다. 하지만 npm이 무엇이고, 어떻게 사용되는지 아는 사람은 많이 없다고 생각한다. npm은 Node Package Manager의 줄임말로 Node.js 기반 패키지(모듈)(*moudule: 애플리케이션을 이루는 기본 조각, 쉽게 말해 어떤 물건을 만들기 위해 쓰는 부품)들을 모아둔 저장소이다. Node.js...

https://www.howdy-mj.me/node/about-npm/

npm version에 대한 공식 사이트에서 version 관련 사항을 설명해드리겠습니다.

About semantic versioning | npm Docs

To keep the JavaScript ecosystem healthy, reliable, and secure, every time you make significant updates to an npm package you own, we recommend publishing a new version of the package with an updated version number in the package.json file that follows the semantic versioning spec.

https://docs.npmjs.com/about-semantic-versioning

사용할 수 있는 semver 정리해놓은 사이트에요.

npm semantic version calculator

New to semantic versioning? Learn the basics. use the caret (aka hat) symbol, ^ caret behavior is different for 0.x versions, for which it will only match patch versions. include everything greater than a particular version in the same minor range specify a range of stable versions use the pre-release tag pre-release versions are specified as exact versions.

https://semver.npmjs.com/

패키지 배포 및 삭제에 좋은 글이 있어 소개해드립니다.

패키지 배포하기 (npm publish)

대부분의 자바스크립트 개발자들은 자신의 프로젝트에 주로 다른 패키지를 설치 후 사용하기 위해서 npm(Node Package Manager)을 사용합니다. 이것이 가능한 이유는 고맙게도 다른 개발자들이 어딘가에서 우리가 사용하는 패키지를 열심히 npm에 배포해주고 있기 때문입니다. 오늘은 한번 이러한 개발자의 입장이 되어 자신이 직접 개발한 자바스크립트 패키지를 npm에 배포하는 방법에 대해서 공부해보겠습니다.

https://www.daleseo.com/js-npm-publish/

우리가 package를 설치하면 아래와 같이 package.json이 자동적으로 설치되게 되는데요. 이는 추후 정확한 package를 설치해서 소스코드에 오류가 없게 함입니다.


{
  "name": "015_express_validator",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "express-validator": "^6.13.0"
  },
  "devDependencies": {
    "nodemon": "^2.0.14"
  }
}

여기서 나오는 version에 대해 알아보도록 하겠습니다.


1.2.3
// major.minor.patch
// 메이저가 업데이트 되면 기존 버전과 호완이 안될 확율이 매우 높습니다! 업데이트 주의해주세요.
// ^(캐럿) : minor 버전까지 설치 또는 업데이트
// ~(틸드) : patch 버전까지 설치 또는 업데이트
// <, <=, >, >=, =