웹 사이트(web site)의 내부 구조 와 외부 구조에는 어떤 요소들이 필요할까?. 웹 사이트(web site)의 내부와 외부의 요소들에 관하여 개략적인 정리를 해보았다.
웹 사이트(web site)를 구성 하는 필요 요소들
HTML(Hyper Text Markup Language)
- web site 내부는 정해진 형식의 코드로 구성돼 있습니다. Html은 하이퍼텍스트를 기술하기 위한 언어로 <태그>라는 마크를 사용해 작성합니다. 마크로 문서 구조를 표현한다고 해서 마크업 언어라고 부르기도 합니다. 하이퍼텍스트는 링크(하이퍼링크)를 넣음으로써 다른 문서로 이동할 수 있습니다. 확장자는 html을 사용하여 저장합니다. HTML 5는 html의 최신 규격을 말합니다.
CSS(Cascading Style Sheets)
- 스타일 시트라고도 하는데 주로 페이지의 외관(레이아웃, 텍스트 장식) 등을 정의하는데 사용됩니다.
JavaScript(자바스크립트)
- 주로 html 문서에 내부 언어로 사용되며 브라우저에서 실행됩니다. 웹 페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 웹 페이지의 동작 처리를 목적으로 하는 스크립트 프로그래밍 언어 입니다.
XML(eXtensible Markup Language)
- W3C에서 개발된 다른 특수한 목적을 갖는 마크업 언어를 만드는데 사용하도록 권장하는 다목적 마크업 언어로 주로 인터넷에 연결된 시스템끼리 데이터를 주고 받을 수 있게 하여 html의 한계를 극복할 목적으로 만들어 졌다. XML 기반 언어로는 RDF, RSS, Atom, MathMl, XHTML, SVG가 있습니다. (참고 : 위키백과)
정적 페이지
- 표기되는 문서가 고정적인 즉 움직임이 없는 페이지를 말합니다. 주로 기술적인 주제의 문서에 사용됩니다.
동적 페이지
- 사용자로부터 입력이나 사용자의 요구 또는 상황에 따라서 출력하는 내용이 동적으로 변하는 페이지를 말합니다.
동적 페이지의 예로는 온라인 쇼핑몰, 검색엔진 등이 있습니다.
http
- 통신 프로토콜의 일종으로 TCP/IP 프로토콜의 일부입니다. http는 유일한 상대인 URL을 상대로 지정해서 통신합니다. 현재에는 웹 보안의 중요성 때문에 https(보안 https)라는 암호 된 버전의 http가 주로 사용 됩니다. http 요청을 받은 브라우저로부터의 요구에 대해 웹 서버는 응답합니다.
CMS(Content Management System) 또는 WCM(웹 콘텐츠 관리)
- 콘텐츠 관리 시스템으로 웹 사이트를 구성하고 있는 다양한 콘텐츠를 효율적으로 관리할 수 있도록 기본적인 웹 페이지, 블로그 관리 등 패키지 되어 있는 시스템을 말합니다. 대표적인 CMS로 wordPress, Wix 등이 있습니다. CMS의 내부는 대량의 PHP(Hypertext Pre-processor) 파일로 구성 되어 있습니다. PHP는 서버 측 스크립트 언어로 이용되며, 웹 서버에서 PHP 스크립트 문서가 요구될 때마다 서버 측에서 PHP 스크립트가 실행되어 결과가 웹 브라우저에 전송됩니다.
쿠키 (HTTP Cookie)
- http는 기본적으로 1회 1회의 주고받기로 끊어지는 구조이므로 인터넷 웹사이트의 방문 기록을 남겨 사용자와 웹 사이트의 재 접속을 지원하기 위해 사용됩니다.
정리하며
블로그에 글을 작성하고 게시하다 보면 생각하지 못한 여러 가지 문제들이 생겨나기도 하고 궁금해지기도 합니다 그래서 웹 사이트 구성의 요소 중 궁금한 내용들을 간략히 정리하였습니다.