본문 바로가기

생활코딩66

[HTTP] Response message [생활코딩] HTTP Response message 개발자도구 > Network > 파일 > Response Header HTTP/1.1 200 OK : HTTP버전, Status code(응답결과 코드), OK(응답결과를 사람이 이해하기 쉽게 표시) Content-Type : 웹서버의 응답은 text이고 html이라는 언어이기에 웹브라우저는 html로 해석 Content-Length : 응답하는 콘텐트의 사이즈 Accept-Length : 사이즈 단위 Content-Encoding : 이 콘텐트가 압축된 방식 Last-Modified : 마지막으로 수정된 날짜 2020. 8. 12.
[HTTP] Request message [생활코딩] HTTP Request message 개발자도구 > Network > 파일 > Request Header GET / HTTP/1.1 - Request Line - GET or POST : 웹브라우저와 웹서버가 통신하는 방식 - / : 웹서버한테 요청하는 정보 - HTTP1.1 : 웹브라우저가 현재 사용하고 있는 HTTP 버전 Host ~ - Request Headers - Host : 인터넷에 연결되어 있는 서버를 식별하는 이름(웹서버의 주소) - User-Agent : 웹브라우저의 다른 표현, 어떤 웹브라우저인지 보여줌 - Accept-Encoding : 응답하는 데이터양이 많으면 압축해서 전송하는데, 어떤 압축방식을 지원하는지 보여줌 2020. 8. 12.
[HTTP] HTTP란? [생활코딩] HTTP 소개 클라이언트는 서버에서 HTML을 달라고 요청 서버는 HTML을 전달(응답) 클라이언트와 서버가 콘텐츠를 주고 받으려면 서로가 알아들을 수 있은 공통의 약속 메시지가 필요 그 약속이 HTTP HTTP는 요청(Request)와 응답(Response)를 위한 메시지로 구분되어 있음 개발자도구의 네트워크 탭 - 웹브라우저와 웹서버가 어떤 통신을 하는지 모니터링 할 수 있음 - 파일을 클릭하면 웹브라우저와 웹서버가 주고받은 데이터인 HTTP 메시지를 볼 수 있음 - Request Headers는 웹브라우저가 웹서버에게 요청한 데이터 - Response Headers는 웹서버가 웹브라우저에 응답한 데이터 응답 상태코드 클라이언트가 서버에 요청하면, 서버는 요청 처리 상태코드를 반환 100.. 2020. 8. 12.
[HTTP] 웹의 구성 [생활코딩] WEB2 - HTTP HTML - 웹페이지를 만드는 언어 URL - 원하는 웹페이지에 방문할 수 있도록 도와줌 Web browser, Web server - 웹페이지를 주고 받는 소프트웨어 HTTP(Hyper Text Transfer Protocol) - 웹브라우저와 웹서버가 통신을 할 수 있도록 만든 규칙 - 웹이 성장하면서 성능, 보안, 안정성 확보가 중요해짐에 따라 HTTP는 풍부한 기능을 가진 프로토콜로 발전 - 이미지, 오디오, 동영상 같은 다양한 멀티미디어 파일을 전송하는 중요한 프로토콜이 됨 2020. 8. 12.
[Nodejs-express] Express generator [생활코딩] express generator Express를 이용해서 프로젝트를 시작할 때 초반에 해야하는 일은 거의 같음 Express generator - 기본적인 구성에 해당되고 아주 모범적인 구성을 만들어주는 기능 1. Express generator 설치 sudo npm install express-generator -g 2. 프로젝트 만들기 express 파일명 프로젝트파일이 생성되고 pachage.json에는 Express를 통해 웹프로젝트를 할 경우 필요할만한 라이브러리들이 준비되어 있음 { "name": "myapp", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "dependencies": .. 2020. 8. 11.
[Nodejs-express] 에러처리 [생활코딩] 에러처리 404 미들웨어 추가 app.use(function(req, res, next){ res.status(404).send('Sorry cant find that'); }); app.listen(3000, () => console.log('Example app listening on port 3000')); 미들웨어 중 가장 마지막에 추가 - 미들웨어는 순차적으로 실행되기에 더이상 실행될게 없을 때 404를 보내고 메세지를 전달 없는 페이지 처리 app.get('/page/:pageId', function(req, res, next){ // 세번째 인자로 next를 받음 var filteredId = path.parse(req.params.pageId).base; fs.readFile(.. 2020. 8. 9.
반응형

티스토리툴바