달콤한상상

XML이 왜 필요하게 되었을까요?

웹에서 사용하기에 HTML은 지금도 잘 쓰이고 있습니다. 그죠.. 거기에 자바스크립트, DHTML, CGI, ASP, PHP...
을 통해서 이제는 동적인 페이지의 구성도 가능하죠.. 하지만 그 이면에는 우리도 느끼지 못하는 문제점이 있네요.

첫째로 NT-IIS-ASP-MSSQL, LINUX-Apache-PHP-MySQL 무얼 말하려는지 눈치 채셨나요?
바로 호환성입니다. 여기에 지금은 그나마 나아졌지만 초기에 IE와 넷스케이프의 호환도 엄청난 문제였죠.
즉, 정적인 HTML의 기능을 보완하다 보니 각 스크립트, 제품별로 상호호환이 안되는 거죠.

둘째로는 홈페이지를 새롭게 개편한다고 해보죠.. 디자인이 바뀌면 HTML페이지의 내용이 모두 바꿉니다.
그죠.. 물론 텍스트니까 복사&붙여넣기를 사용한다고 해도 넘 불편하죠..
즉, 디자인 부분만 바뀌면 되는데,, 데이터부분도 바꾸어야 하는 거죠..

셋째로 만약 악보를 웹에서 표현하고 싶다면 어떻게 할까요? 이미지로 그려야겠죠.. 그럼 그 그림을 다른 사람에게 보내면
그 사람이 그 악보를 해석해 낼 수 있을까요? 당연히 하죠.. 사람인데..
하지만 컴퓨터는 해석할 수 없죠... 이미지 프로세싱도 아니고 그림에서 어디가 '도''레''미'인지 컴퓨터가 어찌 알겠습니까?

이런걸 XML로 해결할 수 있다는 겁니다.

여기에서 잠시만 뻘소리를 좀 하자면, 제가 이렇게 막 XML이 좋다고 설명을 하면 마치 XML을 만병통치약 정도로 생각하는 사람들이 있습니다.
죄송하지만 아직 XML은 만들어지고 있는 언어입니다. 즉, 이론은 모두 나와 있지만 실제로는 제한된 부분만 구현이 되고 있습니다.
아마도 2~3년 내에는 실제로 모든 구현도 이루어 질수 있으리라고는 보지만,, 지금은 일단 추세를 따라가 주는 것이 중요할 듯합니다.
잠시.. 헛소리였습니다... 지송함다..

그렇다고 이러한 표준이 XML이 먼저는 아니었습니다. 아실분은 다 아시죠.. SGML(표준화된 일반 마크업 언어)라구요..
SGML은 실제로 정부 기관에서 많이 사용되었습니다. 하지만 넘 덩치가 큰 표준이었고요..
웹이 발달하기 이전에 나온 것이라 웹에 대한 지원이 미약했습니다. 하지만 이것이 바로 XML의 부모인 셈이죠..
XML은 SGML에서 사용되는 많은 기술들을 받아들여서 간소화하고 보완하면서 현재 발전해 나가고 있습니다.
아래 그림을 그걸 간단히 보여주고 있습니다.

                           <그림 : SGML과 XML의 관계>

자 이제 정리 해 보도록 하죠... 하~~ 역시 말로만 설명하는 건 넘 어렵죠.. 걱정 마세요. 담부터는 예제 중심으로 설명하도록 하죠.
지도 힘드네요.. 말도 잘 못하는 것이 주저리주저리 타이핑하려니 장난이 아니군요.. T__T

XML의 장점이 뭐죠?

1. 문서의 내용과 디자인이 완전히 분리 되어 있다는 겁니다. 즉, 문서의 구조와 프리젠테이션의 분리라 할 수 있죠.
문서의 구조는 XML문서를 통해서 트리구조의 구조적인 형태로 나타냅니다. 그리고 출력, 포매팅은 XSL 문서를 통해서 나타낼 수 있습니다.

2. 다양한 방식의 링크 기능을 제공합니다. XLink, XPointer를 이용하면 기존 HTML에서 이용하던 하이퍼링크 이상의 기능을 발휘할 수 있습니다.
자세한 내용은 강좌를 진행하면서 설명하도록 하죠.

3. 표준화된 DTD를 통해서 모든 분야에서 사용이 가능합니다. 요즘 많이 사용되는 WML, SMIL, SVG등이 모두 XML에 기반을 둔
언어입니다. 이것은 XML의 DTD를 선언하고 모든 사용자가 그 규칙에 맞추어 사용하면 컴퓨터나 사람이 모두 해석할 수 있는 메타 언어가 된다는 거죠.

야.. 갑작스럽게 어려운 용어가 많이 나왔네요.. 이론... 머리가 어지럽네요.. 앞으로 차근차근 제가 아는 것만큼 설명해 드리도록 하죠..

XML 문서의 구조와 포매팅의 구분

