webpack@4 - 들어가기전 package.json

package.json

💡 Node.js는 package.json 파일에 프로젝트의 모든 정보를 기록

• name: 프로젝트 이름
• version: 프로젝트 버전 정보
• description: 프로젝트 설명
• main: 노드 어플리케이션일 경우 진입점 경로. 프론트엔드 프로젝트일 경우 사용하지 않는다.
• scripts: 프로젝트 명령어를 등록할 수 있다.초기화시 test 명령어가 샘플로 등록되어 있다
• author: 프로그램 작성자
• license: 라이센스

프로젝트 명령어

생성한 프로젝트는 package.json에 등록한 스크립트를 이용해 실행

주요 명령어

• start: 어플리케이션 실행
• test: 테스트
• install: 패키지 설치
• uninstall: 패키지 삭제

커스텀으로 등록한 명령어는 run을 추가해서 실행

패키지 설치

CDN을 이용한 방법

CDN(컨텐츠 전송 네트워크)로 제공하는 라이브러리를 직접 가져오는 방식

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>

직접 다운

NMP을 이용한 방법

NMP 저장소에서 찾아 우리 프로젝트로 다운로드 하는 명령어

package.json에 설치한 패키지 정보 기록

npm install

유의적 버전

프로젝트에 사용하는 버전 번호를 관리하기 위한 규칙

유의적 버전은 주(Major), 부(Minor), 수(Patch) 세 가지 숫자를 조합해서 버전을 관리한다. 위에 설치한 react의 버전은 v16.12.0인데 주 버전이 16, 부 버전이 12, 수 버전이 0인 셈이다.

각 버전을 변경하는 기준은 다음과 같다

• 주 버전(Major Version): 기존 버전과 호환되지 않게 변경한 경우
• 부 버전(Minor version): 기존 버전과 호환되면서 기능이 추가된 경우
• 수 버전(Patch version): 기존 버전과 호환되면서 버그를 수정한 경우

틸트(~) 는 마이너 버전이 명시되어 있으면 패치버전만 변경한다. 예를 들어 ~1.2.3 표기는 1.2.3 부터 1.3.0 미만 까지를 포함한다. 마이너 버전이 없으면 마이너 버전을 갱신한다. ~0 표기는 0.0.0부터 1.0.0 미만 까지를 포함한다.

캐럿(^) 은 정식버전에서 마이너와 패치 버전을 변경한다. 예를 들어 ^1.2.3 표기는 1.2.3부터 2.0.0 미만 까지를 포함한다. 정식버전 미만인 0.x 버전은 패치만 갱신한다. ^0 표기는 0.0.0부터 0.1.0 미만 까지를 포함한다.

※ 출저

https://www.inflearn.com/course/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD/dashboard

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의