# npm

261개의 포스트
post-thumbnail

S3를 이용한 정적 웹사이트 배포 스크립트

S3와 CloudFront를 이용하면 정적 페이지를 커맨드 한 번으로 배포해보자.

약 6시간 전
·
0개의 댓글
post-thumbnail

React Smooth Number Counter

스무스한 리액트만의 숫자 카운팅 컴포넌트.

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

[Concept Summary] npm, yarn

npm은 node packaged manager의 약자이다.node는 node.js를 의미하고, packaged는 package로 만들어진 것들을 의미한다.\* package는 모듈이라고도 불리는데 프로그램보다는 조금 작은 단위의 기능을 의미manager는 뜻 그대로

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

React Wep App 배포하기

완성된 프로젝트 폴더 안에서 npm ci:개발자들이 개발환경을 (pakcage에 대한) 지속적으로 통합할 수 있도록 하는 커맨드. npm run build: production 모드로 빌드, build 폴더 안에 배포에 필요한 파일들이 만들어진다. build/stati

2021년 9월 15일
·
0개의 댓글
post-thumbnail

REACT - 구조

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

2021년 9월 14일
·
0개의 댓글

Error ⛔️ npm start 에러

react 프로젝트를 실행하다가

2021년 9월 14일
·
0개의 댓글
post-thumbnail

[Node.js] Node.js & NPM 업그레이드하기!

📚 Node.js와 NPM 최신으로 업그레이드하기!

2021년 9월 13일
·
0개의 댓글

npm install 할 때 tar ENOENT: no such file or directory, lstat ~ 에러날 경우

npm install 할 때 tar ENOENT: no such file or directory, lstat ... 와 같은 에러가 나서 npm install이 안 될 경우 다음과 같은 방법을 사용하여 해결할 수 있다.npm cache를 삭제: npm cache cle

2021년 9월 12일
·
0개의 댓글

npm cli flag: `--force` and `--legacy-peer-deps`

inflearn의 drag and drop을 만들기 위해 가장 비슷한 sortablejs 라이브러리를 사용하기위해 설치하려는 중 에러가 발생했다.내가 설치한 CRA에서 자동으로 설치된 react의 버전은 17.0.2인데 라이브러리에선 16.9.0을 사용한다는 것 같다라

2021년 9월 12일
·
0개의 댓글

리액트 컴포넌트: NPM 패키지 배포하기

Babel 설치 npm i @babel/cli npm i @babel/preset-react 배포할 내용 lib에 담기 lib폴더 안에 배포할 내용을 둔다. 나의 경우엔 다른 파일의 내용을 import 해오는 것이 실제론 undefined로 인식되었는데, 아마 배포하

2021년 9월 11일
·
1개의 댓글
post-thumbnail

[npm] patch-package로 외부 패키지 커스텀하기, 코드가 없는데 에러가 나요

npm 패키지를 사용하다 보면 원본에서 바꾸고 싶은 부분이 생기기 마련이다. 이때 patch-package를 사용하면 편리하게 원본을 수정할 수 있다.

2021년 9월 11일
·
0개의 댓글

node-sass version 6.0.1 is incompatible with ^4.0.0 와 dependency tree 에러[해결법]

이번에 알아볼 이슈는 node sass version 6.0.1 is incompatible with ^4.0.0 이 에러이다. Create-react-app 을 npm start 할시 자주 볼수 있을것이다. 이것은 말그대로 현재 package.json 에 설치되있는

2021년 9월 10일
·
0개의 댓글

[의존성 관리] package.json 과 package-lock.json

문제 발생 젠킨스로 배포할 때 에러가 발생했다. (이럴 때가 제일 무섭다) 로그에 나온 것처럼 필요한 모듈이 깔리지 않아서 컴파일이 실패했다. 레퍼런스 [개발상식] npm과 yarn 패키지 잠금 파일 (package-lock.json, yarn.lock) package-lock.json은 왜 필요할까?

2021년 9월 10일
·
0개의 댓글
post-thumbnail

[Dev-immersion] 개념 스터디 1주차

Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러

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

(TIL) Webpack & Babel

매일 하루 벨로그의 좋은 글을 받아적은 TIL

2021년 9월 8일
·
0개의 댓글

TypeScript와 함께 Node.js + Express 환경 세팅(feat. npm, yarn)

Node.js + Express + Typescript 환경 세팅

2021년 9월 7일
·
0개의 댓글

(TIL) All About ME

9월 3일 학습내용에 대한 TIL정리

2021년 9월 7일
·
0개의 댓글
post-thumbnail

Web Front-end 관점에서의 Node.js

실무를 할 때 별 신경을 쓰지 않고 사용해오던 Node.js에 대해 정리를 해보려고 한다. 너무 당연하게 설치하고 사용하던 것이라 제대로 알지 못하고 사용을 해왔다. 정리를 하려고 보니 웹 개발 관련해서 Node.js에 대한 기본 지식은 필수인 것 같다.

2021년 9월 5일
·
0개의 댓글
post-thumbnail

NPM vs YARN

예상치 못하게 react 프로젝트를 해야하는 상황이 와서, 공부를 하고 있는데 항상 npm 설치로만 해와서 친구에게 npm이랑 yarn 차이가 뭐냐고 물어봤더니 yarn이 조금 더 빠른것 같다고 해서 찾아본 내용,,npm과 yarn의 차이점React를 설치했을 때, N

2021년 9월 5일
·
0개의 댓글
post-thumbnail

[React] Mac m1 | npm start 오류

리액트 프로젝트 실행 시 오류ERROR : wasm code commit Allocation failed - process out of memory분명 노드에 문제가 있어서 실행이 안되는 것 같아서 node 버전을 확인해보았습니다.그랬더니 현재 버전이 14.16.1 이

2021년 9월 3일
·
0개의 댓글