세브의 흔적

기본 :

• !doctype : 문서 종류
• html : (X)HTML 문서
• body : (X)HTML 문서 본문
• h1 ~ h6 : 단(section) 제목
• p : 문단
• br : 개행
• hr : 수평선, 주제 바꿈
  
• ! : 주석

형식화·강조 :

• b : 일반적인 강조
  
• i : 배 이름, 머리 속 생각, 다른 언어의 숙어구, 기술 용어, 생물종, 의성어, 의태어 등
  
• em : 강조
  
• strong : 중요한 정보
  
• sup : 위 첨자
  
• sub : 아래 첨자

출력 :

• pre : 미리 형식화된 내용
  
• code : 소스 코드
  
• kbd : 입력
  
• samp : 프로그램 예제

블록 :

• abbr : 줄임말
  
• address : 연락처·저작권
  
• blockquote : 긴 인용문
  
• q : 짧은 인용문
  
• cite : 출처
  
• ins : 더한 텍스트
  
• del : 없앤 텍스트

연결 :

• a : 하이퍼링크
  
• link : (X)HTML 문서와 연결된 바깥 자원
  

입력 :

• form : 입력 폼
  
• input : 입력 필드
  
• textarea : 긴 텍스트 입력 필드
  
• button : 버튼
  
• select : 선택 상자
  
• optgroup : 선택 상자 항목 그룹
  
• option : 선택 상자 항목
• label : 폼 컨트롤 레이블
  
• fieldset : 필드셋
  
• legend : 필드셋 제목

목록 :

• ul : 차례 없는 목록
  
• ol : 차례 목록
  
• li : 목록 항목
  
• dl : 정의 목록
  
• dt : 정의 목록 항목(개념)
  
• dd : 정의 목록 항목(설명)
  

바깥 자원 :

• img : 이미지
  
• embed : 플러그인 오브젝트
• object : 오브젝트
• param : 오브젝트 매개변수
  

표 :

• table : 표
  
• caption : 표 제목
  
• th : 헤더 셀
  
• tr : 행(row)
  
• td : 셀
  
• thead : 표의 머리
  
• tbody : 표의 본체
  
• tfoot : 표의 꼬리
  
• col : 열(column)
  
• colgroup : 열 그룹
  

모양새 :

• style : 스타일시트
  
• div : 블록 마크업
  
• span : 인라인 마크업
  

메타 정보 :

• head : (X)HTML 문서 헤더
  
• title : 문서 제목
  
• meta : 그 외 메타 정보
  

스크립팅 :

• script : 내장 스크립트
  
• noscript : 스크립트가 돌지 않는 환경을 위한 텍스트
  

기본 :

• !doctype : 문서 종류
• html : (X)HTML 문서
• body : (X)HTML 문서 본문
• h1 ~ h6 : 단(section) 제목
• p : 문단
• br : 개행
• hr : 단락 단위의 주제 바꿈
  
• ! : 주석

형식화·강조 :

• b : 일반적인 강조
  
• i : 배 이름, 머리 속 생각, 다른 언어의 숙어구, 기술 용어, 생물종, 의성어, 의태어 등
  
• em : 강조
  
• strong : 중요한 정보
  
• sup : 위 첨자
  
• sub : 아래 첨자

출력 :

• pre : 미리 형식화된 내용
  
• code : 소스 코드
  
• kbd : 입력
  
• samp : 프로그램 예제

블록 :

• abbr : 줄임말
  
• address : 연락처·저작권
  
• blockquote : 긴 인용문
  
• q : 짧은 인용문
  
• cite : 출처
  
• ins : 더한 텍스트
  
• del : 없앤 텍스트

연결 :

• a : 하이퍼링크용 앵커
  
• link : (X)HTML 문서와 연결된 바깥 자원
  

입력 :

• form : 입력 폼
  
• input : 입력 필드
  
• textarea : 긴 텍스트 입력 필드
  
• button : 버튼
  
• select : 선택 상자
  
• optgroup : 선택 상자 항목 그룹
  
• option : 선택 상자 항목
• label : 폼 컨트롤 레이블
  
• fieldset : 필드셋
  
• legend : 필드셋 제목

목록 :

• ul : 차례 없는 목록
  
• ol : 차례 목록
  
• li : 목록 항목
  
• dl : 정의 목록
  
• dt : 정의 목록 항목(개념)
  
