Background: Cookie & Session # 들어가며 - 서론 - 웹서버: 수많은 클라이언트와 HTTP 프로토콜을 사용해 통신 > 손님 계정으로 로그인했다면 손님이 이용할 수 있는 서비스를 제공 > 관리자 계정으로 로그인했다면 데이터베이스, 회원 관리 등의 관리자 페이지를 제공해야함 - HTTP 프로토콜로 웹 서버와 통신할 때에는 웹 서버에 명령을 내리기 위해, GET/POST 와 같은 메소드와 자원의 위치를 가리키는 URL 등이 포함되어 있음 - 헤더를 통해서 웹 서버에게 요청을 보내고, 웹 서버는 헤더를 읽고 클라이언트에게 결과 값을 반환 > 헤더에는 클라이언트의 정보와 요청의 내용을 구체화하는 등의 데이터가 포함되는데, 클라이언트의 인증 정보 또한 포함될 수 있음 # 쿠키 1.쿠키 🍪 -..

Tools: Browser DevTools # 개발자 도구 - 개발자 도구: 브라우저를 열고 F12를 누르면 실행할 수 있음 # 요소 검사 - 요소 검사: 특정 요소의 개괄적인 정보를 파악하고, 이와 관련된 코드를 쉽게 찾을 수 있음 - 요소 검사 버튼을 누르고 웹 페이지의 원하는 요소에 마우스를 올리면, 대상의 정보가 출력됨 그 상태에서 클릭하면 위와 같이 관련된 HTML코드가 하이라이팅됨 # 디바이스 툴바 - 디바이스 툴바: 현재 브라우저의 화면 비율 및 User-Agent를 원하는 값으로 변경할 수 있음 - 현대에는 웹 페이지가 렌더링 되어야 할 화면 비율도 다양하기 때문에 개발자는 모든 이용자에게 좋은 웹을 제공하고자 자신이 개발한 서비스가 다른 장치에서도 잘 작동하는지 점검해봐야 함 # Elem..

Background: Web Browser # 들어가며 - 서론 - 소프트웨어: 도구로서 반복적인 작업을 자동화하여 일의 능률을 높이고, 복잡한 기능을 쉽게 사용할 수 있도록 단순하고 직관적인 인터페이스를 제공 - 소프트웨어는 발전할수록 이용자 친화적인 인터페이스를 제공하면서 사용법은 쉬워지고, 다양한 기능을 제공 > 그만큼 소프트웨어는 내부에서 처리하는 연산이 점점 많아지고 복잡해질 수밖에 없음 > ex) 웹 브라우저 # 웹 브라우저 1. 웹 브라우저 - 웹: 인터넷이라는 글로벌 네트워크 위에 구현되어 있으며, 정해진 프로토콜을 기반으로 통신함 - 웹 브라우저: 서버와 HTTP 통신을 대신해주고, 수신한 리소스를 시각화하여 개발자가 아닌 일반 사용자가 인터넷을 사용할 수 있도록 해줌 - 웹 브라우저는 ..

Background: Web # 들어가며 - 서론 - 웹(World Wide Web, W3, Web): 현대 정보 통신을 대표하는 통신 수단 중 하나 - 웹이란, 인터넷이라는 통신망을 활용하여 구현된 전 지구적 정보 공간 > 시간과 장소에 구애받지 않고 인터넷에 접속할 수만 있다면, 웹에서 정보를 구하거나 공유할 수 있음 - 웹으로 연결된 사람들 사이에 형성되는 정보의 흐름이 마치 거미줄 같다고하여 웹으로 이름을 붙임 통신 과거 현대 목적 의사 소통 (정보 교환, 감정 표현 등) 수단 찾아가기, 봉화 신호 전화, 인터넷 특징 시간과 거리의 제약이 있음 시간과 거리의 제약이 거의 없음 # 웹 1. 웹 - 웹: 인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스 - 웹 서버(Web..

Background: HTTP/HTTPS # 들어가며 1. 언어에서의 약속 - 문장의 의미는 문장을 구성하는 단어의 의미, 문법 구조, 맥락, 독자의 배경 지식 등으로 결정됨 - 단어의 의미와 문법은 사회적으로 합의되어 있음 ex) 만약 사람들이 "사과"로 바나나를 가리키기로 약속했다면 우리는 바나나를 보고 "사과"라고 부를 것임 - 언어에서의 약속이란, 문장의 의미를 결정하는 매우 중요한 요소로 컴퓨터에서도 마찬가지로 적용됨 2. 인코딩 - 컴퓨터의 모든 데이터는 0과 1로 구성됨 - 0과 1로 우리의 문자를 표현하는 것도 일종의 약속 덕분인데, 이런 약속들을 인코딩(Encoding) 표준이라고 부름 ex) 아스키(Ascii)와 유니코드(Unicode) - 아스키는 7비트 데이터에 대한 인코딩 표준으로..