강좌 인터넷 WWW 서버 설치와 홈 페이지 만들기

[레인보우]

인터넷 WWW 서버 설치와 홈 페이지 만들기

개요 지난 호에서 인터넷 활용 방안에 대해서 브라우저(Browser)를 통해 Hypertext 문서인 문자, 그림, 음성 및 동화상까지 검색이 가능한 방법과 그러한 정보가 수록된 회사 및 학교들에 대한 정보를 알아 보았다. 이러한 정보를 제공하는 Web서버가 지금도 전세계 각 도처에서, 그리고 다양한 종류의 정보들을 제공하고 있으며, 지금 이 순간에도 우리가 생각했던 것보다 빨리 계속해서 생겨나고 있다. 교육, 문화, 예술, 음악, 영화, 대학, 영리 회사, 비영리 기관, 국가 조직, 그리고 각 개인들의 홈 페이지까지 종류와 영역에 제한 없이 개방화 시대에 맞춰 정보를 공유하려 하는 모든 이의 노력으로 이러한 것들이 이루어 지고 있다. 그런데 이제까지는 다른 사람들이 만들어 놓은 홈 페이지들만 방문을 해보았는데, 이제는 자기 자신의 홈 페이지를 만들어 자기 자신을 알리거나, 아니면 자신이 가지고 있는 정보를 관리하거나, 또는 자신이 속한 조직을 인터넷에 소개하는 방법에 대해 알아보자. WWW 서버 설치 홈 페이지를 만드는 방법은 UNIX Host나 PC에 HTTP(HyperText Transfer Protocol)을 지원하는 WWW서버를 설치하면 모두 가능하다. 개인 홈 페이지를 만드는 경우에는 PC를 이용하는 것도 고려할 수 있으며, 처음에는 이렇게 사용을 하다가 어느 정도 익숙해지면 그때 유닉스 머신에서 작업을 하는 것도 하나의 방법이다. WWW서버라 하는 것은 Hypertext 문서의 송수신을 위한 HTTP 프로토콜을 이해하고 이에 따라 요청받은 동작을 수행하는 하나의 실행 프로그램이다. 이러한 요청을 인식하기 위해서는 서버 프로세스가 항상 살아있어야 하며 이것이 HTTPD Daemon이다. 서버 프로그램이 실행될 때는 서버의 서비스 환경에 대해 설정해놓은 화일들을 참조하므로 적절하게 환경을 설정하여야 한다. 서버 프로그램은 UNIX, Macintosh, MS Windows, Windows NT, OS/2, 및 VMS 시스템 등에 설치할 수가 있다. 각 서버에 대한 자세한 기능 비교는 다음 문서를 참조하면 된다. http://sunsite.unc.edu/boutell/faq/chart.html 가.UNIX 환경 UNIX 환경하에서 동작하는 서버로는 다음과 같은 것이 있다. - NCSA httpd server NCSA에서 만든 것으로 설치가 간단하다. inetd와 standalone을 지원한다. - CERN httpd server 서비스 요구들에 대한 대응 관계에 있어 융통성을 제공해준다. 위의 기능을 이용하여 WAIS에 대해 Gateway로서 동작시킬 수 있다. inetd와 standalone을 지원한다. - GWHIS server - EIT httpd server - GN Gopher/HTTP server - Plexus server 시스템의 종류에 따라 서버 프로그램에 약간씩의 수정을 해주어야 한다. 서버 프로그램의 종류에 따라 지원하는 시스템은 다르므로 대표적인 서버 프로그램에 대해서만 알아본다. NCSA httpd인 경우에는 아래와 같은 대표적인 시스템에 대해 미리 컴파일 해놓은 것을 가져다 쓸 수 있으며, 시스템 사양이 다르다면 다시 컴파일을 해야 한다. http://hoohoo.ncsa.uiuc.edu/docs/setup/PreCompiled.html http://hoohoo.ncsa.uiuc.edu/docs/setup/Compilation.html 다음과 같은 시스템들은 컴파일 되어 있는 것을 그대로 이용해도 된다. - Silicon Graphics, IRIS Crimson VGXT, IRIS 4.0.5C - Sun SPARCserver 690MP, SunOS 4.1.3 - DEC, DECstation 5000, Ultrix 4.2 Rev. 96 - DEC, DEC 300 AXP Model 500, OSF/1 1.3 - IBM RS/6000 Model 550, AIX 3.2.4 - HP 9000 model 730, HP-UX 9.01 CERN httpd인 경우에도 대표적인 시스템에 대해 미리 컴파일 해놓은 것을 가져다 쓸 수 있으며, 시스템 사양이 다르다면 다시 컴파일을 해야한다. http://www10.w3.org/hypertext/WWW/Library/User/Platform/Platform.html 다음과 같은 시스템들은 컴파일 되어 있는 것을 그대로 이용해도 된다. - NeXT, NeXTStep 3.2 - NeXT-386, NeXTStep 3.2 - Sun SunOS 4.1.3, Includes a resolver and a WAIS version - Sun Solaris 2.3, Includes WAIS version - HP, HP-UX/Snake 9.0 - SGI, IRIS 5.2 - DEC, ULTRIX 4.3 - DEC, VMS, Independent Distribution - IBM RS/6000, AIX 3.2 - OSF, OSF/1 1.3 - PC, Linux 1.1.29, Includes a WAIS version 나.MS Windows 및 Windows NT 환경 MS Windows 및 Windows NT 환경하에서 동작하는 서버로는 다음과 같은 것이 있다. - NCSA httpd server for Windows - HTTPS server for Windows NT - SerWeb - WEB4HAM - OS2HTTPD - KA9Q NOS for DOS NCSA httpd 서버 프로그램은 다음의 장소로 가면 구할 수 있다. ftp://ftp.ncsa.uiuc.edu/Web/httpd/Windows/whtp13p1.zip whtp13p1.zip는 압축화일 내에 서브 디렉토리 정보를 포함하고 있으므로, 다음과 같이 HTTPD란 디렉토리를 미리 만들어 놓고 이 속에서 압축을 풀도록 한다. 각각의 절차를 준수해야 한다. MD C:\HTTPD CD \HTTPD (위의 화일을 새로 생성한 이 디렉토리에 가져다 놓는다.) PKUNZIP -D WHTP13P1.ZIP 위에서 서버를 설치할 곳의 디렉토리 이름은 반드시 HTTPD라야 하며(이것은 다른 디렉토리 이름을 사용할 경우 서버의 환경 화일을 너무 많이 고쳐주어야 하기 때문에 이 이름으로 사용하는 것이 좋다) 압축을 풀때 서브 디렉토리가 자동으로 생성되게끔 '-D' 옵션을 준다. 이상과 같이 실행시키면 이미 설정되어 있는 모든 서브 디렉토리 들이 HTTPD 디렉토리 속에 자동으로 구성된다. 이상과 같이 압축 화일을 풀고나면 서버 설치에 필요한 프로그램은 모두 구성된 것이다. 하지만, 서버를 기동시키기 위해서는 아래와 같은 사항을 반드시 설정해 주어야만 한다. - Timezone 환경의 설정(AUTOEXEC.BAT화일) SET TZ=KST-9 - Sufficient DOS environment space(SYSTEM.INI화일) CommandEnvSize=8192 - Sufficient Windows Message Queue Size(WIN.INI화일) DefaultQueueSize=32 이상과 같이 모든 작업이 끝났으면 윈도우에서 프로그램을 실행시키도록 한다. Httpd 아이콘을 선택하면 httpd가 초기화 되고, httpd idle이라는 작은 백그라운드 실행을 알리는 아이콘이 생성된다. 이제부터 이 PC는 http 서버의 역할을 할 수 있게 된 것이다. 서버에 홈 페이지 만들기 가.HTML 이란. Mosaic이나 Netscape와 같은 Web 브라우져로 홈페이지를 보면 무척이나 화려하고 멋있게 보이며, 어느 한곳을 마우스로 클릭했을때 바로 다른 곳으로 데려다 주는 등 멀티미디어 시대의 첨단 응용 소프트웨어 분야를 마음껏 보여준다. 이렇게 화려한 홈페이지는 사실 알고보면 만들기에 그리 어려울 것이 없다. 이러한 홈 페이지의 구성은 HTML(HyperText Markup Language)이라는 프로그래밍 언어로 구성되어있는데, 우리가 알고 있는 다른 프로그래밍 언어들에 비해 문법이 간단하며 쉽게 사용할 수 있게 되어 있다. 이 HTML의 문법을 조금만 이해하고 잘 사용하면 홈 페이지 만들기가 수월해진다. HTML 문서는 ASCII 문자로 되어 있는 plain text 형태로 되어 있다. 그러므로 일반 문서 편집기로 작성할 수도 있으며, WYSIWYG가 제공되는 HTML 문서 편집기로 작성해도 된다. 나.HTML 언어 소개 HTML은 Web 브라우저에게 단어 또는 문장을 어떻게 보여줄 것인지 지정하는 Markup Tags를 이용한다. 다음은 기본적인 HTML Tags를 나타낸다. <html> --- HTML 문서의 시작을 알림 <head> --- 문서의 헤드 부분 시작 <title> --- 문서의 제목 부분 시작 </title> --- 문서의 제목 부분 끝 </head> --- 문서의 헤드 부분 끝 <body> --- 문서의 몸체 부분 시작 </body> --- 문서의 몸체 부분 끝 </html> --- HTML 문서의 종료를 알림 　 일반적인 HTML의 태그들은 '< >'와 '</ >'의 쌍으로 표현되는데, 예를 들어 머릿글에 있는 제목을 기술하는 태그는 <title>이것은 제목</title> 처럼 기술하면 Web 브라우저 윈도우의 타이틀바에 들어간다. 문서 내용은 <body> 와 </body>로 둘러싸인 태그에 안에 들어 가는데, 보통 <body>의 첫부분에는 문서의 헤딩이 온다. 다음과 같은 예를 살펴보자. <html> <head> <title> 간단한 HTML 문서 </title> </head> <body> <h1> 이것은 가장 큰 글씨의 본문 제목입니다. </h1> <hr> 안녕하세요. 만나서 반갑습니다.<br> 이것은 간단한 HTML 문서 작성의 한 예입니다.<p> <hr> 다음은 여러 리스트들을 나열하는 예입니다.<br> <ul> <li>쌍용정보통신 <pre> 안녕하세요. 이렇게 자유스럽게 <표현>하고자 할 경우에... </pre> <li>쌍용자동차 <li>쌍용양회 </ul> </body> </html> 　 위의 예에 나오는 HTML 태그에 관해서 설명하도록 하자. HTML 태그는 항상 '<'로 시작해서 '>'로 끝나도록 하여야 하며, 각각의 태그는 보통 아래의 두 가지 경우처럼 쌍으로 이루어져 있다. 대응하는 태그의 끝은 대부분 '/'로 구분이 된다. 그리고 태그의 글씨체는 대문자이든 소문자이든 상관이없다. - <HTML>과 </HTML> HTML 문서의 시작과 끝을 나타내는 태그로, 쌍으로 이루어져 있다. - <HEAD>와 </HEAD> HTML 문서의 헤드 시작과 끝을 나타내는 태그로, 쌍으로 이루어져 있다. 이 안에 TITLE 등이 들어간다. - <TITLE>과 </TITLE> HTML 문서의 타이틀 시작과 끝을 나타내는 태그로, 쌍으로 이루어져 있다. 윈도우 화면의 타이틀바에 표시된다. - <BODY>와 </BODY> HTML 문서의 몸체 시작과 끝을 나타내는 태그로, 쌍으로 이루어져 있다. 이 안에 모든 HTML 문서의 내용과 그림, 그리고 링크등이 표현되어 진다. - <H1>과 </H1> 글자의 크기를 나타내는 태그로 쌍으로 이루어져 있다. 1부터 6까지 지정 할 수 있으며 1로 지정했을 때가 가장 큰 크기이다. 이 외에도 더 큰 크기나 더 작은 크기의 글자를 원할 경우 <FONT>와 </FONT>를 사용하여 보다 정교하게 표시할 수 있다. - <HR> Web 브라우저에서 줄 하나를 만들어서 보여준다. 내용을 분리하기 위한 가로선으로 <HR> 단독으로 사용된다. - <BR> HTML 문서의 내용은 특별한 줄 분리 태그를 사용하지 않을 경우 대부분 연속적으로 이어서 표시를 하기 때문에 줄 분리가 필요한 경우 이에 해당되는 태그를 사용해야 되는데, 이때 사용하는 태그로 <BR> 단독으로 사용된다. - <P> 일반적인 문서는 여러개의 문단(PARAGRAPH)으로 이루어지며, 이때의 문단의 끝을 나타낸다. 단순히 줄바꾸기를 하는 <BR>에 비해 여백이 좀 더 많이 생기면서 단락을 구분하도록 해준다. - <UL>과 </UL> 그리고 <LI> 각종 항목들을 순서를 표시하지 않고 주루룩 나열할 때 쓰인다. 각 항목의 표시는 <LI>로 나타낸다. 여기서 <LI> 항목에는 긴 문장이 들어갈 수 있으며 이 경우에 <P>를 사용해서 문단 구분을 해줄 수 있다. - <PRE>과 </PRE> 이것은 'preformatted'를 뜻하는 기능으로서 두 개의 기능어 사이에 있는 것들을 있는 그대로의 모양으로 보여준다. 이 태그를 사용하면 내용은 시스템의 고정 폰트로 표시되며 브라우저 윈도우 크기에 상관없이 편집되어 있는 문서 모양대로 그대로 나타나게 되는 것이다. 　 다.Hyperlink 만들기 지금까지 소개해 드린 HTML 언어의 기본 문법을 이해했다면 HTML 문서를 작성하는 것이 그리 어려운 일이 아님을 느꼈을 것이다. 그러면 HTML 문서의 핵심이 되는 다른 문서 참조, 즉 하이퍼 링크를 어떻게 표현하는가에 대해 알아보자. Web이 갖는 가장 큰 매력은 무엇보다도 서버가 위치한 장소에 구애받지 않고 다른 문서들을 자신의 문서에서 참조할 수 있다는 것이다. 즉 문서내에 다른 문서를 참조하는 링크를 넣을 수 있는데, 이를 위해 사용하는 태그가 바로 '<A>와 </A> 태그이다. 예를 들어 자신의 문서에서 쌍용정보통신의 홈 페이지를 참조하고 싶을 경우에는 다음과 같이 지정한다. <a href="http://toody.sicc.co.kr/">쌍용정보통신 홈 페이지</a> 　 여기서 링크의 타겟을 HREF라는 속성에 지정했는데, 이 주소를 지정하는데 사용되는 양식이 URL(Uniform Resource Locator)이다. 이 URL은 지난호에 '인터넷 활용 방안'에 서 간략히 소개하였으며, 국내 및 전세계 여러 곳의 URL 리스트를 제공하였다. 이러한 HREF에 들어가는 URL은 완전한 주소일 수 있고, 파일 이름만 지정되는 경우도 있다. 라.HTML에 멋있는 그림 넣기 Web 브라우저를 통해 인터넷을 돌아다니다 보면 멋있는 그림이 문서에 있는 것을 볼 수 있는데, 이와 같이 HTML 내에 이미지를 넣으면 무언가 좀 색다른 느낌을 가질 수있다. 이때 사용되는 태그가 <IMG>이다. 예를 들어 'scslogo.gif'라는 회사의 로고 이미지를 문서에 포함시켜 태그로 표현하려고 하면 다음과 같다. <img src="scslogo.gif"> 이미지를 문자열과 같이 사용할 때는 이미지와 문자열의 위치에 맞춰 정렬할 수 있는데, 이때 사용되는 속성이 ALIGN이다. ALIGN에 들어갈 수 있는 값은 기본적으로 'BOTTOM', 'MIDDLE', 그리고 'TOP'이 있으며, 아무런 지정사항이 없으면 기본적으로 밑으로 붙인다. 다