• dd : 정의 목록 항목(설밍)
  

멀티미디어 :

• img : 이미지
  
• embed : 플러그인 오브젝트
  

표 :

• table : 표
  
• caption : 표 제목
  
• th : 헤더 셀
  
• tr : 행(row)
  
• td : 셀
  
• thead : 표의 머리
  
• tbody : 표의 본체
  
• tfoot : 표의 꼬리
  
• col : 열(column)
  
• colgroup : 열 그룹
  

모양새 :

• style : 스타일시트
  
• div : 블록 마크업
  
• span : 인라인 마크업
  

메타 정보 :

• head : (X)HTML 문서 헤더
  
• title : 문서 제목
  
• meta : 그 외 메타 정보
  

스크립팅 :

• script : 내장 스크립트
  
• noscript : 스크립트가 돌지 않는 환경을 위한 텍스트
  

주소 창에 URL을 넣으면 브라우저로 결과를 볼 수 있습니다. 그런데 그게 마술봉 뿅뿅 휘두르듯이 그냥 되는 게 아니라구요. 우리가 주소 창에 URL을 넣고 결과를 보기까지 많은 과정을 거친답니다. 어떤 과정을 거치는지 한 번 알아볼까요?

1. URL 분석 : 주소 창에 URL을 넣으면 브라우저는 URL을 분석해서 어느 서버에 연결해야 할 지를 알아냅니다.
2. HTTP 요청 : 어느 서버에 연결해야 할 지 알아냈다면, 브라우저는 그 서버에 연결해서 HTTP 요청을 보냅니다.
3. 요청 분석 : 웹 서버는 HTTP 요청을 받으면 요청을 분석해서 어떤 일을 해야 할 지 정해야 합니다.
4. 요청 처리 : 앞 과정에서 분석한대로 요청을 처리합니다. 파일을 읽어서 보낼 수도 있고, 스크립트를 실행할 수도 있으며, HTTP 요청을 다른 URL로 연결할 수도 있습니다.
5. HTTP 응답 : 요청을 처리했다면 웹 서버는 처리 결과로 HTTP 응답을 만들어서 브라우저로 되돌려보냅니다.
6. 응답 분석 : 브라우저는 HTTP 응답을 돌려받으면 응답을 분석해서 어떤 일을 해야 할 지 정해야 합니다.
7. 응답 처리 : 앞 과정에서 분석한대로 응답을 처리합니다. HTML 문서가 응답으로 왔다면 HTML 코드를 분석해서 DOM을 만들고 화면에 뿌리겠지요. 이미지 파일이 응답으로 왔다면 이미지를 화면에 뿌릴테고요. 다른 URL로 연결하라는 응답이 왔으면 처음으로 돌아가서 그 URL을 다시 분석합니다.
   

그런데 이건 매우 간단하게 설명한 것이고 원래는 더 복잡하답니다. 가끔은 우리가 웹질을 할 때마다 항상 수고하는 웹 브라우저와 웹 서버에게 고마운 마음을 가져보도록 합시다.

만약 POSIX 파일 기술자를 가지고 C 표준 스트림 오브젝트를 얻으려 한다면 fdopen(3) 함수를 쓸 수 있다.

fdopen(3)을 쓰는 방법은 fopen(3)을 쓰는 방법과 비슷하지만 다른 점도 있다. fdopen(3)으로 스트림을 열 때는 파일 기술자를 열 때 썼던 모드와 호환되는 모드를 써야 한다. 그리고 fopen(3)으로 파일을 열 때 w/w+ 모드로 열면 파일 내용을 모두 지우지만 fdopen(3)으로 열 때는 w/w+ 모드로 열어도 파일 내용을 지우지 않는다.

fdopen(3)으로 연 스트림의 입·출력 위치는 스트림을 열 때 썼던 파일 기술자의 입·출력 위치와 갈다.

파일 기술자로 연 파일을 fdopen(3)으로 다시 연 뒤부터는 파일 지시자로 직접 입·출력을 해서는 안 된다. 그렇게 한다고 해서 오류가 뜨지는 않지만 원하는 대로 돌아가지 않을 수 있다.

dup(2) 등으로 파일 지시자의 복사본을 만들어 두지 않았다면 fdopen(3)으로 연 스트림을 닫을 때 파일 지시자도 함께 닫히므로 close(2)를 쓸 필요가 없다.