kang9366
Repository
kang9366
글쓰기
설정
전체 방문자
오늘
어제
  • 분류 전체보기 (143)
    • Programming (70)
      • Java (1)
      • C++ (11)
      • Kotlin (12)
      • Keras (2)
      • Android (34)
      • Jetpack Compose (1)
      • Error Solution (7)
    • CS (36)
      • 자료구조 (13)
      • 운영체제 (1)
      • 알고리즘 (4)
      • 컴퓨터 보안 (8)
      • 기타 (10)
    • Data Science (28)
      • 데이터분석 (7)
      • 머신러닝 (14)
      • 딥러닝 (7)

인기 글

최근 글

최근 댓글

Github · Instagram · Facebook
kang9366

Repository

정적 웹페이지와 동적 웹페이지
CS/기타

정적 웹페이지와 동적 웹페이지

2022. 6. 16. 03:58

인터넷을 이용하면서 접속하게 되는 웹 페이지는 크게 두 가지로 나뉜다.

마치 컴퓨터에 저장된 메모장 파일을 열어보듯이 그대로 보는 정적 웹 페이지, 다른 변수들에 의해서 변경되어 보이는 동적인 웹 페이지.

사실 사용자 입장에서는 서버에서 처리된 HTML로 이루어진 웹 페이지만 전달받기 때문에, 굳이 웹 페이지를 정적인 웹 페이지와, 동적인 웹 페이지를 구분 지을 필요는 없다.

그러나, 소셜 미디어 플랫폼이 다양해지면서, 인터넷을 이용하는 사람이라면 개인 sns계정부터 블로그, 쇼핑몰까지 굳이 사업을 하지 않더라도 커뮤니케이션의 일환으로 크고 작든 자신만의 웹 페이지를 운영하고 있다.

정적 웹 페이지

  • 웹 서버에 이미 저장된 html 문서를 클라이언트에게 전송하는 웹 페이지
  • 사용자는 서버에 저장된 데이터가 변경되지 않는 한 고정된 웹 페이지를 보게 됨
  • 모든 사용자는 같은 결과의 웹 페이지를 서버에 요청하고 응답 받음.
  • Ex) 홈페이지에 회사소개, 음식메뉴, 포트폴리오 등 내용이 변하지 않고 고정적인 페이지.

정적 웹 페이지 예시–사용자 요청에 데이터가 영향 받지 않는 홈페이지 회사소개 페이지

정적 웹 페이지의 장점

  • 요청에 대한 파일만 전송하면 되기 때문에 서버간 통신이 거의 없고 속도가 빠름
  • 단순한 문서들로만 이루어져 있어서 어떤 호스팅서버에서도 동작 가능하므로 구축하는데 드는 비용이 적음
  • 백업, 복원이 쉬움

정적 웹 페이지의 단점

  • 저장된 정보만 보여주기 때문에 서비스가 한정적
  • 추가,수정,삭제 등의 작업을 서버에서 직접 다운받아 편집 후 업로드도 수정으로 해줘야 하기 때문에 관리가 힘듦

동적 웹 페이지

  • 요청 정보를 처리한 후에 제작된 HTML 문서를 클라이언트에게 전송하는 웹 페이지
  • 사용자는 상황, 시간, 요청 등에 따라 달라지는 웹 페이지를 보게 됨
  • 같은 페이지라도 사용자마다 다른 결과의 웹 페이지를 서버에 요청하고 받을 수 있음
  • 우리가 보는 대부분의 웹 페이지는 동적 웹 페이지
  • Ex) 네이버 블로그, 티스토리, 홈페이지 게시판 등


동적 웹 페이지 예시 – 사용자 요청에 데이터가 달라지는 홈페이지 게시판 페이지

동적 웹 페이지의 단점

  • 사용자에게 웹 페이지를 전달하기 전에 처리하는 작업이 필요하기 때문에 상대적으로 느림
  • 웹 서버외에 추가적으로 처리를 위한 어플리케이션 서버가 필요하기 때문에 추가 비용이 들 수 있음
  • 백업, 복원이 상대적으로 어려움

동적 웹 페이지의 장점

  • 다양한 정보를 조합하여 웹 페이지를 제공 하기 때문에 서비스가 다양하다
  • 웹 사이트 구조에 따라 추가,수정,삭제를 사용자측에서 가능하기 때문에 관리가 쉽다
  • 관리가 쉽기 때문에, 전체적인 사이트 운영 비용이 절감될 수 있음

 

정적인 웹 페이지보다는 동적인 웹 페이지가 서비스가 다양하고 관리가 쉽기 때문에, 많은웹 페이지가 동적인 웹 페이지를 제공하고 있지만, 그렇다고 모두 동적 웹 페이지를 구성하고 정적 웹 페이지를 전혀 사용하지 않는 것은 아니다.

자주 변경되는 않는 페이지 (메뉴, 회사소개) 같은 경우는 굳이 동적 웹 페이지로 만들 필요는 없으며, 정적 웹 페이지 생성기를 통해서 정적 웹 페이지로만 이루어진 개인적인 블로그나 제출용 포트폴리오 사이트는 구축 비용이 적게 드는 정적인 웹 페이지가 더 적합하다.

저작자표시 비영리 변경금지 (새창열림)

'CS > 기타' 카테고리의 다른 글

Stack과 Heap  (0) 2022.06.16
라이브러리 vs 프레임워크  (0) 2022.06.16
API  (0) 2022.06.16
개발자 면접시 단골질문 13개와 모범답안  (0) 2022.06.10
객체지향과 절차지향  (0) 2022.06.10
    'CS/기타' 카테고리의 다른 글
    • 라이브러리 vs 프레임워크
    • API
    • 개발자 면접시 단골질문 13개와 모범답안
    • 객체지향과 절차지향
    kang9366
    kang9366

    티스토리툴바