HTML 4. 정적자원, 정적 페이지와 동적 페이지

클라이언트 - 웹 서버 - 디스크

• 결국 클라이언트도 웹 서버도 컴퓨터(PC)이다.
• 클라이언트가 웹서버에 요청하고 바로 응답하는 경우도 있다.
• 그러나 문서, 이미지, 파일 등을 클라이언트가 요청했을 땐 서버가 디스크에서 자료를 요청한 뒤 응답받고 다시 클라이언트에 응답한다.
• 여기서 문서, 이미지, 파일 등을 자원(Resource)라고 한다.

정적자원

• Static Resource
• 사용자(클라이언트)의 행동, 입력 등에 영항을 받지않는(의존하지않는) 자원

HTML 파일 경로

1.절대경로

• 자원의 절대적 위치
• http://, https:// 로도 사용 가능하므로 웹에 이미 업로드 된 경로도 사용할 수 있다.
• 예 : http://image.jpg 또는 https://image.jpg

2.상대 경로

• 현재 페이지 위치 기준의 경로
• 예(같은 폴더에 있는 경우) : ./image.jpg 또는 image.jpg
• 상위 : ../image.jpg
• 하위 : 하위폴더/image.jpg

이미지 파일

• 대표적 정적 자원
• 웹에서 사용할 수 있는 이미지 형식 : png, jpg, jpeg, gif

정적 페이지

• 이미 만들어진 HTML 페이지
• 클라이언트 요청에 해당 페이지를 응답
• 클라이언트가 누구냐에 따라 페이지 내용이 바뀌진 않는다.
• 예 : 페이지 소개, 블로그 등
• 웹 크롤링시 bs4로 쉽게 추출할 수 있다.

동적 페이지

• 클라이언트 요청에 페이지가 변함
• 예 : 게시판, 방명록, 웹 게임, 뉴스 댓글, 유튜브, 트위치 핫클립