여기서는 참고로 XML의 구조와 포매팅의 분리에 대해서 설명을 좀 더 할까 합니다.
자동차를 하나 예로 들어서 설명을 해보죠.. 자동차 음~~ 현대 아반테의 엔진에 대한 설명서를 XML문서로 하나 가지고 있다고 해보죠.
그렇다면 지금 XML 문서는 준비가 되어 있는 겁니다. 그리고 포매팅을 할 수 있는 것이 없는 상태죠.
차 엔진 설명서에는 XML 형태로 아반테의 엔진에 대한 모든 내용이 포함되어 있습니다.
아반테를 생산하는 공장에서는 엔진을 조립하는 방법이 필요합니다.
그리고 차를 수리하는 카센타와 같은 곳에서는 엔진이 고장났을 때 수리하는 방법이 필요합니다.
마지막으로 차량 구입자에게는 아반테 엔진을 사용하는 방법의 설명서가 필요합니다.
이런걸 기존의 미디어라면 모두 각각 만들어야 합니다.
하지만 XML이라면 포매팅만 새롭게 해주면 기존의 XML문서를 이용하여 모두 만들어 낼 수 있습니다.
XML이라는 것이 좀더 매력으로 느껴지지 않으세요?? 안그런가? 쩝... 어쨌던~~
어떻게 그럴수 있을까요?? XSLT라고요.. XML을 변환하는 것에 대한 표준안이 W3C에서 이미 발표된 상태입니다.
각 벤더들이 그에 대한 솔루션을 각각 발표하겠죠..
또한 이 XSLT를 이용하면 다른 미디어로도 출판이 가능하다고 합니다.
즉, 위의 아반테 엔진을......
CD-ROM 버전으로 출판할 수 있구요.
웹에서 사용할 수 있는 형태로 출판할 수도 있구요..
요즘 많이 사용되는 PDA에서 사용할 있도록 나타낼 수도 있답니다.
실제로 제가 본 것은요.. XSL의 포매팅 객체 (Formatting Object)를 이용해서 PDF파일(아크로뱃리더)형식과 HTML과 WAP의
3가지 형태로 출력하는 외국의 사이트를 본적이 있네요.. (http://www.renderx.com/)
이제는 이런 형태의 XML이용이 점차 보편화 되고 있는 추세죠..

첫 강좌는 여기까집니다. 휴~~ 그럼.......   2002/08/01  From 미니

네이버 블로그와 까페를 이용하면서, 원작자인 나와는 관계없는 회사의 방침에 따라 블로그가 폐쇄될 수도 있고, 블로그 기능이 맘에 들지 않아도 회사가 투자를 해주지 않으면 어쩔 수 없고, 공짜다 보니 광고와 아이템 판매 같은 게 내 집을 어지럽혀도 참아야 한다는... 그런 게 찜찜하긴 했다.

그렇지만 사실 네이버를 운영하는 NHN 같은 큰 회사가 구축한 시스템은 나 같은 이용자에겐 매우 편리하고 재미를 줄만큼 기술적으로 앞서 있기 때문에 그런 찜찜함을 참아왔다. 기술적인 안정성이나 편리성... 블로그 같은 걸 이용하다보면 이게 은근히 중요하다고 느끼게 된다. (미디어몹이 더욱 분발하길...!)

며칠 전, 에피소드라는 블로그를 운영하는 시민단체(함께하는 시민행동)의 선배와 대화를 나누면서, 기술적으로 부족한 면에 대해 불만이 많지 않느냐고 질문 했더니 그런 면이 있지만 큰 문제는 아니고, 도리어 서로 통하는 사람들이 꾸며가는 공간이라는 점에서 장점이 있다는 말씀을 들었다.

그런 이야기를 들으면서도 우리 홈페이지, 초록정치에 자체 블로그를 두는 것은 계속 망설였다. 언젠가는 독립된 공간을 만들어야 하고, 그래야만 알뜰살뜰 가꾼 홈페이지나 블로그가 기업의 변덕에 따라 한순간에 사라져버리는 일 따위는 겪지 않을 것이라고 생각은 하면서 말이다.

실제로 98년부터 운영하던 개인 홈페이지를 회사의 사업 철수로 흔적도 찾을 수 없게 된 아픈 기억이 있다. 엘지가 운영하던 갤럭시라는 홈페이지 서비스... 한때는 매일 500명이 찾아오는 홈페이지였다. 회사가 망하던 때에는 관리를 중단한 상태긴 했지만, 아예 없앨 생각은 아니었는데 말이다. 당시 올려두었던 웹페이지들은 그대로 갖고 있지만, 회사에서 제공했던 게시판에 올라온 소중한 대화와 사연들은 모두 사라지고 말았다.

인터넷의 활력과 가능성에 대해 많은 이야기가 오가지만, 그 공간이 좌우하는 힘이 몇몇 기업들에게 있고, 인터넷을 통해 새로운 관계를 맺고자 하는 사람들이 스스로 꾸며가고 발전시키는 공간, 가능성을 만들지 않는다면, 인터넷은 그곳을 독점한 몇몇 기업들이 제공한 놀이터에 불과할지도 모른다.

몇몇 사람들에게 새로운 웹진을 만들어보자고, 이른바 "블로그 기반의 멀티미디어 커뮤니티 초록 웹진"을 만들자고... 그런 이야기를 꺼냈고, 지금도 짬 나는대로 생각은 하고 있는데... 하여간 그런 호화판 커뮤니티 웹진이 아니어도... 뭔가 하긴 해야하지 않을까..?

블로그와 까페에 올린 글들이 내 품 안의 자식이 아니었다는 충격적인 말을 듣고... 함 생각해본다. 웹진 초록정치에 개인 블로그를 만들게 하고 그 블로그를 연계하여 커뮤니티도 만들고 웹진도 되는, 그런 시스템을 얼렁 만들었으면...

 - 서형원 (녹색정치 준비모임 간사, 웹진 초록정치)

2. 써버느릴때 아무리 짜증나두 새로 업뎃된 사진은 꼭 봐야한다

17. 싸이가 "뜬" 가장 큰이유는 프리첼이 유료화라는 바보같은 짓을 했기 때문이다. 지금 아무리 무료화로 돌려봐도 소용없는 짓이라는걸 깨달았겠지

-> 싸이월드의 막강함이 여실히 드러나는 대목이다. 싸이월드와 프리챌의 차이는 SK와 프리챌홀딩스(프리챌의 모회사)의 차이에 다름 아니다. 사진 등의 컨텐츠 저장용량이 무제한이라니! 대체 이것이 왠말인가. 젊은이들 3명 중 2명은 디카를 보유하고 있으며, 1명은 항상 휴대하는 작금의 세태에, 이 시대의 멋진 리더라는 우리 네티즌 여러분들[비꼬는 의도 과분함]은 자신들의 쿨한 사진을 전시할 공간이 급히 필요했다. 게시판처럼 주로 글을 다루는 공간은 다소 부담스러웠다. 사진 올리다보며, 자연스레 넋두리하다보니 금새 채워지는 나의 공간이라니, 아, 뿌듯하기도 하여라?

프리챌은 유료화를 택할 수 밖에 없었다. 아니, 수익모델의 문제보다도 회사가 넘어갈 지경에 이르렀기 때문이다. 유료화 실패 후 실제로 회사가 넘어갔다. 그러나 SK? 너무 영리하게도 계정 용량을 부담없이 마구 나눠주며 도토리 장사[이게 젤 어이없다, 여기서 도토리는 다람쥐밥이 아니라 분명히 돈이다.]를 시작했다. 최고의 사기 및 이상적 장사는 전국민을 상대로 100원씩만 빼어먹는 장사이다. 그리고 도토리가 수익성을 보일 때까지[필자는 싸이가 아직 흑자 전환하지 않았을 것으로 파악하고 있다.] 전국민에게 그깟 몇 백메가 이상씩 뿌리는 일들, SK에게는 아무 일도 아니다. 독과점 시장을 만들 날까지 거인은 어디가 긁혔을지 느낌도 없다. 접속이 폭주해서 써버가 느려지고, 그 트래픽량이 폭발해도 세상에서 가장 멋질 우리의 용사, "자본"이 다 마그마? 대기업이 이렇게까지 정말 있는 장사 없는 장사, 다 개입해서 해먹어야겠냐?!

거기에 싸이월드가 무리하며 도메인을 NATE가 포함된 형태로 바꾼 것이 최근의 일이다. 뭐 시스템을 조금 손봤다고 하는데, 내가 보기엔 첫째가 무선모바일 시장을 노리기 위해서일 것이고, 둘째로는 칼라링 받을때만 접속하는 NATE.com에 더욱 힘을 실어주기 위해서이리라. 제발 이미 변해가고 있다는 대한민국의 자랑스러운 기업 SK의 배려라고 감동하지는 말아주시길.

더욱 영리한 것은 흔히 빠지기 쉬운 e-mail 계정 만들어 나눠주기의 함정은 아예 하지도 않았다는 것이다. 거들떠 볼 필요도 없었다. 아직도 DAUM의 카페와 연관되어 큰 힘을 발휘하는 DAUM 한메일의 아성을 깨기가 결코 쉽지 않기 때문이다. 이제는 어느 정도 판세가 굳었으므로 명함 다시 고쳐찍거나 새로 주소를 홍보하기 힘들 이들에게 DAUM-한메일의 지배는 꽤 오래 작용할 것이다. 그러나 e-mail 계정, 결국 자신이 가장 로그인 많이 하는 싸이트의 것으로 사용하는 것이 보편적이므로, 앞으로도 시장 변화의 가능성은 충분하다. 요즘 아무도 안 써주는 황현정씨가 짜잘한 요리프로에 출현할 때마다 언급하는 그녀의 막강한 남편, 이 모씨 [아마 그런 족속들 - 김희애 부군, 고현정 부군 - 은 TV보다가 드라마도 일종의 홈쇼핑 프로인줄 알고 "저거 살테야!"라고 하면 자기집에 실제로 연예인이 배달되기도 하는지 모를 일이다.] , MSN Hotmail의 위협에 시달리고 있을것으로 점쳐진다. 그리고 NATE-ON(그렇게 편리하다매요?) 등으로 야금야금 NATE.com에 집중하는 SK에게 더 이상의 e-mail 사업은 혼선만 빚을 뿐이기 때문이기도 하다.



16. 사진은 매일매일 조금씩 업뎃 되는 홈피가 재밌다. 한꺼번에 몇십장 올라오면 흥미를 읽게된다

-> 너무 많은 정보량은 오히려 없는 것과 같은 것이 지금의 정보화 시대이다. 그러므로 자신의 홈피 사진도 전략적으로 업데이트할 필요가 있는 것이다. 매일 조금씩만 올려야 그 페이지가 살아있다는 느낌이 들 것이며, 그 공간을 찾는 이들에게 홈피주인, 즉 사진게재자의 모든 사생활을 자기가 다 꿰고 있다는 환상을 심어주기에 충분하다.



3. 첨에 파도타기하다가 아는사람보면 펄쩍뛰며 신기해한다

4. 어느정도 싸이에 익숙해지면 이세상이 정말 쫍다는걸 느끼구 그담부턴 누구누구 홈피에서 누구누구를 봐도 놀라지도 않는다

5. 차츰 몰래몰래 다녀가는 미니홈피들이 생긴다 자신한테두 싸이코 기질이 있구나 하는 생각이 차츰 들어온다

6. 내가 몰래몰래 다니는 만큼 누가 내 홈피를 다녀가서 조회수를 높이나 궁금해한다

10. 싸이월드에서 몰래 봐왔던 사람들을 직접 만나게 되었을때 캡 어색하다 아는척을 해야할지 말아야할지 싸이월드에 있는 사람들은 실제 존재 인물들이다. 진짜 길거리에 지나가는걸 본적두 있다. 특히 코엑스 몰, 압구정동, 백화점 등에서.

15. 일단 나는 모든걸 비공개루 하지만 남들도 비공개 하면 짜증난다. 그리구 모르는 사람 홈피 갔을때 모든게 전체공개 되어있으면 신이나서 구경한다.

-> 모든 이들의 링크화, 막강하다. 그 사람의 싸이월드 홈피를 알게되면 그 이와 밀접한 이들(사진도 보아주고, 답글도 써주고..)의 홈피까지 알 수 있게되는 것, 이야말로 관음에 굶주린 현대인들에게 최고의 취미이다. 넓게 사람을 알아가고, 자기가 알고있는 사람의 친구들까지 어떤 인물들일지 대충 알아갈 수 있다는 점, 긍정적으로 작용하고 있는 부분이 물론 많겠으나, 대개는 '훔쳐보기'의 일종일 것만 같은데?

10번에 관한 부분은 두 가지로 살펴볼 수 있겠는데, 첫째는 자신의 cyber-showing이 그 인지도에서나 조회수(Hit개념까지 설정해놓았다니 역시 치밀해!)에서 어느 정도 수준에 도달하게 되면, 자신이 넷상의 스타[투데이 멤버 소개 개념? 교묘한 덫은 너무나도, 정말 너무나도 집요하다. 상줘야겠다?]라도 되었다는 착각에 빠지기 십상이다. 그러나 위의 기준들을 충족시키기 위한 당신의 총알은 결국 마지막엔 오직 도토리이기 쉬워라. 둘째는 타인과 인간관계할 때, 그이가 내게 제공하지 않은 정보를 나 혼자 훔쳐보기로 알아내서 보유하고 있을 때의 애매함이다. 훔쳐봤다고 말하기도 쑥쓰럽고, 모른척하자니 다 아는 내용이고 말이다.



7. 스크랩수가 올라갈때마다 누가 퍼갔을까 반걱정 반호기심

8. 이전엔 습관적으로 자유롭게 친구들이랑 찍던 사진들두 이제는 밖에서 레스토랑같은데서 사진찍을때면 쳐다보는 사람들이 "쟤네 저거 싸이에 올릴려구 찍는거야!" 하구 생각할까봐 좀 쪽팔린다. 그리구 본인두 남들이 사진찍으면 그렇게 생각한다

-> 이런! 이런 생각은 한 번도 해본적이 없는데.. 물론 나 역시 내 싸이버-공간에 올리기 위해서 미국과 유럽에서나 최근의 일상에서나 틈나는대로 열심히 사진을 찍어대고 있는거 아니냐고 누군가에게 질문을 받는다면, 그에 결코 거짓이라고 답할 수는 없을 것이다. 알지도 못하는 타인이 뭐라고 생각하는지까지 알 바는 아니다만[내 머리만으로도 복잡해죽겠다.. 네생각은 네가 알아서 좀 해라.], 싸이를 위해서는 결코 아닌데! KJLAB.com(http://kjlab.com ) Forever!!



11. 스킨을 직접 살때와 선물받은 스킨을 사용할때 기분이 백만배 차이난다

12. 어느날 모든 미니홈피의 음악이 짜증나서 볼륨을 죽여버린다

-> 역시 도토리의 성공사례라 하겠다. 싸이월드가 친절하게 생일이나 기념일까지 알려준다 하는것 같던데, 그런 통보를 받게 되면 우리는 자연스레 당사자에게 음악이든 스킨이든 뭔가 해주어야한다고 생각이 들게 마련이다. 그리고 "에이, 500원도 안하는데, 까짓..라는 가벼운 생각, 우리는 우리가 이런 고민들에 빠지는 사이, 여기서 돈을 모아 고소영(Oh, My Goddess!)과 살고 있을 최태원과 전경련 회장도 못해먹겠다는 손길승을 생각해봐야할 것이다.



13. 1촌신청할때 매우 고민한다. 저쪽에서 내가 1촌신청을 하면 어떤 반응을 보일까. 어떤 사진은 보여주고싶구 어떤 사진은 안 보여주고 싶고.....등등. 마찬가지로 별로 1촌하고 싶지않은 누가 나한테 1촌신청하면 수락안할수도 없구 좀 난처해진다.


14. 1촌에도 레벨이 있었으면 한다. 근데 사실상 불가능이란걸 알지만. 그렇다구 홈피를 3-4개 만들수 있는것두 아니구.

-> 1촌시스템, 실로 치밀하다. 단계를 두어 정보를 공개할 수 있다니? 손쉽게 Gate-keeper(정보의 통로, 길목에서 정보의 접속을 통제하며 실리를 챙기는 세력)가 된 자신의 모습에서 우월감을 느끼자! 14번의 지적, 역시 일리있다, 오~ 미다스 SK, 그냥 2촌,3촌도 만들지 그래? 그러려면 도토리가 몰래 50원씩은 올라야할지도 모를 일이지.



18. 세상에는 딱 2가지 사람들이 있다. 싸이하는 사람들. 싸이 안하는 사람들.

-> 지금 여기까지 글을 흥미있게 읽어온 당신이라면, 이미 중독이다! 정상적인 반응은 "에이, 이게 뭐람, 또 오바하고 있는거야!"하고 반쯤 읽다 다른 페이지로 날아갔어야 정상이란 말이지. 그리고 두 가지 부류에 한 가지 부류가 더 있다. 아예 개인홈피를 차려놓고 너무(!) 쓸데없이 집중하는 사람들(나도 속해있겠지?), 이건 아예 '구제불능'이다.

*** 끝

1.

우선 달력을 만들기 위해서 기본배경이 되는 틀과 넣고싶은 이미지를 하나씩 불러옵니다.

달력의 틀이되는 이미지

내부를 채울 이미지

2.

먼저 틀이 되는 이미지부터 저번 시간에 배운 [이미지 사이즈] 조절을 통해 원하는 크기로 리사이징 합니다. 제가올린 위의 이미지가 400*400px인데, 그에비해 너무 크게 확대시키면 이미지의 질이 안좋게 변하는건 당연한 결과겠죠 ^^ 적당히 크기조절을 합시다.

자 됐으면 다음은 내부이미지. 내부에 들어가야하니깐 틀보다는 조금 작아야 안에들어갈수 있겠죠..

[이미지사이즈]조절이 끝나면 내부이미지를 전체선택(ctr + A) 혹은 사각형선택툴(M)로 원하는 부분만큼 선택을 하고, 복사(crt + C)해 틀 이미지에다가 붙여넣기(crt + V)합니다.

* 처음에도 언급하였듯이 포토샵에서는 보통의 윈도우 프로그램과는 달라 마우스의 오른쪽마우스를 클릭했을때 나오는 메뉴가 조금 다릅니다. 이 부분에서 설명한 단축키는 꼭 외워두도록 합시다. 안그러면, 작업이 너무 어려워져요 ㅠㅠ

자 그럼 위 그림과 같은 결과를 얻었나요?

그림 두개가 겹쳐져 있어도 당황하지마세요 ^^ 제대로 된 거니깐요..

오른쪽 [레이어 페널]에서 새로 붙여진 레이어가 진한색으로 선택되어져 있다면,

왼쪽의 툴바에서 [이동툴(Move Tool, V)]을 선택한뒤, 위의 상태바에서 [Show bounding box]가 체크되어있는지 확인한다. 체크되어있지않으면 체크해줍니다.(한글판에서는 뭐라고 되어있는지 확실히 모르겠지만, 테두리보이기(?) 뭐 이런뜻으로 되어있을 겁니다 ㅡ.ㅡ)

그러고 나면 현재 선택되어있는 레이어의 이미지 테두리에 점선으로 된 사각형이 보여지게 된답니다. 그리고 아래위 좌우 그리고 대각선 방향에는 크기를 늘였다 줄였다 할수있는 조그만 사각형이 보입니다.

이 상태를 따로 Free transform(자유변형)이라고도 합니다.

어쨌든

새로 붙여진 이미지의 크기와 위치를 기존 판 레이어와 어울리게 배치해 봅시다.

먼저 이미지를 쉬프트키(Shift)를 누른채로 변형시켜봅시다.(대각선 방향으로만 합니다) 그리고 컨트롤(Ctr)키를 누르면서도 한번해보고, 알트(Alt)키를 누르면서도 해봅시다. 신기하죠? ^^

이 기능을 정리해보면 

쉬프트키(Shift)를 누른채로 변형 : 가로, 세로의 크기 비율이 유지되면서 변형됨

알트(Alt)키를 누른채로 변형 : 이미지의 정가운데를 중심 축으로 변형됨

컨트롤(Ctr)키를 누른채로 변형 : 해당 귀퉁이만 변형됨(이미지가 심하게 변할수있으니 조심)

이외에도 [이동툴(Move Tool, V)]의 Free transform(자유변형)은 이미지를 회전시킬수도 있고, 기울기도 변화시킬수 있습니다. 위의 상태바에서 찾아보세요 ^^

모양이 뒤에있는 이미지와 어울리게 되었다면 툴바의 맨위의 왼쪽에있는 [사각형선택툴(M)]을 마우스로 클릭해 봅니다. 변형된 이미지를 적용할꺼냐고 물어보면 OK를 꾹 눌러주세요..

킁...

포토샵을 종료하고 저장된 파일을 찾아서 바탕화면으로 지정해주시면, 내가만든 이쁜 달력 바탕화면이 된답니다. ^______^ 우와 신난다,,

1. 주제설정
만들고자 하는 사이트의 주제를 파악해야 합니다. 주제를 정해야 디자인의 컨셉(concept)을 잡고 그에 맞는 디자인을 할 수 있기 때문이지요.
주제에 따는 홈페이지 제작의도 또한 파악해야 합니다. 사이트에서 강조하고 싶은 것은 무엇인지(예 : 회사홍보, 제품소개, 전자상거래 등),주요 이용고객의 Target은 누구인지 (예 : 학생, 주부, 직장인, 각분야의 전문가 등)에 따라 디자인의 경향이 많이 달라지게 됩니다.

-> 물론 이정도는 다들 염두해 두셨을 거라 믿고 부가 설명없이 넘어가겠습니다. ^^

2. 자료조사
자료가 충분히 준비된 상테에서 진행을 해야 순조롭게 이루어집니다.
필요한 내용들을 text로 모두 준비 해 두고, 이미지들도 Scanning 해 두어 필요할 때 바로 꺼내어 쓸 수 있어야 합니다. 웹에서 글씨를 읽는 것은 책보다는 집중성이 떨어지고 쉽게 포기 해 버리는 경우가 많기 때문에 필요이상의 많은 자료보다는 중요한 부분만을 요점으로 간단명료하게 준비 해 두는 것이 좋습니다. 오타검사 또한 중요합니다.

-> 저는 사실 자료조사보다는 벤치마킹이 더 중요하다고 봅니다. 정말 좋은 싸이트가 있다면, 혹은 경쟁상대가 될만한(물론 혼자만의 생각이겠지만 ㅋㅋ) 싸이트가 있다면 그 싸이트의 전체 레이아웃부터 footer(카피라잇표시부분)까지 쫙 훌터 따라해 보면서 자기것으로 만들면 좋을것 같아요..물론 시간이 허락하는 만큼만이죠 ^^...모방은 창조의 어머니라는 말 거짓말 아닙니다!!!

3. 메뉴분류
메뉴를 크게 몇가지로 나눌 것인지, 그 나뉜 메뉴는 또 몇개의 sub로 나뉠지를 결정합니다.
메뉴가 너무 많게 되면 혼란스러우므로 적당히(5~7개가 적당) 나누고, 메뉴의 이동이 너무 잦지 않도록 분류를 잘 나누어야 합니다. sub메뉴들이 3단계(Three depths) 이상으로 계속 나뉘게 되면 화면상 배치하기도 어렵고 자칫 어지러워질 수 있으므로 간결하고 분명하게 구분하여 나누어야 합니다. 메인메뉴는 7개 이상이 넘어가면 화면 분배상, 이용상 좋지 않습니다. 가장 이상적인 메뉴는 5개 이지요. 그리고 Home, E-mail, Sitemap, English 등의 메뉴는 메인메뉴와는 구분지어 다른 디자인으로 꾸미는 것이 좋습니다.

4. 구조도 작성
메인메뉴과 서브메뉴 등을 정리하여 표로 만든 구조도가 필요합니다.
이 떄 이미지나 HTML 의 네이밍룰(Naming Rule)도 함께 정해두셔야 합니다.
네이밍룰이란 필요한 내용들의 문서에 대한 이름들을 나름대로 규칙을 짜서 만들어 놓으면 정리하기도 편하고 찾기도 쉬운 이점이 있습니다.

-> 3번과 4번 5번을 붙여서 설명하는 것이 편하겠네요 ^^(저는 거의 동시에 이작업을 하거덩요)

 앞의 주제설정과 자료조사(혹은 사측 요구도조사) 및 다른 싸이트 벤치마킹이 끝나면 대충 이 싸이트에 들어갈 내용이 무엇일지 쭈루룩 나옵니다. 그것을 구조화시켜 표같은 걸로 작성하면 구조도가되는거죠 ^^ 저도 이번 작업때 한번 작성 해봤는데 프린터로 뽑아서 모니터옆에 붙여놓고 필요할때마다 수정, 추가 메모하니깐 헷갈리지않고 편해서 좋더군요 ^^..아래는 제가 짠 대충의 회사 홈피 구조도입니다.

1)메인페이지

왼쪽플레임(180px)            가운데플레임(470px)             오른쪽플레임(150px)

-----------------------------------------------------------------------------------------------

로그인                              주요사업/이벤트큰배너         싸이트내부검색

회원가입                           미니게시판1                        동맹싸이트배너

각종사업배너                     미니게시판2

-----------------------------------------------------------------------------------------------

Footer(로고 주소 전화번호 Fax 관리자이메일)

2)메뉴분류

