본문 바로가기

삽질하며 얻은 지식🔥

node_module 패키지 만들기

1.상황

제이슨서버로 로그인하는 환경을 연습해보고 싶어서 JWT를 이용해보기로 마음먹음

그럼 환경이 client ,server 이 두가지가 필요하다.

괜찮은 예제가 없어서 그냥 내가 만들기로 함👍

그래서 하나의 create react-app으로 통해 만든 파일에서 server라는 파일을 하나 새로 만들기로 했다.

 

2.과정

server라는 파일을 만들고나서 서버처럼 작동을 위해서 node_module파일이 필요했다.

**Node.js로 만들어진 모듈을 설치하고 관리해 주는 프로그램

처음에 혼자서 npm init을 했더니

이런 문구가 떴다.

뭐지 하고 npm install을 하라는건가? 끄라는건가? 하고 여러번 재시도

그러다가 안되서 구글링을 했다.

 

보니까 저기까지는 나오는게 정상

그리고나서 엔터를 치면 packagename~,version,description,entrypoint등 여러가지가 뜨는데 내가 만든 모듈들의 기본설정을 위한

정보입력?같은거라고 생각하면 된다고했다.

그래서 순차적으로 적어주고 (굳이 적지 않아도 되는 부분은 엔터로 넘기면 됨)

 

{
  "name": "test",
  "version": "1.0.0",
  "description": "test",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "jo",
  "license": "ISC"
}

이런식으로 설정이 완료된것을 볼 수 있었다.

그리고 npm install 하면 package.json파일이 생성된다.

 

현재 패키지에 express.js를 설치하기 위해서 npm install express --save를 설치한다.

 


3.express.js?

아직 정확하게 뭔지 모르겠다.

이해하기가 아직 조금 어렵지만 이리저리 찾아보니까 프레임워크이면서 설정보다는 관례같은 느낌이라고한다.

 

아까 package.json파일을 만들면서 main으로 설정된 index.js파일에다가 설정해줄 것들이 있다.

let express = require('express')

//애플리케이션 생성
let app = express()

//사용 할 포트
let port= 3001

app.get('*', function(req, res){        *:가져올 모든 URL
  res.end('Hello World');
});

** req: 요청 , res: 응답 (요청핸들러는 최소한의 두 개의 매개변수를 필요로한다)

두 번째 인자는 요청 핸들러이다. -> 서버가 특정 요청을 받을때마다 실행되는 함수

 

일단  내가 로그인기능을 만들면서 필요했던 부분 정도만 찾아서 읽어보았는데 어렵다...ㅎ 화이팅

😎

 

대충 만들었는데 리액트 로고가...한몫해서 그냥 올려야지..ㅎ

'삽질하며 얻은 지식🔥' 카테고리의 다른 글

three.js npm 설치하기  (0) 2023.05.28
배포하기  (0) 2023.01.30
JSON.parse  (0) 2023.01.19
파이어베이스 오류  (0) 2023.01.02
타이틀을 누르면 상세페이지....  (0) 2022.12.25