자바스크립트 생태계 npm

자바스프링 개발자가 npm의 개념과 자바 진영 대응점을 이해합니다.

같이 시작해봅시다

자바스프링을 하다가 프론트로 넘어오면 가장 먼저 드는 생각이 있습니다.
"도대체 npm이 뭐고, 왜 이렇게 설치 도구가 많지?"

이름만 낯설 뿐, 자바 진영에서 이미 익숙한 감각으로 충분히 이해할 수 있습니다.

npm은 자바스크립트 생태계의 라이브러리를 설치하고 프로젝트를 실행하는 도구입니다.
Maven Central에서 의존성을 내려받고, Maven/Gradle로 빌드를 돌리는 감각과 거의 비슷합니다.

pnpm은 npm과 같은 역할을 하는 별도 패키지 매니저입니다.
같은 package.json을 쓰고 명령어도 거의 비슷한데, 패키지 저장 방식이 달라서 설치가 빠르고 디스크를 덜 씁니다.

이 가이드에서는 pnpm 기준으로 진행합니다.

관점	Maven/Gradle (Java)	npm (JavaScript)
설정 파일	`pom.xml`, `build.gradle`	`package.json`
의존성 설치	`mvn install`, `gradle build` 과정에서 해결	`npm install`
실행 명령	`mvn test`, `gradle bootRun`	`npm run test`, `npm run dev`
확장 방식	플러그인 중심	`scripts` 중심

Maven/Gradle이 Java 프로젝트의 실행 허브라면, npm은 JavaScript 프로젝트의 실행 허브입니다.

여기까지 이해하면 첫 관문은 끝입니다.
다음 문서에서 바로 React를 설치하고 첫 화면을 실행해 보겠습니다.