개발에 막 흥미를 갖기 시작한 시점 가장 먼저 떠오르고 주변에서도 쉽게 접할 수 있는 분야는 웹 개발이었다. 그중에서도 화면을 다룬다는 점이 매력으로 느껴져 프론트엔드 개발 직무를 희망하며 공부를 시작했다. 기본적인 문법에 관해 공부하던 중, 문득 의문이 들었다. 프론트엔드 개발자는 결국 웹 개발자인데, ‘누군가가 나에게 웹이 뭐야?’ 에 대한 질문을 던졌을 때 답을 할 수 있느냐는 의문. 내 머릿속에는 이 질문에 답할만한 지식이 없었다. 공부의 순서가 잘못 되었다는 생각이 들어 웹에 대해 조사하기 시작했다.
조사를 시작하니 웹에 대한 내용은 내 상상 이상으로 방대했다. 이번 포스팅에서는 기초적인 구조에 대한 나름의 정의를 조사를 진행한 흐름대로 작성해보려한다.
웹 그거 인터넷이랑 똑같은거 아니야?
웹에 대해 처음 이미지를 떠올렸을 때 든 생각을 제목으로 적어봤다.
웹은 World Wide Web의 약어로, 인터넷이 제공하는 서비즈 중 하나이다. 즉, 웹은 인터넷과 같은 개념이 아니며 관계를 따져보자면 인터넷에 포함된 하위 항목인 것이다. 관련 내용을 찾아본 다음 내가 내린 웹에 대한 정의는 인터넷이 제공하는 수많은 정보를 사용자들이 볼 수 있도록 시각화해 주는 서비스이다. 그렇다면 웹이 어떻게 구성 되어있고 동작 하길래 우리가 편하게 누워 수많은 정보를 마주할 수 있는지 알아보자.
웹의 구성요소
웹의 수많은 정보를 사용자가 볼 수 있도록 시각화하기 위해서는 몇 가지 구성요소가 필수적으로 필요하다. 내가 생각하기에 가장 기본이 되는 구성요소로는 페이지, 브라우저, 서버 등이 존재한다. 구성요소 별로 어떤 역할을 하는지 간략하게 알아보자
- 웹 페이지
브라우저에 의해 인터넷상의 수많은 정보를 화면으로 볼 수 있게 해주는 요소이다.
우리가 책을 통해서 정보를 전달받을 때는 책의 페이지를 하나씩 넘기며 확인하게 된다. 하지만 웹상에서는 주소창에 URL을 입력하면 한 번에 원하는 페이지에 접속하여 정보를 얻을 수 있게 된다. 이러한 특징 때문에 웹 페이지라는 이름이 붙여졌다. 웹 페이지는 웹을 구성하는 요소 중 가장 기본이 되는 뼈대라 볼 수 있으며 사용자와 직접적으로 가장 많은 상호작용을 하게 되는 구성 요소이다. (이러한 웹 페이지들이 모여 웹 사이트를 구성한다. 책과 페이지의 관계를 생각하면 이해가 쉽다.)
- 웹 브라우저
URL을 통해서 원하는 웹 페이지에 직접 접근이 가능하다는 설명을 방금 했다. 하지만 웹상에는 셀 수 없을 만큼 많은 웹 페이지가 존재할 것이고, 각 페이지에 어떤 정보가 들어있는지 우리가 아는 것은 불가능하다.
이러한 웹 페이지에 손쉽게 접근하고, 편리하게 원하는 정보를 찾기 위해 나타난 것이 웹 브라우저이다. 우리가 흔히 사용하는 크롬, 익스플로러, 사파리 등이 웹 브라우저 서비스를 제공하는 앱이며, 평소 우리가 저 앱들을 어떻게 사용했는지 떠올려 본다면 이해가 쉬워진다.
- 웹 서버
평소 나의 웹 브라우저 사용 예시를 하나 들어보려 한다. 아침에 일어나 사파리를 실행하고 네이버로 이동한다. 어제 진행된 해외축구 경기의 결과를 검색한다. 같은 흐름을 용어를 조금 바꿔서 다시 살펴보자.웹 브라우저를 실행하고 웹 사이트로 이동한다. 검색 결과를 웹 페이지를 통해 확인한다.그럼, 이 흐름 속에서 웹 페이지에 출력되는 정보는 어디에 존재하는 걸까 단순히 인터넷에 저장된 것일까? 답은 웹 서버에 있다.
내가 브라우저에서 무언가를 검색하는 행위는 웹상에 정보를 요청하는 동작이라 볼 수 있다. 웹에서는 이렇게 요청이 발생했을 때, 해당 요청을 웹 서버에 전달해 준다. 서버에서는 요청에 알맞은 응답을 찾은 다음 다시 브라우저에 전달한다. 이렇듯 사용자 - 서버 간 상호작용을 통해 우리는 원하는 정보를 웹상에서 얻을 수 있게 되는 것이다.
마무리
웹은 인터넷을 통해 많은 정보를 우리에게 제공해 주는 거대한 시스템이다. 지금까지 본 내용을 토대로 생각하면 웹은 브라우저를 통해 페이지에 접근하고 그 과정에서 끊임없이 서버와 데이터를 주고받는다. 이런 기본 흐름을 이해하면 다음으로 궁금해지는 내용들이 생겨난다.
단순하게 정보를 제공하는 것을 넘어서 어떻게 동적으로 변화하는 데이터들을 제공하는지, 데이터는 어떤 식으로 전송되는지, 서버는 어떻게 사용자의 요청을 처리하는지 등
다음 포스팅에서는 이러한 웹의 전반적인 동작 방식에 대해 다뤄보고자 한다.