▣ LAB · WEB

두 종류의 페이지 직접 구별하기

정적 vs 동적 / WAS — 실습 / 소요 시간: 약 10분

📍 지금 어디를 만지고 있나요?
브라우저
WAS (Tomcat)
Controller
Service
DB

사전 준비

이번 실습의 목표

새로고침해도 안 변하는 페이지와 매번 변하는 페이지를 직접 비교하면서 「정적」과 「동적」을 몸으로 느낍니다.

1
정적 페이지 후보 찾기

다음 페이지에 들어가서 새로고침을 5번 정도 눌러봅니다.

CHECKPOINT
  • 새로고침할 때마다 내용이 달라지나요? (대부분 그대로일 겁니다)
  • 이런 페이지는 정적 페이지일 가능성이 큽니다.
2
동적 페이지 확인

네이버 메인(www.naver.com)에 접속해서 새로고침을 5번 정도 눌러봅니다.

CHECKPOINT
  • 새로고침할 때마다 뉴스 목록이나 추천 컨텐츠가 바뀌나요?
  • 로그인했다면 우측 상단에 본인 이름이 보이나요? (나만 보는 정보 = 동적의 증거)
3
F12 Network 에서 차이 보기

각 페이지에서 F12 → Network 탭을 켜고 새로고침을 한 뒤, 첫 줄의 Response Headers 를 봅니다.

스크린샷
F12 Network → 한 응답의 Response Headers 영역에 Server 헤더가 보이는 화면
CHECKPOINT
  • 각 사이트의 Server 헤더가 무엇으로 적혀 있나요?
  • 어떤 사이트는 헤더를 일부러 숨기기도 합니다 — 못 보여도 정상.
4
우리 코드의 미래 위치 그려보기

다음 그림을 종이에 그려보세요. 다음 차시부터 만들 코드의 「집」이 어디인지 미리 봅니다.

브라우저 ──→ Tomcat (WAS) ──→ [내가 만들 코드들] - Servlet (다음 차시) - Controller - Service - Mapper
CHECKPOINT
  • 우리가 만들 모든 코드가 어디 안에서 실행되나요? (정답: Tomcat 안)
  • 왜 Spring 프로젝트는 항상 Tomcat(또는 비슷한 WAS) 이 필요한지 한 문장으로 말할 수 있나요?

실습 완료 체크리스트

정적 페이지에서 새로고침해도 같은 내용임을 확인했다
동적 페이지에서 새로고침할 때마다 내용이 바뀌는 것을 확인했다
「웹서버 = 정적 / WAS = 동적」을 입으로 말할 수 있다
우리 Spring 코드가 Tomcat 안에서 돈다는 걸 안다