# npm

638개의 포스트

JS 환경설정

node.js 다운로드(런타임 진행 중을 확인하기 위한..)version 정보가 뜬다면 설치 된 것.\-g : 이 파일 내가 아닌 global 설치npm : 외부 Jquery파일에서 자동완성 제공 등 편리 기능 제공node.js가 제공하는 live console창 제공

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

node modules 패키지 수정하기

오픈소스 라이브러리의 변경 사항을 프로젝트에 바로 반영할 수 있는 방법을 적은 글입니다.

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

[Express] EJS views 디렉토리 설정

EJS 패키지를 설치하고 app.set()으로 Express에게 EJS를 사용할 것이라고 알려줬다.그런데 여기서 views 디렉토리에 문제가 있다.views의 상위 디렉토리 내에서 서버를 실행하고 요청을 하면 정상적으로 페이지가 렌더링이 된다.하지만 views의 상위

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

[npm] Nodemon

Express를 공부하면서 가장 불편했던 것이 파일을 수정하면 실행한 서버를 종료했다가 다시 실행시키고 '수동'으로 계속 반복해야했던 것이다.이것을 자동으로 서버를 재시작해주는 방법이 있는데 그것이 'Nodemon'이라는 패키지이다.\-g를 빼고 전역으로 설치하지 않아

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

[Express] 1도 모르는 Express - 쿼리 문자열

URL의 일부로 물음표 뒤에 위치하며 쿼리 문자열의 한 부분으로 key-value 쌍으로 정보를 담는 문자열이다.쿼리 문자열을 파싱하고 Express 앱에서 액세스하는 것은 매우 중요하다.req.params처럼 req.query 프로퍼티로 액세스가 가능하다.쿼리 문자열

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

[Express] 1도 모르는 Express - Routing

Express Guide - Routing요청과 요청된 경로를 가져와서 응답을 갖는 어떠한 코드에 맞추는 것을 말한다.예를 들어 경로가 /about이라면 그 경로에 맞는 응답할 콘텐츠를 출력한다.Express Docs - app.get()(https://exp

어제
·
0개의 댓글
·
post-thumbnail

[Express] 1도 모르는 Express - Express 기초와 req, res 객체

npm init 후 package.json 파일이 생성된 상태에서 npm install express 명령어를 실행해서 express를 설치한다.새로 js파일을 생성하고 express를 사용하기 위해 require로 불러온다.그 후에 express를 실행한다.liste

어제
·
0개의 댓글
·
post-thumbnail

npm install 에서 --save-dev 이란?

\--save-dev 는 로컬 인스톨 명령이다.npm install -g 글로벌 인스톨 설치 명령이고,\-g를 붙이지 않으면 로컬 설치가 된다.

3일 전
·
0개의 댓글
·

TypeScript React component Create NPM

리액트 타입스크립트 프로젝트 생성 npx create-react-app \[프로젝트 명] --template typescript컴포넌트 생성index.js 에 npm에 배포할 컴포넌트 설정tsconfig.json 에 npm 배포전 환경 설정4-1. 해당 tsconfig

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

[npm] Bcrypt를 사용하여 비밀번호 암호화하기

DB에 사용자가 입력한 정보를 아래와 같이 POST했었다.근데 저장된 DB를 보면 아래처럼 저장되어 있다.누가봐도 보안에 매우 취약해보인다.특히 password는 관리자조차도 알 수 없게 해야하는데 사용자가 입력한 그대로 입력되어있다.그래서 password를 관리자도

4일 전
·
0개의 댓글
·

[221201 TIL] Node.js관련 패키지 사용 + async/await의 실제 사용 성공!

NPM패키지 중 하나인 Multer.js는 클라이언트에서 서버로 보내오는 여러가지 파일의 형식을 다루는 패키지이다. 일단 설치를 하게 되면 아래와 같이 받은 파일을 어디에 어떤 방식으로 저장할 것인지 설정한다. 이때, Date.now()를 이름에 굳이 붙여주는 이유가

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

npm VS yarn

npm과 yarn이 무엇이고 어떤게 더 좋은지 판단의 근거가 필요하여 찾아보았다!

5일 전
·
0개의 댓글
·

Linux CentOS7 Node.js 16.x 설치

setup\_{사용하고자하는 버전}.x 에 원하는 버전을 입력한다.Node.js 설치 시, 패키지 관리자인 npm 도 함께 설치된다.

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

Mac node default 버전 바꾸기

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

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

npm ci -> yarn 버전

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

2022년 11월 24일
·
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 버전에서

2022년 11월 23일
·
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개의 댓글
·