# npm

623개의 포스트

npm 이해하기

npm(node package manager)은 node.js를 위한 패키지 관리자이자, node.js를 위한 오픈 소스 생태계이다.npm은 오픈 소스 node.js 프로젝트들 게시할 수 있는 온라인 저장소이다. node.js에서 사용할 수 있는 모듈들을 패키지화해서

4일 전
·
0개의 댓글
·
post-thumbnail

Mac node default 버전 바꾸기

리액트 팀 프로젝트 진행시 그리고 인프런 강의에서도 리액트 스타일 라이브러리를 styled-components로 사용을 해야해서 설치를 하려고 시도해보았습니다..VS Code 터미널에서 설치 명령어인 npm install styled-components 를 입력하니 뭔

5일 전
·
0개의 댓글
·

npm ci -> yarn 버전

https://duck-blog.vercel.app/blog/web/npm-ci-do-how-about-yarn

6일 전
·
0개의 댓글
·

[오류] npm install 시 ERESOLVE unable to resolve dependency tree 발생

Material UI를 한번도 안써봐서 한 번 맛보려고 install 하는데 갑자기 엄청난 오류메세지현재 프로젝트가 react 18.2.0 인데 버전 오류가 안나려면 16.9.0~17.0.0이어야 한다는 peer dependencies 관련 메세지npm 4~6 버전에서

7일 전
·
0개의 댓글
·

0. 기술 블로그 시작

꽤 늦었지만 누군가의 말처럼 늦었다고 생각했을 때가 가장 빠르다고 오늘부터라도 기술 블로그를 시작하기로 했다.이 블로그가 내가 아는 지식들을 다시 정리하며 훗날 되돌아 보았을 때 이정표가 되었으면 한다.

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

npm 실행오류 npm ERR!

npm start를 했더니 해당사항과 같이 오류가 뜬다! 몇가지 방법을 찾아봐도 안먹히기에 ㅠㅠ 우선 다시 재설치를 하는 방법을 택하겠다..! 아무래도 깃허브 Desktop에 연동한 폴더로 프로젝트의 경로를 변경하였더니그이후로 리액트가 실행되지 않는다 ㅠㅠ

2022년 11월 21일
·
1개의 댓글
·

Webpack

Webpack is a static module bundler for JavaScript applications that takes all the code from an application and makes it usable in any web browser. Usi

2022년 11월 20일
·
0개의 댓글
·

공부 내용, 링크 정리

npm 의존성 취약 항상 발생하는 이유https://yceffort.kr/2020/11/javascript-dependency-hell

2022년 11월 18일
·
0개의 댓글
·

npm package latest 태그 변경하기

자바스크립트 생태계에서는 npm 을 통해서 패키지(라이브러리)를 배포가 된다.배포된 패키지는 보통 아래와 같은 스펙으로 설치를 할 수 있게 된다.npm install package-name@version설치할때 패키지명 뒤쪽에 @version 으로 붙는곳에 설치할 버전

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

React : (1) npm install -g create-react-app

리액트를 설치해보자 가장 좋아하는 터미널을 실행한다 노드버전을 확인해 봄 npx로 해도 됨 내 위치는 C:\Users\Public\Documents\webstorm 인데 아무 생각없이 설치하기 좋다. 여기 경로에(.) 리액트 앱을 만들겠단 뜻 create-re

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

프론트엔드 개발자를 위한 가상 서버 json-server 사용하기

프론트엔드 개발자가 원하는 타이밍에 맞춰서 백엔드 API가 개발되지 않는다면, 프론트엔드 개발자는 백엔드 API가 개발되어서 나올 때까지 기다릴 수 밖에 없게 되어 누수가 발생한다. 또 백엔드 개발자 입장에서는 API를 만들어 놨는데, 이게 동작하는지 프론트엔드 개발자

2022년 11월 13일
·
0개의 댓글
·
post-thumbnail

[React] package.json에서의 script 명령어를 알아보자

리액트의 package.json에서 스크립트 명령어를 보면 4가지의 명령어가 나와있다. 각각 명령어의 차이점을 알아보자.

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

zsh에서 node를 찾지 못하는 경우

이번에 네이티브 스크립트를 설치할려고 npm install -g nativescript 를 했지만 node를 찾을수없다는 이야기였다.뭐지? 분명히 node를 brew로 설치를 했는데...?일단은 npm 명령어는 인식을 했으며 node가 인식이 안되었다는 걸 보아하니 설

2022년 11월 12일
·
0개의 댓글
·

dependencies와 devDependencies 차이

프로덕션 환경 및 서비스 런타임에 사용되는 일반적인 종속성을 가진 라이브러리가 위치한다.npm install 라이브러리 명령어로 설치가 가능하다.dependencies에서 관리하는 라이브러리의 예시로는 서비스 로직과 관련된 라이브러리, React, 상태 관리 라이브러리

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

Next.js 프로젝트 Jenkins pipeline 작성하기(Build, Test)

아래 구조로 CI/CD Pipeline을 설계하고 구현하는 시리즈입니다.Next.js 프로젝트를 생성한다. Build, Test에 대한 Jenkinsfile을 작성한다. Jest를 설치하고 code coverage를 측정한다.Jest 공식문서는 다음과 같이 설명하고 있

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

Vuejs - CLI

Vue CLI Vue.js 개발을 위한 표준 도구 Vue로 빠르게 프로젝트를 구성하고 프로토타이핑을 하고 싶을 때 사용하는 CLI 도구 설치하려면 먼저 Node.js를 설치하고 NPM을 이용해야한다. Node.js 자바스크립트를 브라우저가 아닌 환경에서도 구동할 수 있

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

npm install 에러시

npm install -> 404 Not Found Error 발생시해결방법 이는 npm 모듈의 리파지터리를 찾지 못하는 문제로이 경우 오픈소스 패키지를 npm 명령어로 설치하려 할 경우, 위에서 설정한 default registry에 패키지가 존재하지 않아 404 에

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

package.json

:기본적으로는 package.json은 문서다.개발자가 배포한 패키지에 대해, 다른 사람들이 관리하고 설치하기 쉽게 하기 위한 문서.npm에 패키지를 배포하고 npm registry에 올리기 위해서 반드시 필요한 문서파일이다.feat.npmdocs

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

npm으로 설치시 오류 해결 방법

원인은 sudo 권한으로 명령어를 실행해야 하는 경우dependencies 버전 문제node와 npm 버전이 맞지 않는 경우npm install --forcenpm install --save --legacy-peer-deps위의 둘중하나를 뒤에 붙이고 설치하면 됩니다.

2022년 11월 6일
·
0개의 댓글
·

각종 폴더들의 정보, node.js

node.js 설치의 이유npm 생성을 위해서 (create react app) 라이브러리 쓰고싶어서node_modules : 라이브러리 코드 보관함public : html,img파일 같은거 잠깐 보관하고싶을 때(static file 보관함)src : 코드 짜는곳 (

2022년 11월 4일
·
0개의 댓글
·