Daily Front_Minhhk

자 테스트 통과 해봅시다!!! 지금 껏 배워온 것들을 활용하여 가이드에 따라 작성~~~ app.js const express = require("express"); const app = express(); const cors = require("cors"); const morgan = require("morgan"); // morgan 미들웨어가 세팅되어 있습니다. // HTTP 요청 logger를 편리하게 사용할 수 있는 미들웨어 입니다. app.use(morgan("tiny")); // TODO: cors를 적용합니다. app.use(cors()); // TODO: Express 내장 미들웨어인 express.json()을 적용합니다. app.use(express.json({ strict: false..

Express 공식문서에서 req.query , req.params를 사용하는 방법을 확인! req.query **// localhost:3000/topic?id=1&name=foo app.get('/topic', function(req, res) { res.send(req.query.id + ',' + req.query.name); })** 위 코드는 id과 name 값을 동시에 가져올 수 있다. localhost:3000/topic?id=1&name=foo 에 들어간다고 가정하자. 화면에 1,foo 가 보일 것이다. **// localhost:3000/topic?id=1 app.get('/topic', function(req, res) { var topics = [ 'JavaScript is ......

1.1. Express.js에서 할 수 있는 것 모든 요청에 대해 url이나 메소드를 확인할 때 POST 요청 등에 포함된 body(payload)를 순수 node.js보다 더 간편하게 구조화하고 싶을 때 모든 요청/응답에 CORS 헤더를 붙여야 할 때 요청 헤더에 사용자 인증 정보가 담겨있는지 확인할 때 Object 형태가 아닌 String 형태도 받을 수 있게 하려면 아래와 같은 처리를 해줘야 합니다. const jsonParser = express.json({strict:false}) express.json 속성 중 strict의 디폴트 값은 true로 되어있어 Object만 허용되어 있는 상태이기 때문입니다. 1.2. res.json 과 res.send([body])의 차이 둘의 공통점은 클라이언..

Refactor Express 학습목표 Express로 간단한 서버를 구현할 수 있다. 미들웨어를 이해할 수 있다. 미들웨어를 이용할 수 있다. 미들웨어를 구현할 수 있다. 개념학습) Express 시작하기 Node.js 구글의 크롬 v8 자바스크립트 엔진을 기반으로 하는 비동기 입출력(I/O)을 지원하는 고성능 네트워크 서버 개발자가 모든 종류의 서버사이드 도구들과 애플리케이션을 자바스크립트로 만들 수 있도록 해주는 런타임 환경 프론트가 아닌 백엔드에서도 자바스크립트 기술을 쓸 수 있게 고안된 언어 npm : node package manager Express Node.js위에서 동작하는 웹 프레임워크 Node.js 개발 시 개발을 빠르고 손쉽게 할 수 있도록 도와주는 역할을 한다. 이것은, 미들웨어 ..

자세한 내용은 공식 문서 참조! HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Mini Node Server 목표 클라이언트의 액션(버튼 클릭)에 따라 각기 다른 HTTP 요청을 서버로 보내고, HTTP 요청에 담아 보낸 단어를 소문자 또는 대문자로 응답을 받아 화면에 보여 줍니다. 매번 파일을 실행하지 않고, npm start 명령어를 이용하는 방법은 없을까요? 서버를 매번 실행시키지 않아도 되는 개발도구가 있습니다. nodemon을 이용하면, 서버를 매번 실행시킬 필요가 없습니다. npm install nodemon으로 설치합니다. package.json의 ..

SOP란? SOP는 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다. **'같은 출처의 리소스만 공유가 가능하다'**라는 정책으로 출처는 프로토콜, 호스트, 포트의 조합으로 되어있다. 이 중 하나라도 다르면 동일한 출처로 보지 않는다. ex vs ⇒ 두 URI는 프로토콜이 다르기 때문에 동일 출처가 아닙니다. ( https / http ) vs ⇒ 두 URI는 호스트가 다르기 때문에 동일 출처가 아닙니다. ( urclass.codestates.com / codestates.com ) vs http 프로토콜의 기본 포트는 80입니다. 따라서 는 과 동일합니다. ⇒ 두 URI는 포트가 다르기 때문에 동일 출처가 아닙니다. ( :81 / :80 ) vs https 프로토콜의 기본 포트는..