본문 바로가기
프로그래밍 언어 & 데이터베이스/JavaScript

코드잇 학습일기 day2. 웹환경 이해하기 - web, URL, https

by ♥︎해이나♥︎ 2023. 2. 2.
반응형

오늘 학습일기는 자바 스크립트와 관련된 내용은 아니긴 하지만... 그래도 자바스크립트 웹기초 커리큘럼에 있는 내용이기도 하고, 학습일기가 자연스럽게 이어지는 것이 좋을 듯 하여, JavaScript 카테고리에 포스팅을 하도록 하겠다.

오늘도 어김없이 코드잇 공부~ 출근길을 이용해서 빠르게 강의 5개를 들었다. 코드잇 강의는 길지 않아서 출퇴근길, 점심시간 등 여유시간이 생겼을 때에 부담없이 들을 수 있다.

 

코드잇 공부 인증


웹(WEB)은 무엇인가?

웹은 World Wide Web의 약자로, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말한다. 하이퍼 텍스트 형식으로 표현된 인터넷의 다양한 정보를 효과적으로 검색할 수 있는 시스템이며, 전 세계적으로 가장 널리 보급되어 있다. 

 

URL은 무엇인가?

URL은 Uniform Resource Lacatior의 약자로, 웹에 존재하는 특정 데이터를 나타내는 문자열이다. 우리는 웹에 존재하는 수많은 데이터 중에서 원하는 데이터를 특정하기 위해 URL을 사용한다. URL 구조는 크게 3가지로 나뉘어져 있는데 아래의 예제를 통해서 알아보도록 하자.

 

 

  • 위의 주소에서 workey.codeit.kr은 호스트(host)이다. 전 세계에는 수많은 서버가 있는데, 그 중 하나의 서버를 특정할 수 있다.
  • 호스트 ~ 물음표(?) 사이의 /ratings/index는 경로(Path)이다. 호스트로 찾은 서버 안에는 데이터가 들어있는데, 그 중에서 원하는 데이터를 특정할 수 있다.
  • 마지막으로 물음표 뒤의 year=2018&month=12&weekIndex=0는 쿼리(Query)이다. 데이터에 관한 세부적인 요구사항을 가리킨다.

 

우리가 주소창에 URL을 입력하고 엔터를 치면, 웹 브라우저가 호스트 부분을 확인하고 전 세계에 있는 서버 중에서 해당되는 서버를 찾는다. (호스트 부분을 도메인 네임이라고도 함) 서버를 찾고 나면 그 서버에 요청(Request)을 보내고, 요청을 받은 서버는 경로(Path) 이후의 데이터를 찾아서 다시 응답(Response)을 보낸다.

그러면 웹 브라우저에서 응답받은 내용을 확인하고 화면으로 출력하는데, 이것이 바로 우리가 볼 수 있는 웹 화면인 것이다.

 

HTTP는 무엇인가?

주소창에서 URL을 확인해보면 호스트 앞에 http 또는 https가 붙어있는 것을 확인할 수 있다. 이것은 HyperText Transfer Protocol의 약자로, 웹브라우저와 서버가 통신을 할 때 지켜야 하는 프로토콜의 이름이다. 

cf. 프로토콜은 통신을 하는 두 주체가 지켜야 하는 통신 규약이다.

cf. https = HyperText Transfer Protocol Secure


강의를 듣고 나서 마무리는 퀴즈와 실습으로! 코드잇 커리큘럼은 강의 사이에 퀴즈와 실습으로 아직까지 배운 내용을 복습할 수 있도록 되어 있어서 더욱 마음에 든다.

 

 

내일은 어떤 내용을 새롭게 배울 수 있을지 벌써부터 기대가 된다.

반응형

댓글