0608_ 서버

저번주에 한 곳부터 이어할 것이다.

 

코드는 카페이있던 그대로 써본다.

 

이제는 버튼을 만들어볼 것이다. 

 

 

 

삭제 버튼을 누르면 에이작스를 작동

 

서버코드 수정 

 

삭제가 들어오면 

 

 

 

 

찍어본다.

 

잘 들어오면

 

 기능 구현  

 

 

xhr로 서버로 응답을 보낸다 send();

 

 

DELETE 로 받아서

URL를 쪼개주고,

 

2번째 키 (정보값을 가지고있는)

객체를 삭제를 시켜준다.

그리고 직렬화해서 다시 응답한다.

 

 

-----

수정하기

 

 

버튼 달기

 

 

 

이제 바꿀 이름을 서버로 보내기

 

 

 

 

 

 

----

 

npm 알아보기

 

노드 패키지 매니저

60만개의 패키지 등록, 세계 최대 규모

 

package.json으로 패키지 관리하기

패키지가 많아지면 관리하기 힘들어진다.

 

★ 익스프레스(Express)

쉽게 코드를 위해서 프레임워크임 (웹 개발을 위해서 쓰는 것 == 유니티 같이)

 

https://www.npmjs.com/package/express

express

 

여기서 다운 가능.

 

 

express에 한번에 여러 모듈을 설치 할 수 있다.

 

package.json에 버전이 들어간다.

 

노드몬 // 개발자용

전역설지

npm install -global  //전역 설치 -g 줄이기도함 프로젝트 뿐만아니라, 윈도우에 깔아서 언제든지 사용가능

 

npm update // 전체 업데이트가 된다.

 

-------

★★익스프레스 웹 서버만들기

 

여기부터 이제 시험임 !! 

 

Express-generator 만들기 

 

오류뜨면 powershell를 cmd로 

 

https://hianna.tistory.com/349

[ VSCode ] 터미널을 powershell에서 cmd로 변경하는 2가지 방법

 

------

★미들웨어

 

요청과 응답의 중간에 위치하여 미들웨어라고 한다.

 

app.use 와 함께 사용된다.

 

req.res.next 가 하나 더 있다.

 

next 함수 인자로 는 route와 에러 핸들러 두개 이다.

 

인자를 아무것도 넣지 않으면 다음 미들웨어로

 

 

즉 세개 

 

next() -> 다음 미들웨어로

next('route') -> 다음 라우터로

next()

 

 

---

 

 

morgan 

 

해당 요청과 응답에 관한 시간, 응답시간 등등을 로그로 찍어 주는 것

 

winston 모튤

 

로그를 파일로 남길때 사용한다.

 

body-parser

요청의 본문을 해석해주는 미들웨어이다.

익스프레스 안에 내장되어있어서, 자동으로 들어가 있다.

하지만 가끔 필요할때가 있다.

 

app.use(bodyParser.raw())이런 식으로 직접 쓸 수 있다.

 

 

express-session 

세션관리용 미들웨어,

로그인 등의 이유로 세션을 구현할 떄 매우 유용

로그인은 인증 / 인가 두 개 로 나눠져있다.

 

쿠키말고 DB에 저장되는 것 세션임 (암호화된 정보)

인증에 관련된.

 

---

express 사용해서 웹서버를 구축할 것이다.

우리는 웹을 만들게 아니니깐.

 

핵심이 되는 라우터 미들웨어를 통해서 우리만의 어떤 기능을 하는 어떤 주소를 정의해서

유니티에서 해당 주소에 접근을 하자.

 

이런 내용임

-----

 

버전
0.0.1 // 릴리즈. 알파 . 베타

전역으로 
npm i express-generator -g
설치하기

express {프로젝트명}

npm install

npm start