[웹 기초] 1. 브라우저와 서버

2026. 3. 29. 11:12·Web/Web Basics

브라우저와 서버는 무엇인가

웹에서 가장 먼저 구분해야 할 두 가지가 있다.
바로 브라우저와 서버이다.

이 둘의 역할을 정확히 나눠서 이해하면, 웹의 나머지 개념들이 훨씬 쉽게 연결된다.

 

브라우저는 “요청을 보내는 쪽”이다

브라우저는 사용자가 웹에 접속하기 위해 사용하는 프로그램이다.
크롬, 사파리, 엣지 같은 것들이 전부 브라우저이다.

브라우저가 하는 일은 단순히 화면을 “보여주는 것”에서 끝나지 않는다.
사용자가 어떤 행동을 하면 브라우저는 그 행동을 서버에게 전달한다.

예를 들어 이런 행동들이 전부 서버로 요청을 보내는 트리거가 된다.

  • 주소창에 URL을 입력한다
  • 링크를 클릭한다
  • 검색 버튼을 누른다
  • 로그인 폼을 제출한다

즉, 브라우저는 사용자와 서버 사이에서
“요청을 만들고 보내는 역할”을 맡는다.

 

서버는 “요청을 처리하고 응답하는 쪽”이다

 

서버는 브라우저가 보낸 요청을 받아서 처리하는 프로그램(또는 컴퓨터)이다.

서버가 하는 일은 크게 두 단계로 생각하면 된다.

  1. 요청을 분석한다 (무엇을 원하는지 파악한다)
  2. 그에 맞는 결과를 만들어서 돌려준다 (응답을 만든다)

예를 들어 사용자가 naver.com에 접속한다고 하면, 서버는 이런 일을 한다.

  • “메인 화면을 달라”는 요청을 받는다
  • 메인 화면을 구성하는 데이터를 준비한다
  • 그 결과(HTML, 이미지, CSS 등)를 브라우저로 보낸다

브라우저는 서버가 보낸 결과를 받아서 화면에 그려준다.

 

 

한 번에 흐름으로 보면 이렇게 된다

웹 페이지가 뜨는 과정을 “요청-응답 흐름”으로만 단순화하면 다음과 같다.

  1. 브라우저가 서버로 요청을 보낸다
  2. 서버가 요청을 받아 처리한다
  3. 서버가 결과를 응답으로 보낸다
  4. 브라우저가 응답을 해석해 화면에 출력한다

여기서 중요한 점은 역할이 명확히 나뉜다는 것이다.

  • 브라우저: 요청을 보내는 쪽
  • 서버: 요청을 처리하고 응답하는 쪽

 

 

정리

한 문장으로 정리하면 다음과 같다.

웹은 “브라우저의 요청”과 “서버의 응답”으로 동작한다

 

이 구조를 정확히 잡아두면, 앞으로 배우는 거의 모든 개념이 이 흐름 위에서 설명된다.

다음에는 이 요청과 응답이 실제로 어떤 단위로 묶여서 오고 가는지,
즉 request와 response의 관계를 더 구체적으로 정리하겠다.

'Web > Web Basics' 카테고리의 다른 글

[웹 기초] 5. 웹 서버와 WAS  (0) 2026.03.29
[웹 기초] 4. 정적 데이터와 동적 데이터는 무엇이 다른가  (0) 2026.03.29
[웹 기초] 3. GET과 POST는 무엇이 다른가  (0) 2026.03.29
[웹 기초] 2. request와 response는 어떻게 한 쌍으로 동작하는가  (0) 2026.03.29
[웹 기초] 0. 도입  (0) 2026.03.29
'Web/Web Basics' 카테고리의 다른 글
  • [웹 기초] 4. 정적 데이터와 동적 데이터는 무엇이 다른가
  • [웹 기초] 3. GET과 POST는 무엇이 다른가
  • [웹 기초] 2. request와 response는 어떻게 한 쌍으로 동작하는가
  • [웹 기초] 0. 도입
sqaxe1
sqaxe1
woojoo-devlog 님의 블로그 입니다.
  • sqaxe1
    Woojoo's Devlog
    sqaxe1
  • 전체
    오늘
    어제
    • 분류 전체보기 (148)
      • Backend (9)
        • Servlet (7)
        • Spring (2)
      • Frontend (1)
      • CS (0)
      • Book (33)
        • 자바 웹 프로그래밍 Next Step (30)
        • 테스트 주도 개발: 고품질 쾌속개발을 위한 TDD.. (1)
        • 성공과 실패를 결정하는 1%의 네트워크 원리 (2)
      • Engineering (0)
        • Testing (0)
      • Infra (6)
        • AWS (6)
      • Java (4)
      • Network (1)
      • 김영한 (28)
        • 자바 입문 (8)
        • 실전 자바 - 기본편 (6)
        • 실전 자바 - 중급편 (10)
        • 실전 자바 - 고급편 (4)
      • Web (39)
        • Web Basics (39)
      • Project (24)
        • NeoSquare (0)
        • Memo Evolution (24)
      • 정보처리기사 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    개발서적
    java
    aws
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
sqaxe1
[웹 기초] 1. 브라우저와 서버
상단으로

티스토리툴바