GULGUL CODING

참고사이트 : https://expressjs.com/en/resources/middleware/body-parser.html 1. Parsing / Parser 👉Parsing(파싱) 이란? 간결하게 말하면 구문분석이라고 한다. 즉, 데이터를 조립해 원하는 데이터를 빼내는 작업을 하는것을 말한다. 👉Parser(파서)란? Parsing을 수행하는 프로그램을 말한다. interpreter나 compiler의 구성요소 가운데 하나로 입력 tocken에 내재된 자료구조를 빌드하고 문법을 검사한다. 2.Body-parser Node.js의 구문분석 미들웨어로써, 핸들러에게 가기 전 요청하는 본문의 데이터를 파싱한다. .📁 body-parser 가 parsing 하는 것 JSON body parser Raw b..

📁 MiddleWare 미들웨어는 중간처리자로 특정 리소스에 대한 요청을 하기 전에 동작하는 동적 페이지 이다. 정의방법: app.use("urlPattern", (req,res,next) => {... next()}) urlPattern : *(와일드카드) 를 이용해 요청의 복수를 한꺼번에 처리 ex) /a/b *, *.do,/**/login.do next() : 브라우저가 요청한 url 을 미들웨어가 요청하는 함수 미들웨어는 여러개 작성 가능하다. app.use 작성 순서대로 미들웨어가 순차적으로 처리된다. tomcat 에서 filter, spring 에서 interceptor 가 위의 역할을 한다. 사용예제1 : 특정 url에 대한 검사식 ex) 로그인이 된 유저만 해당 리소스를 요청가능, 해당 파..

📁 Express.js는 node.js의 웹앱 프레임워크 입니다. ✔. Node.Js에서 동적 페이지의 구분이 안되는 것을 express.Js가 요청메소드(get/post/put/delete)와 동일한 이름의 함수(Routing)을 제공하여 해결한다. ✔. 한 페이지에 너무 많은 동적 리소스를 작성하는 것을 router 라는 것으로 해결할 수 있다. ✔. middleware(미들웨어)를 이용해서 특정 요청의 중간처리를 할 수 있고, 편리하게 라이브러리를 적용할 수 있다.. ✔. Node.js의 모든 기능을 사용할 수 있다. const express=require('express'); //express.Js요청 const app=express(); //express.Js실행 app.use(express.s..

프라미스 체이닝과 프라미스화에 대해 다뤄보자. 1. Promise Chaining Promise.then()함수가 Promise 객체를 반환하면 다시 .then 으로 동기화 할 수 있다. 여기서 중요한건 바로 .then을 이어가기 위해선 반드시 Promise 함수를 리턴해야한다는 것이다! //📁일반적인 Promise new Promise((res,rej)=>{ console.log("먼저실행됩니다."); res(처리내역); }).then((처리내역)=>{ console.log("나중에실행됩니다."); //resolve()를 실행한 시점에 해당 함수가 실행되면서 동기화 }); //📁프라미스체이닝 new Promise((res,erj)=>{ res(처리내역1); }).then((처리내역1)=>{ return..

promise 를 다루기 전 동기화와 비동기화 에 대한 이야기를 해보고자 한다. 함수로 예를 들면 동기화란 함수가 순서대로 진행하는 것을 말하고 비동기화란 함수가 순서상관없이 동시에 진행 되는 것을 말한다. 1. 동기화는 어떻게 하는걸까? 알람! 해당 코드에서 우리는 버튼을 누르면 3초뒤에 경고창이 열리고 그 후 2초뒤에 경고창이 열릴 것이라 기대한다. 즉, 동기된 동작을 기대하지만 실제로는 버튼을 누르는 순간 동시에 실행되어 2초경고창이 먼저 켜진다. (비동기) 🤔 WHY? 실제로 setTimeout()이라는 함수는 새로운 Thread를 생성한다. 여기서 Thread는 쉽게말하면 코드를 실행시키는 일꾼인데 일꾼이 생성되면서 3초경고를 기다리지 않고 바로 2초 경고 함수를 실행시킨다. (*자세한 내용은 ..

📁 this 와 bind의 화살표 함수 this : 객체의 필드(멤버)접근자, 객체 자신을 가리키는 표현 super : 부모의 필드 접근자 bind : this 가 정의하고 있는 객체 function.bind(Object) : 해당 함수에 this로 특정 Object 를 bind 할 수 있다. this 소실 : 타입 안의 내부의 필드에서 this가 속해있는 객체가 아닌 다른 객체를 가리키는 현상. 함수에서 this 가 window인 이유는 전역이 window에서 함수를 실행 했기 때문이다. ❓ 타입에서 선언된 함수에서 this가 해당 타입의 멤버인 이유는? >> 해당하는 타입을 객체로 만들고 객체에서 그 함수를 실행하기 때문이다. ❓ 콜백함수에서 this 가 콜백함수를 실행하는 객체인 이유는? >> 해당..