자 앞서 캐시를 쓰면 응답속도가 아주 빨라진다고 하였다. 응답속도가 빠른데 이게 어떻게 작동하고 검증은 어떻게하는지 알아보자. 브라우저 캐시란 한명의 유저에게 속하는 private 캐시인데 캐시컨트롤에의해서 좌지우지되는녀석이다~ 그럼 캐시는 어떻게 적용되는지 자세히 알아보자 아래그림보셈 Cache-Control: max-age=60 60초동안 유효한 캐시를 보냈다 60초동안 파일같은거 그냥 캐시로 받아오면된다. 자이제 캐시 만료되면 이 경우에는 다시 서버에 요청 해서 캐시다시 만든다음에 jpg파일같은거 받아오면됀다 자그러면 검증은 어떻게하냐! 처음에 이런식으로 헤더에다가 박아서 보내는데 Last-Modifed(마지막으로 수정 된 최종 수정일)라는 녀석을 유의깊게보자 어? 최종수정일이 같네? 그럼 수정을 ..

대략적인 작동원리는 위와같다 그렇다면 http와 ip는 무엇일까? HTTP 1.무상태성(stateless) 기본적으로 요청과 응답으로 이루어짐 요청과 응답이 독립적임 응답을 보내고나면 요청을 기억하지않음 상태를 기억하지않는다. 2.비연결성 클라이언트와 서버가 연결되어있지않음 aws같은거쓰면 쓰면쓸수록 돈이 많이나옴 http 초기 -연결,종료,낭비 연결할때마다 요청이 갈때마다 3way가 들어가는건 너무 비효율적임 http 1.1버젼부터는 지속적 연결을 하는모습을 볼 수 있음 일정시간동안 계속 데이터를 주고받을 수 있음 Keep-alive 헤더라는 통해서 할수있고 http2.0부터는 내장되어있어서 defalut 값으로 쓸수있음 http3.0부터는 udp라는 프로토콜을사용함(엄청빠름) 첫연결시도에 데이터를 전..

1.라이브러리 설치(express,,jwt 등등) 2.환경변수 설정(env파일,config파일) 3.파일서버 작성(index.js 안에 쿠키 설정,cors설정,fs로 인증서 통신규약설정) 4.웹서버 만들기(controller 폴더안에서 로그인과 토큰에해당하는 인증과정 코드 작성하기) +컴포넌트 작성 5.데이터베이스와 연결하는 models 파일 만들기 1.라이브러리 설치(express,,jwt 등등) 2.환경변수 설정(env파일,config파일) DATABASE_PASSWORD= DATABASE_USERNAME=root DATABASE_NAME=authentication ACCESS_SECRET=mini REFRESH_SECRET=mini env파일 const dotenv = require('dotenv'..

이 둘의 개념과 차이를 알아보기 이전에 Static pages, Dynamic pages에 대해 알아볼 필요가 있다. Static pages - image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들을 의미한다. - 웹 서버에서 요청에 알맞은 파일을 반환하며, 항상 동일한 페이지를 반환한다. (말 그대로 정적인 컨텐츠) - 웹 서버에서 제공한다. Dynamic pages - 들어온 요청에 맞게 동적으로 만들어진 컨텐츠를 의미한다. - 데이터베이스, 서버 내 로직 등을 활용해 만들어진 컨텐츠를 반환한다. - 웹 어플리케이션 서버에서 제공한다. Web Server 웹 서버 HTTP 요청을 받아 Static contents를 제공하는 서버, 프로그램 - HTTP 프로토콜..

다음과 같이 serve 유틸리티를 이용해 클라이언트를 실행하고, 서버의 Access-Control-Allow-Origin을 클라이언트의 origin으로 특정해 보세요. 지정한 origin외에 다른 곳에서 접근이 가능한가요? const defaultCorsHeader = { 'Access-Control-Allow-Origin': 'http://localhost:4999/', 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, Accept', 'Access-Control-Max-Age': 10 }; 'Access-Control-Allow-Origin': '*..

1.REST API 란? 웹 애플리케이션에서는 HTTP 메소드를 이용해 서버와 통신합니다. GET을 통해 웹 페이지나 데이터를 요청하고, POST로 새로운 글이나 데이터를 전송하거나 DELETE로 저장된 글이나 데이터를 삭제할 수 있습니다. 이처럼 클라이언트와 서버가 HTTP 통신을 할 때는 어떤 요청을 보내고 받느냐에 따라 메소드의 사용이 달라집니다. REST API는 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말합니다 웹에서 사용되는 데이터나 자원을 링크로 표현! 프로토콜을 통해 요청과 응답한다! 하지만 나같은 무말랭이는 이런글을 보았을때 절반밖에 이해못했다 그래서 실전으로 바로 검색해보면 흔히들 볼 수 있는 ..