일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- https://velog.io/@velopert/create-typescript-react-component
- toString
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- 출처 : https://webdir.tistory.com/506
- 게시판
- object
- Today
- Total
목록Javascript/Node.js (47)
Back Ground
- Static 정적(static) 사이트 하나의 html 파일이 하나의 웹페이지를 가지는 사이트.(html 의 변화가 없음) 웹사이트의 route 구조가 파일 디렉토리 구조와 동일. 파일들이 접근 제한이 없음(public) 동적(dynamic) 사이트 하나의 html 파일이 여러개의 웹페이지를 가지는 사이트.(필요에 따라 html 의 내용이 변화됨) 웹사이트의 route 를 제작자가 직접 파일에 연결할 수 있음. router를 통해 개별 파일에 접근 제한을 할 수 있음출처 : https://m.blog.naver.com/PostView.nhn?blogId=azure0777&logNo=220469049820&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F static으..
Request (요청) 웹으로 부터 요청 받은 Request를 이용한다. 12345678910111213141516171819202122232425262728293031323334353637var http = require('http'), express = require('express'); var app = express(); app.use('test',function(req,res,next){ console.log("미들웨어 1"); var userAgent = req.header('User-Agent'); var pName = req.query.name; var age = req.query.age; var url = 'nomal'; if(age
익스프레스의 요청 객체와 응답 객체에는 메소드가 더 추가되어 있다. send([body]) 클라이언트에 응답 데이터를 보냅니다. 전달할 수 있는 데이터는 HTML 문자열, Buffer 객체, JSON 객체, JSON 배열입니다. status(code) HTTP 상태 코드를 반환합니다. 상태 코드는 end( )나 send( ) 같은 전송 메소드를 추가로 호출해야 전송할 수 있습니다. sendStatus(statusCode) HTTP 상태 코드를 반환합니다. 상태 코드는 상태 메시지와 함께 전송됩니다 redirect([status,] path) 웹 페이지 경로를 강제로 이동시킵니다. render(view [, locals][, callback] 뷰 엔진을 사용해 문서를 만든 후 전송합니다. .send()bu..
- Express 작업 영역 미들웨어 함수를 나눠서 작업 한다. express는 보통 미들웨어 부분을 처리하고 마지막으로 라우터 설정하는 역활을한다.RestFul API 방식으로의 과정을 생각하면 될 것같다. - Express 다운로드 현재 Project에서 npm을 사용 할 것이기 때문에 cmd 창1>npm init cs그러면 프로젝트 명이 무엇이고 설정에 관한걸 묻는데 그게 귀찮으면 다 Y로 1>npm init -ycs이렇게 하면된다. 그렇다면 package.json이 생성 된걸 알 수 있다. 그 후 express를 설치한다. 1>npm install express --savecs를 설치한다. (--save) 는 pakage.json에 저장한다는 뜻. Express 모듈 사용하기 Express 함수s..
클라언트로 부터 응답 보내는 방법 1var http = require('http');cs기본 적으로 http모듈을 받는다. 기존에 했던 http모듈을 활용하여 서버를 띄웠던 것과 같다. 12345678var server = http.createServer(); var host = '192.168.10.25';var port = 3000; server.listen(port, host,function(){ console.log('서버 시작');});Colored by Color Scriptercs 웹 브라우저에서 요청할 때 상황에 따른 적절한 이벤트 발생 connection 클라이언트가 접속하여 연결이 만들어질 때 발생하는 이벤트입니다. request 클라이언트가 요청할 때 발생하는 이벤트입니다. close..
http모듈을 사용 하면 server로 부터 연결이 가능하다. 1var http = require('http');cs를 사용하여 http모듈을 불른다. .createServer() http서버 생성함수 메소드 http.createServer(function(req,res) 매개변수함수( 요청(Request),응답(response) ) 예제)1234567891011var fs = require('fs');var http = require('http'); var server = http.createServer(function(req,res){ var inF = fs.createReadStream('./study/day_05/ccc.html'); inF.pipe(res);}); //server.listen(3..
스트림은 데이터, 패킷 ,비트 등의 일련 연속성을 갖는 흐름을 의미하는데-음성,영상,데이터 등의 작은 조각들을 하나의 줄기를 이루어 전송하는 데이터열이다. 보통 사용하는 이유는물리 디스크상의 파일, 장치들을 통일된 방식으로 다루기 위한 가상적인 개념인데스트림은 어디서 나왔는지 어디로 가는지 신경 쓸 필요없이 자유롭게어떤 장치 및 프로세스, 화일들과 연결 될 수 있어서 개발자들에게 편리하다.(대충 사전에서 긁어서 요약 해옴) Node에서도 Stream을 사용 할 수 있다. 1var fs = require('fs');cs이 또한 파일 모듈을 가져와서입력 / 출력 스트리밍이 가능하다. .createReadStream 출력메소드1var inF = fs.createReadStream('./study/day_05/..
open(path, flags [, mode] [, callback]) 파일을 엽니다. read(fd, buffer, offset, length, position [, callback]) 지정한 부분의 파일 내용을 읽어 들입니다. write(fd, buffer, offset, length, position [, callback]) 파일의 지정한 부분에 데이터를 씁니다. close(fd [, callback]) 파일을 닫아 줍니다. .open을 이용하여 파일처리를 한다. var fs = require('fs');로 파일모듈을 부른 후 fs.open()으로 파일객체을 열어서 사용한다. (wrtieFile처럼 바로 파일 데이터에 접근하는 방식이 아닌 파일객체를 여는것) Falge 종류 w 쓰기(write) r..