이번에는 프로그램 외적인 부분에 관하여 말씀 드려 보겠습니다.
웹 프로그램은 어떤 형태라도 반드시 디자인 요소와 결합되어야 완성 된다고 할 수 있습니다. 결과적으로 프로그래머 입장에서는 디자이너와 호흡이 중요하게 됩니다. 대부분 같은 소규모의 팀을 이루게 되어 작업을 하게 됩니다. 중요한 것은 서로간의 이해와 협조입니다. 주위에서 보면 디자이너와 프로그래머 사이의 불화 때문에 업무가 진척되지 않는 경우가 종종 있습니다. 어차피 사람이 하는 일이라서 서로 이해하는 마음과 도우려는 마음이 있어야 순조롭게 일이 진행될 수 있습니다.
디자이너의 입장에서는 프로그래머가 만들어 준 디자인을 제대로 반영해 주지 못한다고 푸념만 하면 안됩니다. 그대신 중간중간에 많은 대화를 해서 하나하나 모호한 부분을 해결해 나가는 것이 중요합니다. 조금이라도 의심이 된다면 바로 이야기 하여 문제점이 발생할 소지가 없는지 알아보아야 합니다. 문제가 없겠지 하고 일을 진행했다가 막바지에 엄청난 수정 작업을 할 수도 있습니다. 디자이너 관점에서 이것은 가능할 것 같지만 프로그램으로 실제 구현하다 보면 디자인에 맞추기 어려운 부분이 분명 존재하기 마련입니다. 이런 경우에 머리를 맞대고 같이 여러 가지 방법을 이야기하다 보면 의외로 일이 쉽게 풀리게 될 수도 있습니다.
프로그래머의 입장에서는 디자인이 완성되어 HTML로 코딩 되어 오는 과정이 그렇게 간단하게 이루어지지 않는 것이라는 것을 이해해야 합니다. 그래픽 툴로 슥슥 잡업해서 이미지 잘라서 프로그램 써서 코딩하는 것만 보고 쉽다고 생각할 수 있습니다. 하지만 디자인을 조금만 직접 해 보세요 그리 쉬운 작업이 아니라는 것이 느껴지실 겁니다. 제가 느낀 바로는 툴에 능숙하지 못한 것은 차치하고 요구사항에 맞는 디자인을 이미지를 가공하여 만들어 내는 작업이 쉽지 않습니다. 물론 능력이 뛰어나서 프로그래밍과 디자인에 능숙한 분은 제외하구요. 프로그램만 하시는 주로 하시는 분은 디자이너를 가급적 이해하고 도와주려고 노력하는 마음 자세를 가지는 것이 필요합니다. 디자이너 입장에서는 어려운 일은 프로그래머 입장에서는 간단할 수 있기 때문입니다.
작업 전 디자이너와 프로그래머 사이에 몇 가지 규칙을 정하고 출발한다면 좀 더 효율적으로 작업할 수 있습니다.
첫째로 이미지 이름에 관한 것인데 공통적으로 쓰이는 버튼이나 타이틀 이미지의 이름들은 btn_, tit_ 이런 식으로 접두어를 붙여 구별을 하여 파일명만 보고 어떤 이미지인지 예측할 수 있도록 합니다. 그리고 이미지를 넣는 폴더의 이름을 통일하고 각 폴더별로 넣을 것인지 한 폴더에 모두 넣을지 결정합니다. 이미지의 이름은 가급적 의미 있는 이름을 부여합니다. 또 이미지 맵이나 기타 이름을 기본으로 정해지는 이름을 사용하지 말고 구별할 수 있도록 부여합니다. 그렇지 않으면 이름 중복으로 인하여 예상하지 못한 문제가 발생하여 쓸데없이 시간이 낭비되는 경우가 있습니다.
두번째로 작업 파일을 올릴 때의 방법인데 파일을 덮어 쓸 때 백업받고 올리는 것을 원칙으로 합니다. 예를 들어 sample.gif 파일을 올린다고 하면 원래의 이미지를 sample-20040720.gif 이런식으로 백업받습니다. 이름을 변경한 뒤에 올리면 혹시 있을 지 모르는 실수에 대비할 수 있습니다. 이런 백업 파일들은 사이트가 실제 가동되기 전에 정리해 주면 됩니다.
에디터를 사용하여 소스 작업파일을 직접 올리게 되는 경우에는 실수로 소스가 통째로 유실 되는 경우가 있으니 반드시 백업후에 작업하시기 바랍니다. 귀찮기는 해도 미리미리 대비하는 것이 안전합니다.
디자이너와 프로그래머가 호흡이 잘 맞으면 아무리 요구사항이 많은 사이트라 하더라도 업무 외적인 부분으로 충돌하는 부분이 없을 겁니다. 서로 호흡이 맞지 않아서 사이 라도 나빠지면 일하기 정말 어렵습니다. 일을 잘 하는 능력도 중요하지만 인간관계도 무시할 수 없는 중요한 요소입니다.
다음에는 라이브러리 구축에 관하여 말씀드리겠습니다.