반응형 개발/브라우저와 네트워크24 URL:QueryString과 Params Querystring GET /airport?code={query} /airport?code=ICN 아래 코드와 브라우저 주소창에 타이핑한 결과를 살펴보자 const express = require('express'); const router = express.Router(); //[GET] /airport?code={query} 요청을 수행한다. router.get('/airport', function (req, res) { console.log("공항 코드는 " + req.query.code + " 입니다") res.send("code : " + req.query.code) }); req.query.code = {query} 와 주소창에 타이핑한 localhost:3001/airport?code=ic.. 2021. 9. 26. 웹의 동작 원리 검색하다 잘 정리된 그림을 찾았다. Google을 검색했을 때 일어나는 일 참고 : https://devjin-blog.com/what-happen-browser-search/ https://medium.com/@1087/what-happens-when-you-type-you-type-google-com-in-your-browser-and-hit-enter-fb60455b95eehttps://victorydntmd.tistory.com/288 1 . www.google.com을 주소창에 친다 2. HSTS 목록을 확인한다. 목록에 해당 url이 있다면 HTTPS로 통신한다. 3. 캐싱된 DNS 기록을 통해 www.google.com에 대응되는 IP 주소가 있는지 확인한다. 캐시는 리소스의 복사본을 저장하.. 2021. 9. 25. HTTP cache mdn 캐시를 읽고 부분정리한 내용이다. 캐싱 캐싱은 리소스의 복사본을 저장하고 있다가 요청시 제공하는 기술이다. -> 캐싱을 통해 서버거 모든 클라이언트를 서비스 할 필요가 없어지고 서버의 부하가 완화된다. -> 캐시가 원래 서버보다 가까이 있으므로 리소스 회신 시간이 짧아지고 성능이 향상된다. 주의 : 모든 리소스가 불변하지 않으므로 , 리소스가 변경된 이후에는 더이상 캐싱하지 않아야 한다. Private browser caches (사설 브라우저 캐시) 단일 사용자를 위한 것이다. 브라우저 캐시는 사용자가 HTTP를 통해 다운로드한 모든 documents를 보관한다. Private browser caches는 방문한 documents들을 뒤로가기, 앞으로가기, 저장 등을 위해 사용할 수 있게 해준다.. 2021. 9. 24. 웹서버와 앱서버의 차이 먼저 stactic pages 와 dynamic pages의 차이를 알아야 한다. Static Pages image, html, css, javascript 와 같이 컴퓨터에 저장되어 있는 파일들 웹 서버에서 요청에 알맞은 파일을 변환하며 핫앙 동일한 페이지를 반환. 웹 서버에서 제공한다. Dynamic Pages 들어온 요청에 맞게 동적으로 만들어진 컨텐츠를 의미 데이터베이스, 서버 내 로직 등을 활용해 만들어진 컨텐츠를 반환 웹 어플리케이션 서버에서 제공 웹 서버 HTTP 요청을 받아 Static contents를 제공하는 서버,프로그램이다. 정적인 컨텐츠 제공 : WAS(앱서버)를 거치지 않고, 바로 요청한 컨텐츠를 제공할 수 있다. 동적인 컨텐츠 제공을 위한 요청 전달 : 요청을 WAS 에 보내고.. 2021. 9. 9. 이전 1 ··· 3 4 5 6 다음 반응형
