본문 바로가기

전체 글40

쿠키와 세션(Cookie & Session) 웹 서버는 수많은 클라이언트 HTTP 프로토콜을 사용해서 통신한다. 클라이언트가 손님 계정으로 로그인했다면 손님이 이용할 수 있는 서비스를 제공해야 하고, 관리자 계정으로 로그인했다면 데이터베이스, 회원 관리 등의 관리자 페이지를 제공해야 한다. 즉, 서버는 클라이언트가 어떠한 권한으로 접속했는지에 따라 다른 서비스를 제공해야 할 수 있다. 그러므로 웹 서버는 수많은 클라이언트들을 구별할 필요가 있다. 클라이언트의 인증 정보를 통해 구분한다. 클라이언트가 서버에게 HTTP 프로토콜로 request를 보낸다. 여기에는 GET, POST와 같은 메소드와 자원의 위치를 가리키는 URL 등이 포함되어 있고, 헤더가 있다. 헤더에는 클라이언트의 정보와 요청의 내용을 구체화하는 등의 데이터가 포함되는데, 클라이언트.. 2023. 12. 28.
개발자 도구와 기능 개발자 도구 : 말 그대로 개발자를 위한 도구이며, 웹 브라우저를 열고 F12를 누르면 이를 확인할 수 있다. 상단에서 좌측부터 우측 순으로 옵션은 다음과 같다. 요소 검사(Inspect), 디바이스 툴바(Device ToolBar) ----------------------------------------------------------------------------------------------------------------- Elements: 페이지를 구성하는 HTML 검사 Console: JS를 실행하고 결과를 확인할 수 있다 Sources: HTML, CSS, JS 등 페이지를 구성하는 리소스를 확인하고 디버깅할 수 있다 Network: 서버와 오가는 데이터를 확인할 수 있음 Performa.. 2023. 12. 27.
웹 브라우저(Web Browser) URL : Uniform Resource Locator의 약자로서, 웹에 있는 리소스의 위치를 표현하는 문자열이다. 브라우저로 특정 웹 리소스에 접근하기 위해 이를 통해 서버에게 요청한다. foo://example.com:8042/over/there?name=ferret#nose sehemeauthority path query fragment Scheme : 웹 서버와 어떤 프로토콜로 통신할지를 나타낸다 Authority Host : 접속할 웹 서버의 주소에 대한 정보를 갖고 있다. Port : 접속할 웹 서버의 포트에 대한 정보를 갖고 있다 Userinfo Path : 접근할 웹 서버의 리소스 경로로 ' / ' 로 구분된다. Query : 웹 서버에 전달하는 파라미터이며 URL에서? 뒤에 위치한다 Fr.. 2023. 12. 26.
HTTP란? HTTP : 서버와 클라이언트의 데이터 교환을 요청(Request)과 응답(Response) 형식으로 정의한 프로토콜이다. 클라이언트가 서버에게 요청하면 서버가 응답하는 형식이다. 여기서, HTTP 서버는 HTTP 서비스 포트에 대기되어 있고, 일반적으로 TCP/80, TCP/8080 형식을 따른다. 아래는 HTTP Request 예시이다. GET /index.html HTTP/1.1// HTTP Method, Request URL, HTTP Version Host: dreamhack.io// Request Header Connection: keep-alive User-Agent: Mozilla/5.0 (Macintosh; Intel // Request Header Mac OS X 10_14_6) App.. 2023. 12. 26.