소개 : 소개1, 사업, 연혁, 약도

주요컨텐츠1 : .....

주요컨텐츠2 : .....

열린광장 : 자유게시판, 사진자료, 문서자료, 링크

제가 대충 짠거인대 글자 문구하나, 픽셀하나까지 처음부터 정확하게 정해놓고 하는게 좋아요^^

그리고 실제로 할땐 이것 보다 훨씬 복잡하답니다. ㅠㅠ

6. 디자인 작업
디자인 작업에 주로 쓰이는 툴은 Adobe Photoshop입니다.
우선 프레임 디자인(메뉴가 있는 부분)을 꾸며봅니다. 이떄 프레임은 어떻게 나눌 것인지를 염두에 두면서 작업해야 합니다.
이미지는 어떻게 쪼갤것인지, 백그라운드로 쓸 것인지, 그냥 이미지로 얹을 것인지 모두 고려해야 합니다.

7. 그림쪼개기
결정된 디자인을 웹에 띄우기 위해서는 그림을 GIF나 JPG로 저장 해야 합니다.
이 때 큰 그림의 경우는 여러조각으로 쪼개어 Table에 정렬하여 올리게 됩니다.
또한 Javascript나 여러 효과를 위해서도 이미지를 쪼개야 하는 경우가 많이 생깁니다.

