npm과 yarn

공통적 특징

1. 둘다 자바스크립트 런타임 환경인 노트(Node.js)의 패키지 관리자
2. 애플의 앱스토어, 구글의 플레이스토어처럼, 전 세계의 많은 개발자들이 본인들이 만든 유용하고 다양한 패키지들 또는 프로그램을 ‘온라인 데이터베이스’에 올려놓거든요. 그걸 쉽게 설치하고 삭제할 수 있도록 도와주는 관리자에요.

차별적 특징

• NPM
  1. node.js를 설치할 때 자동으로 생성
  2. Node Package Manager의 약자
  3. NPM platform 자체
• YARN
  1. 2016년에 페이스북에서 개발한 패키지 관리자
  2. npm과의 호환성이 좋고, 속도나 안정성 측면에서 npm보다 월등히 좋음
• 요약
  1. 속도 : Yarn wins
  2. 보안 : Yarn wins(하지만 최근 npm의 보안 업데이트도 크게 향상됨)

명령어

런타임이란?

프로그래밍 언어가 구동(running)되는 환경(environment)

자바스크립트의 대표적 런타임 환경

1. 브라우저(ex : Chrome, Microsoft Edge, Firefox, Internet Explorer)
2. node환경

더 알아볼것!

wsl2 다운 하기
https://www.lesstif.com/software-architect/wsl-2-windows-subsystem-for-linux-2-89555812.html
https://www.youtube.com/watch?v=hwbbFY4Yww0

상대경로에서 절대경로로 바꾸는 법!
src파일 밑으로
jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

App.js파일 밑으로

import "App.css";

넣으면 정상적으로 출력이 되어야 한다.

하지만,
[{
"resource": "/c:/Users/rkdgh/OneDrive/바탕 화면/Sparta/React/1week/1week/src/jsconfig.json",
"owner": "typescript",
"severity": 8,
"message": "'c:/Users/rkdgh/OneDrive/바탕 화면/Sparta/React/1week/1week/src/jsconfig.json' 구성 파일에서 입력을 찾을 수 없습니다. 지정된 '포함' 경로는 '[\"src\"]'이고 '제외' 경로는 '[]'이었습니다.",
"source": "ts",
"startLineNumber": 1,
"startColumn": 1,
"endLineNumber": 1,
"endColumn": 2
}]

오류가 발생했다.

파일경로를 src가 아닌 1week으로 옮겼더니 해결이 되었다.