다루어볼 웹기술들에 관한 개요

일단 개략적으로 설명을 드리자면, 웹사이트를 만드시려면 다음과 같은 것들을 알야야 합니다.

제가 생각할때는 저러한 것들이 필요하다고 생각합니다.

일단 저것들을 가지고 좀더 파고들어 보겠습니다.

HTML 4.01

HTML은 웹의 기본언어이기 때문에, 당연한 이야기지만 모든 웹개발자들은 기본적인 개념과 HTML 태그 같은것들을 알고 있어야 하지요. 특히 HTML 4.01은 웹의 중요한 표준으로서. HTML 3.2와는 많이 다릅니다.

HTML 3.2에서 와 같은 태그들에게 color와 같은 속성들이 추가되었을때, 개발자들의 악몽이 시작되었다고 하는군요.

글자체, 그러니까 태그가 사용되어야 하는 개별 웹페이지 하나 하나 마다 태그를 추가하고, 일일히 color 속성을 추가하는것은 너무나도 오래 걸리고 힘든 작업이기 때문일겁니다.

HTML 4.01에서, 모든 문서 양식은 HTML 바깥의 스타일 시트로 분리될 수 있습니다.

HTML 4.01은 또한, 꽤나 많이 사용되는 XHTML 1.0 버전이 HTML 4.01을 XML 어플리케이션으로 바꾼 것이라는 점에서 중요합니다.

따라서 HTML 4.01을 사용하면 나중에 문서를 HTML에서 XHTML로 바꾸는 작업이 한결 쉬워진다는 장점이 있지요.

물론, 최근에 HTML 5 라는 새로운 HTML 버전이 논의되고 있는것 같지만, 아는 정보가 부족해서 여기서는 다루지 않겠습니다^^;;

Cascading Style Sheets (CSS)

스타일은 HTML 3.2의 태그처럼 HTML의 구성 요소들이 어떻게 표시되는지를 정의해 줍니다. 스타일은 일반적으로 HTML 외부의 파일 형태로 저장되는 경우가 많지요. 외부에 있는 스타일 시트 파일, 그러니까 따로 저장되는 확장자가 CSS인 파일은, 모든 웹페이지의 외양과 구조를 하나의 파일을 수정함으로서 바꿀 수 있다는 아주 편리한 장점이 있습니다.

모든 웹페이지 제목 글자의 글자체나 색상을 한번에 변경해보려고 해 보신적이 있다면, CSS 스타일 시트가 얼마나 많은 작업 부담을

덜어주는지 이미 아실것입니다.

XHTML - HTML의 미래

XHTML Extensible HyperText Markup Language를 의미합니다.

XHTML 1.0 은 현재 W3C 웹 표준기구의 최신의 HTML 표준이지요. 2000년 1월 26일에 Recommendations 버전이 되었습니다.

W3C의 Recommendations 버전이란 웹 기술이 안정되어 있고 이제는 표준이 되어있음을 의미합니다.

XHTML은 HTML 4.01을 XML로 변환한 버전이고 현존하는 웹브라우저에서 곧바로 사용될 수 있습니다.

XML - 자료를 설명하는데 사용되는 도구

Extensible Markup Language (XML) 당연한 거지만, HTML의 대체품이 아닙니다. 웹 개발에 있어서, HTML이 자료를 표시하는데 사용된다면 XML은 자료를 운반하고 자료에 대해서 설명하는데 사용된다고 할 수 있지요.

저의 XML에 대한 최상의 설명은 XML은 플랫폼에 관계없는, 소프트웨어와 하드웨어 독립적인 정보를 저장하고 전송하는데 쓰이는 도구라는 점입니다. HTML이 Web의 기반이었던것처럼, XML도 앞으로 갈수록 중요해져서 자료를 저장하고, 조정하고, 전송하는데 없어서는

안될 녀석이 될것입니다. ^_^

XML 공부 카테고리쪽을 보세요.

XSLT - 데이터를 변형하는데 사용되는 도구

XSLT (Extensible Stylesheet Language Transformations) 은 XML을 변형하는데 사용되는 언어입니다.

웹사이트들은 자료를 서로 다른 형태와, 다양한 종류의 웹브라우저, 그리고 다른 서버들에게 전달해야만 합니다.

바로 이때에, XML을 서로 다른 형태로 변환하기 위한것이 W3C의 표준인 XSLT 입니다. XSLT는 XML 파일을 웹브라우저가 인식할 수  있는 형태로 변환 할 수 있습니다. 그러한 형태중 하나가 HTML 입니다.  다른 형태로는 WML이 있죠. -  대부분 휴대용 장치에서 많이쓰이는 형태가 WML이라네요.

XSLT는 또한 구성 요소를 더할수도 있고, 구성요소를 없애거나, 재배열하거나 정렬할 수 있고, 어떤 요소가 표시될지 결정할 수 있는등 많은 역할을 수행할 수 있답니다.