-> 음 여기서 부터는 앞으로 나가게 될 포토샵 강의에서 하는 게 좋겠군요.. 저도 처음에 아무생각 없이 픽셀만 맞추면 되겠지 하고 시작했는데..전체적인 통일성을 맞추면 세부적인 부분이 안맞고,,하나하나신경쓰다보면 통일성이 깨지고..해서 아무래도 여기서 부터 흔이 말하는 감(感)이 필요한것 같아요 ㅋ

 그냥 여기서는 홈페이지 기조색을 2-3가지(RGB색상코드로 정확하게) 정해두면 통일감있고 좋겠다는 말 정도만 해둘게요^^ 

8. 웹에 올리기
HTML(Hyper Text Markup Lanague)을 이용하여 준비된 내용들을 브라우져에 실제로 띄우는 작업입니다. 직접 메모장에서 HTML을 만드는 경우도 있고 Editor(Frontpage, 나모 웹에디터, Dreamweaver, Golive 등)을 이용하여 만들기도 합니다. 전문가들은 주로 기본 틀을 에디터에서 잡고 메모장으로 소스를 추가하여 정리하는 방법으로 작업합니다.

-> 요즘은 에디터가 잘 나와있어서 저장과 동시에 ftp에 올라간답니다. 참 편하죠?^^ 다시말해 컴퓨터에서 저장하는순간 웹에서도 바로 리뉴얼 된다는 말입니다. 저는 주로 텍스트편집할때는 울트라 에디터롤 사용하고 여기서 기본적인 구조 틀이 갖춰지고, 세세한 디자인적인 면들을 고칠때만 드림위버를 사용한답니다. 뭐 절대적으로 좋은 프로그램은 따로없고요..취향에 따라 쓰세요 ^^

