마크업 언어/균일자원 위치지정자

1. 마크업 언어

마크업:MARKUP은 본문(텍스트)과 구분 할 수 있는 마크:MARK를 추가 가능한(애노테이션) 시스템

1) INTERFACE : WYSIWYG과 WYSIWYM텍스트

a) WYSIWYG (What You See Is What You Get)

WYSIWYG[위지윅] 편집기나 프로그램은 그래픽 사용자 인터페이스 또는 텍스트 페이지를 만들기 위한 인터페이스 또는 콘텐츠 개발도구로서, 창작중인 문서의 결과물이 결국 어떤 모습으로 나타나게 될 것인지를 작업 중에도 볼 수 있도록 해줍니다.

b) WYSIWYM (What You See Is What You Mean)

WYSIWYM 편집기에서 사용자는 구조화 된 방식으로 내용을 작성하고 문서에서 의미와 중요성에 따라 내용을 표시하고 최종 모양을 하나 이상의 개별 스타일 시트에 남겨 둡니다. 본질적으로 전달되는 내용을 실제 형식이 아닌 정확하게 표시하는 것을 목표로 합니다. 예를 들어, WYSIWYM 문서에서 문서의 제목, 섹션 이름, 그림과 관련된 캡션 또는 작성자 이름 텍스트를 수동으로 표시합니다. 이렇게하면 추가 수동 개입없이 섹션 제목과 같은 요소 하나를 한 스타일 시트에서 큰 굵은 텍스트로 렌더링하거나 다른 스타일 시트에서 빨간색 가운데 맞춤 텍스트로 렌더링 할 수 있습니다. 이 시스템의 가장 큰 장점은 프레젠테이션과 콘텐츠가 완전히 분리되어 있다는 것입니다.

2) 마크업 언어 구분

a) 프리젠테이션 마크업(Presentational markup) : WYSIWYG

전통적인 워드 프로세싱 시스템에서 사용되는 마크업의 종류

WYSIWYG(“what you see it what you get”) 효과를 생성하는 문서 텍스트 내에 포함된 바이너리 코드

사용자들이 절차적/기술적 마크업을 사용하면, 사용자에게 “현재(WYSIWYG)” 상태로 변환한다.

b) 절차적 마크업(Procedural markup) : WYSIWYM

잘 알려진 예) troff, TeX, PostScript

텍스트에 포함되며, 텍스트는 프로그램을 통해 텍스트를 처리하기 위한 지침을 제공

프로세서는 마주친 지침에 따라 처음부터 텍스트를 통해 실행 될 것으로 예상

c) 기술적 마크업(Descriptive markup) : WYSIWYM

잘 알려진 예) LateX, HTML, XML

문서의 일부에 라벨을 붙이는 데 사용

문서의 고유한 구조를 어떤 특정한 처리나 변경으로부터 분리

예) HTML의 태그

시각적으로가 아닌 개념적으로 자료를 설명하는 방식으로 쓰도록 권장

d) 경량화 마크업(lightweight markup : WYSIWYM

예) 위키피디아에서 사용하는 위키 마크업

최근 웹 브라우저를 통해 형식화된 텍스트를 작성할 수 있도록 개발된 작고 표준화되지 않은 다수의 마크업

2. 균일 자원 위치 지정자 : URL

URL(Uniform Resource Locator: 자원 위치 지정자)은 네트워크 상에서 자원이 어디 있는지를 알려주기 위한 규약입니다. 즉 컴퓨터 네트워크와 검색 매커니즘에서의 위치를 지정하는, 웹리소스에 대한 참조이며, 웹사이트 주소 뿐만 아니라 컴퓨터 네트워크상의 자원을 모두 나타낼수 있습니다.

최초의 웹브라우저 : 팀 버너스리 & 로버트 카이오의 WorldWideWeb

URL의 구조

① 스킴 ( scheme )
URL 은 가장 앞( scheme ) 에 자원에 접근할 방법을 정의해 둔 프로토콜 이름을 작성합니다. (gopher, telnet, ftp, http, usenet 등, 웹에서 주로 HTTP 프로토콜을 사용)
그 밖에 ftp, mailto(이메일), rtsp(스트리밍) 과 같은 프로토콜을 사용할 수도 있습니다.

프로토콜 이름 다음에는 프로토콜 이름을 구분하는 구분자인 :을 적습니다.
만약 IP 혹은 Domain name 정보가 필요한 프로토콜이라면 : 다음에 //를 적습니다.
프로토콜명 구분자인 : 혹은 // 다음에는 프로토콜 마다 특화된 정보를 넣습니다.

• 예1) http://www.somehost.com/a.gif - IP 혹은 Domain name 정보가 필요한 형태 ( www.somehost.com에 있는 a.gif를 가리키고 있음 )

• 예2) ftp://id:pass@192.168.1.234/a.gif - IP 혹은 Domain name 정보가 필요한 형태 ( 192.168.1.234에 있는 a.gif를 가리키고 있음 )

• 예3) somebody@mail.somehost.com - IP정보가 필요없는 프로토콜 ( mailto 프로토콜은 단지 메일을 받는 사람의 주소를 나타냄 )

② 사용자 이름과 비밀번호
어떤 서버들은 자신이 가지고 있는 데이터에 접근하기 위해서 사용자의 이름과 비밀번호를 요구합니다.
ex) ftp://victolee:12345@호스트/asd.xls
만약 웹 서버에서 사용자이름과 비밀번호를 요구하는 URL 스킴을 사용함에도 클라이언트가 이를 명시하지 않고 URL에 접근한다면, 기본값으로 "사용자 이름 : anonumous , 비밀번호는 브라우저에서 제공하는 기본 값"을 따르게 됩니다.

** ③ 호스트와 포트** 하나의 Host( 컴퓨터 ) 에는 여러 개의 Process( 프로그램 ) 가 각각의 Socket( 소켓 ) 을 사용하여 데이터 통신을 하고 있기 때문에, 각각의 소켓을 구분할 필요가 있습니다. 이 때 소켓을 구분하는 역할을 하는 것이 Port( 포트 ) 입니다. 서버에는 포트에 따라 소켓이 연결되어 있고, 포트 번호에 따라 다른 프로토콜이 사용될 수 있습니다. HTTP 프로토콜에서 포트 번호를 명시하지 않으면, 80번 포트를 기본 값으로 사용합니다.

④ 경로
호스트에서 제공하는 자원의 경로를 의미합니다.
ex) https://movie.naver.com/movie/running/current.nhn

⑤ 질의
Query String 이라고도 합니다.
클라이언트가 자원을 GET 방식으로 요청할 때, 필요한 데이터를 함께 넘겨 줄 목적으로 사용합니다.

⑥ 프래그먼트
HTML에는 각각의 요소에 id 속성을 부여할 수 있는데, URL에 프래그먼트를 전달하면 페이지가 해당 id가 있는 곳으로 스크롤이 이동하게 됩니다.