Network+ Academy · 강의

웹사이트를 방문하면 일어나는 일

브라우저에서 먼 서버로 갔다가 돌아오는 요청의 흐름을 따라갑니다.

레슨 2/413개 단계

웹사이트를 방문하면 일어나는 일은(는) CoddyKit의 무료 Network+ Academy 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Network+ Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Network+ Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

간단한 클릭, 거대한 여정

웹 사이트 방문은 즉시 이루어지는 것처럼 보이지만, 그 짧은 순간에 많은 일이 일어납니다. 브라우저에서 멀리 있는 서버로 요청이 갔다가 돌아오는 과정을 따라가 보겠습니다.

1단계: 이름 확인

먼저 장치는 도메인 이름 시스템(DNS)에 사용자가 입력한 웹 주소를 숫자로 된 IP 주소로 변환해 달라고 요청합니다. 이 조회에 실패하면 페이지가 로드되지 않습니다.

2단계: 연결 시작

IP를 알고 나면 브라우저는 TCP를 사용해 연결을 엽니다. 빠른 핸드셰이크를 통해 데이터가 흐르기 전에 양쪽이 모두 준비되었는지 확인합니다. 코드에 이 과정이 나타나 있습니다.

Client  -> SYN ->      Server
Client  <- SYN/ACK <-  Server
Client  -> ACK ->      Server

3단계: 채널 보안

대부분의 사이트는 보안 하이퍼텍스트 전송 프로토콜을 사용하며, TLS로 암호화를 추가합니다. 핸드셰이크 과정에서 키를 교환하므로, 누군가 지켜보고 있어도 데이터가 알아볼 수 없는 형태로 바뀝니다. 이것이 바로 자물쇠 아이콘이 나타나는 이유입니다. 🔒

4단계: 요청 보내기

이제 브라우저는 특정 페이지를 요청하는 하이퍼텍스트 전송 프로토콜 요청을 보냅니다. 하이퍼텍스트 전송 프로토콜은 브라우저가 어떻게 요청하고 서버가 어떻게 응답할지 정의합니다.

5단계: 인터넷 통과하기

요청이 그곳으로 곧장 이동하는 것은 아닙니다. 요청은 패킷으로 나뉘어 여러 라우터를 거치며, 각 라우터는 패킷을 서버에 더 가까운 곳으로 전달합니다.

6단계: 서버의 응답

서버는 요청을 받고 페이지를 찾거나 만든 다음, 상태 코드(성공을 나타내는 200 등)와 콘텐츠가 포함된 하이퍼텍스트 전송 프로토콜 응답을 돌려보냅니다.

7단계: 페이지 렌더링

브라우저는 패킷을 다시 조립하고 페이지를 렌더링하기 시작한 다음, 이미지와 스크립트 같은 추가 파일을 가져옵니다. 실제로는 하나의 요청이 여러 요청이었던 셈입니다.

캐시로 시간 절약하기

속도를 높이기 위해 결과를 캐시합니다. 즉, 결과를 임시로 저장합니다. 브라우저는 이미지를 재사용하고, DNS 응답은 한동안 유지되며, 사본은 사용자와 더 가까운 곳에 저장됩니다.

단계가 실패할 때

각 단계는 저마다 다른 방식으로 실패할 수 있습니다. DNS 오류, 연결 시간 초과, 404(찾을 수 없음), 또는 500(서버 오류)이 그 예입니다. 단계를 따라가면 문제가 어디에서 발생했는지 알 수 있습니다.

전체 왕복 과정

전체 과정은 다음과 같습니다. DNS가 이름을 해석하고, TCP가 연결하며, TLS가 연결을 보호합니다. 그런 다음 하이퍼텍스트 전송 프로토콜 요청이 서버로 전달되고 브라우저가 응답을 렌더링합니다. 이 모든 과정이 1초도 안 되어 이루어집니다.

빠른 확인

웹사이트를 이름으로 방문할 때 첫 번째 단계는 무엇인가요?

인터랙티브 레슨에서 답해보세요

복습

사이트를 방문하면 정해진 단계가 실행됩니다. DNS가 이름을 해석하고, TCP가 연결하며, TLS가 연결을 보호합니다. 이후 하이퍼텍스트 전송 프로토콜 요청이 라우터를 거쳐 전달되고 페이지가 렌더링됩니다.

무료로 시작

AI 튜터와 함께 Network+ Academy을(를) 배우세요 — 무료

브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.

코스: 30
레슨: 120

무료로 학습 시작 전체 코스 보기

자주 묻는 질문

“웹사이트를 방문하면 일어나는 일” 강의는 무료인가요?

네 — “웹사이트를 방문하면 일어나는 일” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Network+ Academy 강의 전체를 잠금 해제할 수 있습니다. Network+ Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“웹사이트를 방문하면 일어나는 일”에서 뭘 배우나요?

브라우저에서 먼 서버로 갔다가 돌아오는 요청의 흐름을 따라갑니다. 브라우저에서 직접 실행하는 실습 코드로 Network+ Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Network+ Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Network+ Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.

“웹사이트를 방문하면 일어나는 일” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Network+ Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Network+ Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

← Network+ Academy(으)로 돌아가기