9. Scripting
화면을 좀더 Intractive하게 만들어 주기 위한 방법으로 Javascript, Java applet, dHTML 등이 있습니다. 이런 작업들을 추가하여 동적이고 화려하게 만들어 줍니다.

-> 개인적으로 비추천입니다. ^^ 제가 컴공과를 다녀서 그런지(공부도 못하는게 땡고집은? -_-;;)..잘모르고 썼을때 에러의 주요 원인이 되고, 코딩자체가 지저분해지고 길어진답니다. ㅠㅠ 필요한부분 모두 html로 작성하시고.. 꼭 필요한 부분이 있다면 마지막에 덧붙이도록 합시다 ^^ 

10. 테스트
링크된 곳은 제대로 연결이 되어있는지, 모든 브라우져에서 무리없이 잘 보이는지, 에러나는 부분은 없는지 전체 페이지를 모두 테스트 해 봅니다.

11. 오류수정
테스트를 거쳐 발견된 오류들을 수정합니다.

-> asp나 자바스크립트 혹은 비쥬얼 베이직 등등의 에러의 경우 익스플로러의 메뉴 (보기)에서 (상태표시줄)을 선택하시면 브라우저 왼쪽 아래에 노란색 느낌표로 뜬답니다. 고놈을 더블클릭하면 에러가 뭔지 상세하진 않아도 대충은 에러가 난 코드의 줄번호까지 나옵니다. 울트라 에디트로 보면 줄번호가 표시 되기대문에 표시되는 줄번호를 찾아가 고쳐주면 된답니다. ^^

