일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 출처 : https://webdir.tistory.com/506
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- toString
- 게시판
- 출처 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- https://velog.io/@velopert/create-typescript-react-component
- object
- Today
- Total
목록Javascript/Node.js (47)
Back Ground
Rest Api와 라우팅 REST API는 REpresentational State Transfer의 약어이다.네트워크 구조의 한 형식이다.서버의 자원을 정의하고, 자원에 대한 주소를 지정하는 방법을 가르킨다. 주소는 의미를 명확히 전달하기 위해 명사로 구성된다./user이면 사용자 정보에 관련된 자원을 요청하는 것이고, /post라면 게시글에 관련된 자원을 요청하는 것이라고 추측할 수 있다. REST API는 주소 외에도 HTTP요청 메서드라는 것을 사용한다.폼 데이터를 전송할 때 GET 또는 POST 메서드를 지정해보았나?여기서 GET과 POST가 바로 요청 메서드이다. 거기에 PUT,PATCH, DELETE까지 총 다섯 개가 메서드로 많이 사용된다 . GET : 서버 자원을 가져오고자 할 때 사용한..
쿠키와 세션 쿠키는 요청과 응답의 헤더(header)에 저장된다.요청과 응답은 각각 헤더와 본문(body)을 가진다. ES6123456789101112131415161718192021222324const http = require('http'); const parseCookies = ( cookie = '' ) => { console.log("cookie : ",cookie); return cookie .split(';') .map( v => v.split('=') ) .map( ([k, ...vs]) => [k, vs.join('=')] ) .reduce( (acc, [k,v]) => { acc[k.trim()] = decodeURIComponent(v); return acc; }, {});} http..
요청과 응답 이해하기 클라이언트로부터 요청이 왔을 때 어떤 작업을 수행할지 이벤트 리스너를 미리 등록해두어야 한다. 이벤트 리스너를 가진 노드 서버를 만들어 보자. createServer.js12345const http = require('http');http.createServer((req,res)=> { //여기에 어떻게 응답할지 적어준다. });cs http서버가 있어야 웹 브라우저의 요청을 처리 할 수 있으므로 http모듈을 사용했다. http모듈에는 createServer메서드가 있다.인자로 요청에 대한 콜백 함수를 넣을 수 있다.요청이 들어올 때마다 매번 콜백 함수 실행된다. 따라서 이 콜백 함수에 응답을 적어주면 된다. createServer의 콜백 부분을 보면 req와 res 매개변수가 있..
REPL 사용하기REPL은 CLI(쉘 혹은 콘솔이라고도 부른다.) 위에서 사용하게 된다. 자바스크립트는 스크립트 언어이므로 미리 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있다. 노드에서의 제공 콘솔(REPL)입력한 코드를 읽고(Read),해석하고(Eval),결과물을 반환하고(Print),종료할 때까지 반복한다(Loop).REPL(Read Eval Print Loop)이라고 부른다. 노드의 REPL을 직접 사용해보기CMD에서 node에 들어간다. node> 이렇게 되었다면 정상적으로 node를 시행할 수 있다. 간단한 문자열을 출력해보자면> const str = 'Hello world, hello node'; undefined> console.log(str);Hello world, hello nod..
콜백 지옥(Callback hell) 콜백 지옥은 비동기 처리 로직을 위해 콜백 함수를 연속해서 사용할 때 발생하는 문제이다. 123456789$.get('url', function (response) { parseValue(response, function (id) { auth(id, function (result) { display(result, function (text) { console.log(text); }); }); });});Colored by Color Scriptercs 웹 서비스를 개발하다 보면 서버에서 데이터를 받아와 화면에 표시하기까지 인코딩, 사용자 인증 등을 처리해야 하는 경우가 있다.만약 이 모든 과정을 비동기로 처리해야 한다고 하면 위와 같이 콜백 안에 콜백을 계속 무는 형..
객체 리터럴 객체 리터럴에는 편리한 기능들이 추가되었다.- ES51234567891011121314var sayNode = function(){ console.log('Node');}var es = 'ES';var oldObject = { sayJS : function(){ console.log('JS'); }, sayNode : sayNode,};oldObject[es + 6] = 'Fantastic';oldObject.sayNode(); // NodeoldObject.sayJS(); //JSconsole.log(oldObject.ES6); //FantasticcsoldObject 객체에 동적으로 속성을 추가하고 있다. 앞의 코드를 다음과 같이 다시 쓸 수 있다. - ES61234567891011121..
RestFul 이란 REST는 Representational State Transfer라는 용어의 약자로서 웹의 장점을 최대한 활용할 수 있는 아키텍처최근의 서버 프로그램은 다양한 브라우저와 안드로이폰, 아이폰과 같은 모바일 디바이스에서도 통신을 할 수 있어야 한다.REST 아키텍처는 Hypermedia API의 기본을 충실히 지키면서 범용성을 보장한다. 예제 )1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162var http = require('http') , express = require('express') , static = require('s..
Router Express 4 에서는 Router 미들웨어가 포함되어 있다.Router 객체를 참조한 후 route() 메소드를 이용해 라우팅하는 방법인데. 12var router = express.Router();router.route('/process/login').post(function(req, res) {cs get(callback) GET 방식으로 특정 패스 요청이 발생했을 때 사용할 콜백 함수를 지정합니다. post(callback) POST 방식으로 특정 패스 요청이 발생했을 때 사용할 콜백 함수를 지정합니다. put(callback) PUT 방식으로 특정 패스 요청이 발생했을 때 사용할 콜백 함수를 지정합니다. delete(callback) DELETE 방식으로 특정 패스 요청이 발생했을..