Ctrl + Shift + ESC

2-1. session 1 - intro session : cookie를 기반으로 더 안전하고 많은 데이터를 저장하는 효과를 내는 방법 로그인 애플리케이션의 경우 사용자가 로그인을 하고 로그인이 성공했다면 다음에도 로그인을 할 수 있도록 값을 심어 놓을 수 있는데, 이는 보안에 이슈가 있다. 사용자의 컴퓨터와 서버가 서로 통신하는 과정에서 id나 비밀번호와 같은 중요한 정보가 왔다갔다 하는 것은 해킹의 위험이 있기 때문이다. 심지어 컴퓨터에 저장되어 있기 때문에 자리를 비운 동안 쿠키를 탈취해 갈 수 있다. 이러한 문제점을 보완하기 위해 서버 쪽에서 데이터를 저장할 수 있도록 세션을 사용한다. 사용자가 서버에 접속하면 서버는 데이터를 저장하는데, 쿠키 방식과는 다르게 오직 사용자의 식별자와 id값만을 저..

1-1. cookie 1 : intro cookie : 방문한 웹사이트에서 생성된 파일 인터넷 사용정보를 저장하기 때문에 쿠키를 사용하면 사이트에서 로그인 상태를 유지하고 사이트 환경설정을 기억하며 지역 관련 콘텐츠를 제공할 수 있다. cookie는 사용자마다 다른 상태를 유지할 수 있다. 검사 → resources → cookie를 삭제하면 count가 0으로 초기화되는 것을 확인할 수 있다. cookie의 response headers에서 set-cookie를 통해 cookie의 값을 알 수 있다. node.js를 이용해서 set-cookie의 count에 +1을 하라고 명령하면 웹 브라우저는 명령을 따라 값을 바꾸고 다음 접속에는 값이 바뀌게 되는 것이다. 1-2. cookie 2 - counter..

HTTP : HyperText Transfer Protocol, 웹 브라우저와 웹 서버 사이에 서로 주고받는 규칙을 정의하는 통신 방법 웹 브라우저가 웹 서버에 정보를 요청(request)하면 그 요청에 따라 적당한 정보를 응답(response) 한다. 우클릭 → 검사 → Network를 선택하면 인터넷에서 동작을 실행하면 다운받는 파일들을 확인할 수 있다. html, css, js 등 다양한 파일이 있다. Request header 부분은 웹 브라우저가 웹 서버로 보낸 요청서이다. 해당 부분에서 파일의 형태, 기기 종류 등을 확인할 수 있다. 웹 브라우저와 웹 서버는 HTTP를 통해 통신하는데, request header과 response header을 통해 웹 애플리케이션이 잘 작동될 수 있게 한다...