12. 서버올리기
웹에 바로 연결되어 있는 서버로 올립니다.
FTP는 주로 ws_ftp나 cute ftp를 많이 씁니다.
디렉토리 구조도 제대로 확인 한 후에 올리도록 합니다.

!!!물론 이걸로 강의가 끝난건 아닙니다. ^^ (혹시 걱정하는분이 계시다면..그럴리 없겠지만.-_-;;)

앞으로의 HTML강의에서 하나하나 단계별로 예시를 들면서 설명을 해드리도록 하죠 ^^ 시간이 허락하는한 ㅋㅋ

14일 인천국제공항과 출입국관리사무소에 따르면 아프리카 국가 출신의 남자 A 씨는 지난 5월16일 스위스 취리히에서 입국이 거부돼 국내로 송환됐다.

A씨는 한국을 출발, 스위스에 도착해 여권을 찢고 망명을 요청했으나, 스위스 정부가 심사 끝에 "망명을 시도할 난민으로 볼 수 없다"며 우리나라로 추방한 것.

결국 A씨는 이전 경유지인 한국으로 돌아왔지만 여권이 없어서 국내에서도 본인 여부를 확인할 수 없는 `무국적자'로 판명, 입국이 거부됐다.

20대 후반으로 추정되는 A씨는 자신이 아프리카에 있는 모 국가 출신이며, 자신 의 국가는 내전으로 혼란스러운 상황이라고 주장했다.

출입국관리사무소측은 A씨의 주장을 검토하기 위해 일본에 있는 A씨 출신 국가 의 대사관에 연락을 취한 뒤 신원 확인에 나섰다.

그러나 A씨의 여권과 탑승권이 없어서 확인에 시간이 걸렸고, 출입국사무소측은 A씨를 입국 터미널내 모처의 `출국 대기실'(Detention Room)에 머물게 했다.

