세상엔 할 것이 참 많아

어제는 라우터 분리하는 것 까지 했다. 어제 한 듯이, 라우터는 모듈러 만들어서 사용하는 것이다. 라우터에ㅔ도 app 처럼 get.post 등등 next('route') 는 라우터에 열견된 나머지 미들웨어들을 건너뛰고 싶을 때 사용한다. /:id 는 /1234 가 id로 들어온다. / / / 로 오는 애들은 prarams 객체로 온다. ? ~ 는 쿼리 req.query 로 받는다. 예로 /users/1234?qkwl;kelw 이면 id 는 1234 query 는 qkwl 이다. 받을 때 위에 예시처럼 받아야한다. id는 id로 query는 쿼리로 잘 들어오는걸 확인 ! /123?type=dsda&name=min //이런식으로 ?aa = 11 & // &로 분기를 나눠준다. id 나 쿼리는 마지막에 붙이는..

어제 한거 복습 하기 ---- 폴더 만들기 폴더로 들어가서 필요한 것들 설치하기 npm i express uuid nodemon app.js 만들기 기본적인 틀 짜기 확장에서 Prettier - 줄 자동으로 바꿔주는 설정에서 체크하면 저장하면 줄이 잘 맞춰진다. ---- 노드몬 start 아니고 app으로 프로토콜 문서보고 만들기 시험으로 ---- 그다음 라우터를 만들어야한다. routes/users.js 만들고 라우터를 만들것임 테스트 코드 작성 라우터 모듈화 ---> app.js 에서 라우터를 붙여야한다. postman에서 테스트 localhost:3000/users get post ---- const express = require("express"); const router = express.Ro..

버전 0.0.1 // 릴리즈. 알파 . 베타 전역으로 npm i express-generator -g 설치하기 express {프로젝트명} npm install 만든 폴더에서 npm start 어제 이어서 express-generate 를 한다. ------ 다시 한번 만들어본다. npm list -g 글로벌로 설치 된 것을 볼 수 있다. express {프로젝트 명} // 생성 express learn-express //프로젝트가 만들어진다. cd learn-express npm install npm start 차례되로 하면 된다. 3000 포트 확인 app.js 파일 열기 PostMan 프로그램을 깔아 줄 것이다. https://www.postman.com/downloads/ Download Post..

저번주에 한 곳부터 이어할 것이다. 코드는 카페이있던 그대로 써본다. 이제는 버튼을 만들어볼 것이다. 삭제 버튼을 누르면 에이작스를 작동 서버코드 수정 삭제가 들어오면 찍어본다. 잘 들어오면 기능 구현 xhr로 서버로 응답을 보낸다 send(); DELETE 로 받아서 URL를 쪼개주고, 2번째 키 (정보값을 가지고있는) 객체를 삭제를 시켜준다. 그리고 직렬화해서 다시 응답한다. ----- 수정하기 버튼 달기 이제 바꿀 이름을 서버로 보내기 ---- npm 알아보기 노드 패키지 매니저 60만개의 패키지 등록, 세계 최대 규모 package.json으로 패키지 관리하기 패키지가 많아지면 관리하기 힘들어진다. ★ 익스프레스(Express) 쉽게 코드를 위해서 프레임워크임 (웹 개발을 위해서 쓰는 것 == 유..

REST API와 라우팅 우리는 REST API 서버를 만들것이다. 서버에서 요청을 보낼 때는 주소를 통해 요청의 내용을 표현합니다. https://velog.io/@kjh107704/REST-%EC%84%9C%EB%B2%84-REST-API%EB%9E%80 REST 서버, REST API란? 프로젝트를 진행하면서 REST 서버를 구축하고, REST API를 만들었다고 하긴 하는데 그게 정확히 뭐인지 모른 상태로 얼렁뚱땅 지나가다가 결심이 선 김에 공부해보면서 정리해본다. velog.io 네트워크 궂의 한 형식이다. 서버의 자원을 정의하고 자원에 대한 주소를 지정하는 방법을가리킵니다. 명확히 전달하기 위해 명사로 구성됩니다. REST API는 주소 외에도 HTTP 요청 메서드라는 것을 사용합니ㅏㄷ. 여기..

http 모듈로 웹서버 만들기 우리가 만드는건 이제 웹서버를 만든다. 우리의 피시가 서버 피시 된다. 쿠키 세션 라우팅 을 중점으로 본다. --- 서버는 클라이언트가 있기에 동자갛ㅂ니다. 클라는 서버로 요청을 보내고, 서버는 응답을 한다. 요청과 응답이 이벤트라고 생각하시면 된다. http 내장 모듈을 사용한다. https://nodejs.org/dist/latest-v14.x/docs/api/http.html HTTP | Node.js v14.17.0 Documentation HTTP# Source Code: lib/http.js To use the HTTP server and client one must require('http'). The HTTP interfaces in Node.js are de..

비구조화 할당 객체와 배열로부터 속성이나 요소를 쉽게 꺼낼 수 있다. 자바스크립터 배열은 아무거나 다 들어간다. 기본형 다 들어감 이런식으로도 가능 ----- 프로미스 자바스크립터는 콜백 헬을 극복하기 위해서 프로미스 기반으로 재구성됩니다. 먼저 프로미스 객체를 생성한다. new Promise new라는 키워드로 프로미스를 생성할수있다. resolve 와 reject를 매개변수로 갖는 콜백함수를 넣어준다. then과 catch 메서드를 붙일수 있다. 프로미스 내부에서 resolve가 호출되면 then이 실행 reject가 호출되면 catch가 실행 resolve (성공)이 호출되면 then reject (실패)이 호출되면 catch 실행 즉, 성공햇을 때 then 호출 실패햇을때 catch 호출 이전 t..

서버 수업 MDN : javascript 비주얼 스튜디오 코드 다운 자바스크립트를 해야한다. 자바스크립트는 주로 웹에 사용한다. 요즘은 웹 밖에서도 사용 할 수 있게 환경이 마련 우리는 웹 밖에서 사용하는 자바스크립터를 사용해서 서버를 만들것 문법은 도큐먼터리를 찾아서 하자 노드.js를 하면서 나오는 문법들을 찾아가면서 한다 Node.js 교과서 라는 책이 정리가 잘되어있다. Node.js 프로그래밍 라는 책도 잘 되어있따. 언어는 다양하게 사용한다. 하지만, 서치를 통해서 어떤 언어든 케어가 가능하다. 개념을 잡는게 더 어렵다. 구조를 어떻게 잡는지, 우리는 웹 서버를 개발을 하는 것이다. 위에서 동그라미를 친 부분 HTTP(프로토) 서버 클라에서 요청을 보내면, 서버에서 요청을 처리해서 응답한다. 이..