웹 서버 vs 웹 브라우저

엘리·2020년 7월 6일
3

나같은 문과 출신 비전공자가 우리가 코딩을 하다 보면 세상 컴알못이 되는 경우가 흔하게 종종 있다.
어려운 개념이나 익숙하지 않은 단어, 혹은 겉핥기 식으로만 알고 있는 지식들 때문에 "이런건 몰라도 되겠지" 하고 킹글링을 하지 않은 댓가는 크다.
그래서 오늘 알아볼 것은 웹 서버(Web Server)웹 브라우저(Web Browser).

🔍 웹 서버

☝ 한 마디로Web Server는, 준다, Client에게, 웹 페이지를.

일단 웹 서버의 역할을 아주 쉽게 말할 수 있다.
1. Client(ex: 웹 브라우저) 로부터 HTTP 요청을 받음.
2. 필요한 정보(ex: 웹 페이지)를 반환해 줌.
(3. User(나)출력 장치정보 출력됨.)

☝ 아주 더 쉽게 예를 들 수도 있다.
1. 크롬 으로부터 https://youtube.com 라는 요청을 받음.
2. youtube(라는 웹 브라우저)를 반환해 줌.
(3. PC 화면영상 뜸 .)

웹 서버는 두 가지 시점에서 개념화 할 수 있는데,

  • 소프트웨어 : Client로 부터 HTTP 요청을 받고, HTML 문서 등의 정보를 반환하는 컴퓨터 프로그램
  • 하드웨어 : 위에 언급한 기능을 제공하는 컴퓨터 프로그램
    이다.

우리가 말하는 웹 개발자가 되다는 것은, 엄밀하게 말하면 "웹 서버 (컴퓨터 프로그램)개발자"가 된다는 의미이기도 하다.

💬 HTTP: Hyper Text Transfer Protocol:
(직역하면) 하이퍼 텍스트를 전송하는 통신 규약.

💬 웹 페이지: 월드 와이드 웹에 있는 개개의 문서이다.
(World Wide Web: 인터넷을 통해 정보 공유하는 전 세계적인 정보 공간)
지금 보고 있는 이 벨로그 물론 웹 페이지이다.

🔍 웹 브라우저

✅ 주요 웹 브라우저

  • 구글 크롬(Chrome)
  • 인터넷 익스플로러(Internet Explorer)
  • 사파리(Safari)

웹 브라우저의 정의를 찾아 보면 " 웹 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어이다. 웹 브라우저는 대표적인 HTTP 사용자 에이전트의 하나이기도 하다."
라고 나온다.

뭐라는건지....

그러니까 웹 브라우저는 인터넷에서 웹 사이트를 보는 컴퓨터 또는 장치의 응용 프로그램이다. 우리가 "인터넷"이라고 클릭하는 것이 사실 웹 브라우저를 실행시키는 행위를 한 것이다.

예를 들어보자.

위의 것은 구글이라 불리는 웹 사이트 응용 프로그램이 실행되고 있고,
오늘 밥 뭐 먹지 라는 검색어에 대해 검색 엔진을 통해 다양한 웹 페이지를 찾을 수 있는 프로그램이 작동했다.

💡 검색 엔진 : search engine. 월드 와이드 웹 상에 존재하는 정보웹 사이트를 검색하기 위한 프로그램.

여기서 잠깐 웹 페이지웹 사이트가 어떻게 다른지 알아보자.

🔍 웹 사이트 vs 웹 페이지

예시 1. 벨로그

예시 2. 깃허브

즉 웹 사이트는 웹 페이지들이 모여 하나의 웹 사이트를 형성한다.
웹 페이지는 텍스트, 이미지, 영상 등으로 형성된 온라인 페이지이다. 또한, 해당 페이지로 연결되는 특정 URL을 제공한다. (출처: 웹 사이트 vs. 웹 페이지 – 무엇이 다른가요?)

📚 TIL


아주 아주 기본적인 것이였지만 전혀 개념이 잡혀있지 않아서 정리하는 내내 혼돈의 카오스였다..
지금이라도 대강 정리를 해 놓아서 나중에 코딩할 때 당황하는 일이 없도록 하자..!

profile
코딩을 공부하는 중입니다😉

1개의 댓글

comment-user-thumbnail
2021년 10월 6일

잘봤어용 !

답글 달기