2018~/프론트 엔드 기초(HTML, CSS, JavaScript)
HTML 4. 정적자원, 정적 페이지와 동적 페이지
반원_SemiCircle
2019. 8. 12. 15:20
클라이언트 - 웹 서버 - 디스크
- 결국 클라이언트도 웹 서버도 컴퓨터(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로 쉽게 추출할 수 있다.
동적 페이지
- 클라이언트 요청에 페이지가 변함
- 예 : 게시판, 방명록, 웹 게임, 뉴스 댓글, 유튜브, 트위치 핫클립