그러는 와중에 시간이 흘러 이달 13일까지 120일이 흐른 것.

현재 출국 대기실에는 A씨를 비롯, 범죄전력 등 명백한 거부사유로 입국이 불허 된 다수의 외국인 입국 거부자들이 기거하고 있다.

관계기관에 따르면 매일 20∼30여명이 대기실에 머물며, 입국거부 당일 송환되 는 사례가 많지만 여권 재발급을 기다리다 1∼2주일 이상이 걸릴 때도 있다.

이들은 경유 공항에서 다른 공항으로 가기 위해 잠시 머무르는 환승여객(Transf er Passenger)과 동일한 상황에 놓여 있지만 행동에 제약이 있다는 점이 다르다. 한 정된 공간을 벗어날 수 없는 `공항 노숙자'인 셈.

그러나 공항 당국이 의식주 해결을 위해 식사를 제공하며, 대기실에는 침상ㆍ화 장실ㆍ샤워실과 TV, 인터넷, 공중전화까지 설치돼 생활에는 큰 불편이 없다.

동남아 출신 입국거부자가 많아 특정 언어로 된 기내 신문도 매일 제공된다. 장 기 체류자의 경우 옷을 빨아 널고 잠을 자는 등 `일상생활'도 편안히 유지하고 있다.

A씨는 주변 사람들에게 "한국에서 돈을 벌고 싶다"고 말하는 것으로 전해졌다.

공항 관계자는 "대기실 외국인의 상당수는 불법체류를 위해 입국을 시도하다 좌 절된 사람들"이라며 "이들은 적법절차에 따라 이전 경유지로 송환되는 게 원칙이며 A씨도 여권이 나오는 이달말 한국을 떠날 것"이라고 말했다.

zoo@yna.co.kr (끝)

<저 작 권 자(c)연 합 뉴 스. 무 단 전 재-재 배 포 금 지.>