배우자! XSLT 카테고리를 보세요.

클라이언트 스크립팅

클라이언트 스크립팅은 웹브라우저의 행동이나 동작을 "조정하고 프로그래밍" 하는 것입니다. 자바스크립트가 여기에 해당하는데,

일반적으로 "회원가입이 완료되었습니다." 하고 뜨는 알림창을 띄우는것등 동적인 웹사이트를 만들려면 자바스크립트를 알아야만

합니다.

• 자바스크립트는 HTML 디자이너에게 프로그래밍 도구를 제공합니다.  - 일반적으로 HTML 제작자들은 프로그래머가 아니지만, 자바스크립트는 정말로 간단한 문법을 가진 스크립팅 언어입니다! 대부분의 그 누구라도 작은 코드 조각을 웹페이지에 넣어서 다양한 동작을 하게 할 수 있지요.   
• 자바스크립트는 HTML 페이지에 동적인 문자열을 집어넣을 수 있습니다.  - 다음과 같은 명령은 HTML 페이지에 다양한 글자를 동적으로 넣을 수 있게 합니다. : document.write(name);
• 자바스크립트는 이벤트(사건)에 반응할 수 있습니다 - 자바스크립트는 뭔가가 일어날때 실행되도록 설정될 수 있는데, 페이지 로딩이 끝났다든지, 사용자가 뭘 클릭했다든지 하는게 여기에 포함됩니다.
• 자바스크립트는 HTML 요소들을 읽고 쓸 수 있습니다 - 자바스크립트는 HTML 요소의 내용을 읽고 변화시킬수 있습니다.
• 자바스크립트는 입력된 정보가 정상인지 검사할 수 있습니다. - 자바스크립트는 양식에 입력된 정보가 유효한지 서버에 전송하기 전에 확인 할 수 있으며, 이를통해 서버 작업을 줄일 수 있습니다.

 배우자! JavaScript 카테고리를 보세요.

서버 스크립팅

서버스크립트는 일종의 서버에서 돌아가는 작은 어플리케이션(프로그램) 입니다.  더 동적인 웹사이트 컨텐츠를 전달하기 위해선, 서버 스크립팅을 배우는 것은 필수입니다. 서버 스크립팅으로 다음 작업을 할 수 있답니다:

• 웹페이지의 어떤 내용이라도 동적으로 수정하고, 바꾸고, 추가할 수 있습니다.
• HTML Form에서 넘어온 자료나 Query String에 응답 할 수 있습니다. (처리할 수 있습니다.)
• 그 어떤 자료나 데이터베이스에도 접근 할 수 있고, 그 결과를 웹브라우저에 반환 할 수 있습니다.
• 어떠한 파일이나 XML 데이터도 접근하고 그 결과를 웹브라우저에 반환할 수 있습니다.
• XML더이터를 HTML 데이터로 변환 할 수 있고, 그 결과를 웹브라우저에 반환 할 수 있습니다.
• 각각의 사용자를 위해 더 유용하게 만들기 위해 웹페이지를 사용자 정의 할 수 있습니다.
• 서로 다른 웹페이지에 보안과 접근제한을 제공할 수 있습니다.
• 결과물을 서로 다른 웹브라우제 맞게끔 할 수 있습니다.
• 네트워크 트래픽을 최소화 할 수 있습니다.

서버 스크립팅 파트를 보세요.

SQL로 데이터를 관리하기

The Structured Query Language (SQL) 는 SQL Server, Oracle, Sybase, Access와 같은 데이터베이스들을 접근하기 위한 공통적인 표준입니다.

SQL에 대한 지식은, 데이터베이스를 통해 자료를 저장하고, 얻고자 하는 사람에게 정말로 귀중한 자산이 될것입니다.

웹사이트를에 게시판을 만들고, 회원 정보를 저장하고 하는등의 데이터베이스에 자료를 저장하고 불러오는등의 작업을 하려면

SQL문은 필수로 알아야 겠지요. ^^

SQL 배우기 카테고리를 보세요.

미래는 어떠할까?

한가지 알아야만 할 중요한 사실은 웹사이트의 기능이 급격하게 변화할 것이라는 사실입니다. 일단 대부분의 사이트들이 "정적인 내용" 보다는 "동적인 내용"을 제공하는 형태로 바뀌겠죠. 휴대용 기기의 웹브라우저와 같이 더 많은 새로운 웹브라우저들이 나올테고, 신기술들이 마구 쏟아져 나오겠지요.

그리고 XML이 서버와 서버, 그리고 웹브라우저와 서버간에 데이터를 교류하는데 있어서 더 많이 쓰이겠죠. 사람들간의 교류를 좀 더 원활하게 하고, 사용하는 사람의 UX (User eXperience)를 좀더 고려하는 방향으로 나아가겠지요.