웹 뒤에 숨은 web

세번째 웹퍼블리셔 오리엔테이션 소식

추지호 — Mon, 08 Feb 2010 09:23:27 +0900

안녕하세요.

세번째 웹퍼블리셔 오리엔테이션

지난해 첫번째 행사와 두번째 행사를 무사히 마치고, 2010년 새 해를 맞이하면서 오는 2월 27일 토요일 오후 1시부터 5시까지 4시간동안 서울 삼성동 포스코센터 서관 5층 한국 마이크로소프트 세미나실에서 세번째 행사를 개최하려고 합니다.

웹퍼블리셔 오리엔테이션은 웹퍼블리셔 경력 1년 미만의 신입과 입문자들을 위한 세미나로, 웹퍼블리셔들의 업무 프로세스에서부터 개인 임무의 영역까지 여러가지 주제들을 이야기하면서 스스로의 비전을 찾고 자기계발의 기회를 가질수 있도록 독려하기 위한 행사입니다. 2009년 2월 첫 행사를 시작으로 세번째 자리를 갖게 되었으며, 황지훈, 장기웅님등 여러 업계 선배님들이 함께 해 주시고 계십니다.

이번 행사부터는 종전 20명 참석에서 40명 참석으로 최대 인원을 늘렸구요. 참석 신청 후 책임비(2,000원)를 미리 공지된 계좌로 이체하여 참석 여부를 확실히 해 두는 제도를 마련했습니다. 사실 2,000원 그렇게 큰 돈도 아니어서 계좌 이체까지 하는 것 자체가 매우 불편할 수도 있습니다. 하지만 무료나 다름없이 진행되는 이 세미나를 위해서 참석자 인원대로 장소를 섭외하고 다과를 준비하는 등 비용을 들인 이후에 불참자가 많아서 고스란히 운영진들이 주머니를 털어야 하는 상황이 매번 반복되다 보니 행사 진행에 대한 어려움을 점점 크게 느껴가는 점이 있었습니다. 하지만 그보다 더 아쉬운건 오시기로 했던 분들이 부득이하게 참석하지 못하셔서 빈자리를 넓혀 갈 때 입니다. 운영진들 어깨가 축 쳐지죠^^;

아무쪼록 이번 행사에서는 보다 많은 분들이 신청도 해 주시고, 책임있게 참석도 해 주셔서 보다 의미 있는 자리가 될 수 있기를 바라겠습니다.

행사 안내와 관련한 자세한 내용은 클리어보스 세미나 페이지를 확인해 보시면 됩니다.

덤, 혹시 이 글을 읽는 분 가운데 이 작은 행사에 후원을 해 주실 곳이 있다면 서슴치 마시고 연락 주세요~! 책 한 권이라도 아주 감사하게 받아서, 참석자 분들께 나눠 드릴수 있습니다~

좋아보이는 웹사이트를 만드는 디자인 원칙

추지호 — Thu, 04 Feb 2010 12:29:42 +0900

좋아보이는 웹사이트를 만드는 디자인 원칙

고등학교 시절 내 꿈은 웹 디자이너였다. 페인트 샵 프로를 이용해서 머리속에 그려지는 온갖 것들을 디지털 이미지로 창조해 내는 그 느낌이 너무나 황홀했고 행복했었다. '디자이너'라는 이름이 가져다 주는 감동도 컸다. 거기에 HTML과 CSS라는 프로그래밍같은 언어를 함께 다루는 솜씨는 더욱 더 웹 디자이너를 돋보이게 했다. 하지만 대학을 졸업하고, 군대를 마치고 나니 많은 것이 변했고, 나는 HTML과 CSS를 다루는 UI개발자가 되어 있었다. 포토샵을 실행시키기는 하지만 대부분 디자이너가 작업한 PSD파일을 자르고, 약간씩 편집을 하는 수준이었다. 무엇인가 창조하는 즐거움은 사라지고 없었다. 그런 업무적 경계과 선명해질 수록 나는 웹디자이너와 다른 모습으로 살아가게 되었고, 그들의 생각이나 고민을 이해하지 못하게 되었다. 막연히 디자인도 역시 힘들고 고단하겠지하고 넘겨 짚을 뿐이었다.

우리가 하는 일-웹 사이트를 제작하는-이라는 것이 기획자나 디자이너, 개발자나 퍼블리셔 한 두명으로 되지 않는다는 사실은 누구나 알고 있다. 하지만 점점 분야의 깊이가 깊어지면서 서로의 업무의 경계를 분명해지고 벽이 만들어진다. 서로를 이해하기 힘들어지게 되며 자신만의 지식이 진리가 되어 버리곤 한다. 사이트는 쉽게 경로를 이탈하게 되고, 일정은 무한히 늘어진다. 모두가 피곤해진다.

과거에는 스스로 기획과 디자인 개발과 퍼블리싱을 모두 해내야 하는 웹 마스터가 있었지만, 지금은 보다 더 현명하게 웹사이트를 제작하고, 자신의 일을 훨씬 전문화시키기 위해서 서로를 이해할 필요가 있다고 생각한다. 그래서 종종 내가 하지 않는 일. 내가 관심을 두지 않는 일들에 대해서 관심을 둘 필요도 있지 않을까 생각한다. 조금씩 공부를 하고, 이해를 하기 시작하면 디자이너가 개발자가 얼마나 고단한지 어떤 어려움이 있는지 이해할 수 있고, 협업에 있어 도움을 주고 받을 수 있지 않을까?

그런 의미에서 최근에 내가 찾아 읽은 책은 '좋아보이는 웹 사이트를 만드는 디자인 원칙'(도서출판 인사이트)이었다. C, JAVA를 비롯해 ASP, PHP, JSP등 여러 개발 언어는 대학시절부터 꾸준히 공부를 해 왔지만 고등학교 이후 디자인 영역은 내 영역이 아니라고 생각했고 그만큼 멀찍이 떨어져 지내 왔던게 사실이다.

하지만 최근 몇년간 웹표준과 웹접근성에 대한 이야기가 많이 화자되면서 디자이너와의 협업- 접근성을 위한 유니버설 디자인 등을 이야기할 때마다 내 지식의 한계에 부딪히며 말을 잇지 못하는 경우가 많았다. 나는 디자이너들의 작업을 어느 정도나 이해하고 있을까? 그들이 생각하는 색이나 이미지, 폰트는 어떤 개념들일지 나는 몰랐다. 그래서 알아볼 필요가 있었다.

이 책은 아주 세세한 부분까지 가르침을 주는 책은 아니다. 두께도 그다지 없고, 내용의 깊이도 충분하다고 보긴 어렵다. 어떤 미술 사조를 거론하며 권위를 내보이지도 않는다. 이 책은 아주 정갈하고 가볍다.(저자는 가볍다라는 평가에 불만일 수 있겠지만) 왜냐면 나같은 무지한 인간에게도 또렷하게 읽혀졌기 때문이다. 편하게 디자인이라는 개념을 받아들일 수 있도록 친절함으로 글을 적어 놓은 책이 이 책이다.

일부러 강조하지 않으면서도 마크업을 의미 있게 작성해야 하는 이유를 가슴을 두드리며 설득하고 있으며, 접근성이라는 단어를 적지 않으면서도 접근성에 대한 고민을 하게끔 시선을 이끄는 책이었지 않나 싶다. 왜냐면 표준이나 접근성은 너무나 자연스럽게 우리 몸에 베어야 할 무형의 지식이지 강제로 주입되어야 할 암기 과목이 아니기 때문이다.

디자이너에게 좋은 책이지만, 웹퍼블리셔, UI개발자들에게도 한번 읽어보기를 추천하는 책이다.

단비를 보다 I see danbee!

추지호 — Sun, 24 Jan 2010 06:38:05 +0900

2010년 1월 21일 오후 5시 18분 세상에 단비가 내렸습니다. 저와 아내의 소중한 아기가 태어났지요. 엄마의 뱃속에서 갓 나온 아기는 온 몸이 붉었고, 아주 크게 울었습니다. 어찌나 크게 울던지요. 3일 동안 찍었던 사진들 가운데 몇 장으로 올려 봅니다. 저와 아내가 함께 운영하고 있는 071231 블로그에는 더 많이 있구요~

2010/1-2주차 클리어보스 소식

추지호 — Fri, 08 Jan 2010 13:12:50 +0900

2010년 첫번째 클리어보스 소식입니다.

최근에는 어떤 주제를 던져놓고, 투표(설문)와 의견 나눔을 통해서 글을 이끌어 가보고자 하고 있습니다. 개인 블로그에 쓰듯 단지 저만의 생각과 주장을 적다 보면, 다른 분들의 생각을 충분하게 공유하지 못하는 한계가 있었던것 같아서 이런 방법을 연습해 보고 있습니다. 클리어보스는 저 '개인'만의 공간이 아닌만큼 다양한 주제와 참여를 이끄는 공간으로 만들어볼까 합니다. 그래서 2010년 첫주와 둘째주에는 투표를 통한 설문글이 많았습니다.

주소를 address 요소로 마크업하지 말라?

- HTML5Doctor 에 올라온 글을 번역한 것입니다. address 요소를 적절하게 마크업하는 것에 대해서 고민할 기회를 주기에 번역해서 올려봤습니다.

FAQ의 의미 있는 마크업은?
- FAQ는 일반적인 웹 사이트 제작시 자주 등장하는 콘텐츠입니다. 대부분 DL 요소를 많이 사용하는데, DL 이외의 방법은 없는지 있다면 다른 사람들은 어떤 마크업을 사용하고 있는지에 대한 설문입니다. 현재 진행중입니다. 많은 참여 부탁드립니다.

웹 타이포그래피
- 오페라 웹표준 강좌중 11번째 내용입니다. 웹에서 사용되는 글꼴에 대한 주제로 웹 디자이너 분들께 특히 추천드리는 내용입니다.

어떤 직함이 좋은가?
웹퍼블리셔, UI개발자, 마크업 개발자 등 다양한 이름에 대한 선호도 조사입니다. 1월 2일 현재까지 결과는 UI개발자가 40%로 가장 많은 분들이 선호하고 있음을 알 수 있었습니다. 설문은 당분간 계속할 예정이니 아직 참여하지 않으신 분들은 한 번씩 선택해 주시고, 의견도 남겨주세요.

웹 퍼블리셔의 작업중 가장 오래 걸리는 것은?
- 역시 설문조사입니다. 마크업과 스타일시트, 자바스크립트 등 실무에서 가장 작업 시간이 긴 직무를 선택하는 설문입니다. 대체로 비슷한 결과를 보이고 있습니다. 역시 당분간 계속됩니다.

오페라 웹표준 강좌. 11장. 웹 타이포그래피

추지호 — Thu, 07 Jan 2010 13:15:57 +0900

클리어보스에서 번역중인 오페라 웹표준 강좌의 11장. 웹 타이포그래피가 번역 되었습니다. 아쿠아테라님께서 번역을 해 주셨습니다. 이번 장은 웹 디자이너 분들께는 꼭 한번 읽기를 요청드리고 싶네요. 유니버설 디자인에 대한 고민도 함께 해 볼 수 있는 내용이 포함되어 있습니다.

번역된 다른 강좌들:

웹 퍼블리셔세요?

추지호 — Thu, 07 Jan 2010 12:54:07 +0900

클리어보스에서는 지난해 2월과 9월 경력이 1년이 못되는 서른명 정도의 분들을 모시고 '웹 퍼블리셔 오리엔테이션'이라는 자리를 가졌었습니다. 그리고 여름과 겨울에 가볍게 오프라인 모임을 갖기도 했었구요. 그 외에도 몇 차례 술자를 통해서 인사를 나눴던 분들도 계셨습니다.

첫 인사를 나누고 나면 으레 디자인을 하시는지 개발을 하시는지 업무를 묻곤 하게 되는데요. 아무래도 자리가 자리이니 만큼 짐짓 '웹 퍼블리셔'이겠지 하면서 "웹 퍼블리셔세요?"라고 질문을 해 봅니다. 그런데 의외로 적지 않은 분들이 머뭇거리시면서 "그게요... 아직은..."이라는 식으로 말 끝을 흐리곤 하시더라구요.

왜 그러셨을까요? 조금 더 이야기를 나누다 보면 저와 하는 일이 거의 같았습니다. HTML과 CSS를 주로 다루고, 자바스크립트를 너무 어려워 하지만 조금씩 공부하면서 적용해 가고 있다구요. 그럼 저는 "아 그럼 웹 퍼블리셔네요~"라면서 "왜 어려워하세요?"라고 되 묻곤 합니다.

그 분들은 웹 퍼블리셔라는 이름에 대한 부담을 갖고 계셨어요. 그리 먼 과거도 아닌 불과 몇 해 전까지만 해도 우리들 같은 사람들을 주로 HTML 코더라고 불려졌고, 그렇게 알아 왔습니다. 하지만 신현석님께서 보다 넓고, 깊은 의미로 직업적인 사명감과 자부심을 갖고자 '웹 퍼블리셔'라는 이름을 제안하셨습니다. 그리고 여러 사람들이 호응을 했고, 지금은 적잖은 곳에서 '웹 퍼블리셔'라는 직함을 사용하고 있지요. 그런데 비슷한 일을 하는데 어떤 회사는 'UI개발자' 누구는 '마크업 개발자' 어디는 계속 '코더'라고 불리고 있다 보니 혼란스러워들 하시더라구요.

웹 퍼블리셔라는 이름은 버겁고, UI개발자나 마크업 개발자, 프론트 앤드 개발자... 같은 여러 이름은 자신의 정체성을 더욱 모호하게 만드는 것 같고... 그렇지 않나 생각해 봅니다.

일단, 왜 '웹 퍼블리셔'라는 이름이 버겁다고 느껴질까요? 제 짧은 생각으로는 직함이 요구하는 전문성의 범위가 생각보다 넓기 때문입니다. HTML을 단지 기계적으로 작성하는 것이 아니라 논리적으로 판단하고, 의미 있게 작성할 수 있어야 하고, 표준에 맞도록 마크업 해야 한다는 것. 물론 CSS도 경제적이고 효율적으로 작성하고, 브라우저간 상호 운용성을 확보할 수 있어야겠죠. 핵은 지양하면서 말이죠. 거기에 웹 접근성 향상을 위한 심리적 부담감과 쉽지 않은 법률과 가이드라인. 거기에 단기간에 상승된 회사내의 입지. 웹 표준과 웹 접근성 이슈는 모두 '우리'에게 전담되어버린 듯 한 상황은 어지간한 경력자라 하더라도 쉽게 감내하기 어려울 수 있다고 봅니다. 사람마다 차이는 있겠지만 상당한 부담감이 될 수 있을것 같습니다. 그렇다 보니 '나는 아직 웹 퍼블리셔는 아니고, 코더다.'라는 생각을 갖게 되고, 족보 없는 가계도가 그려지곤 합니다. 코더를 하다가 웹 표준 좀 하면 웹 퍼블리셔, 그리고 자바스크립트를 조금 다룰 수 있게 되면 UI개발자. 로 말이지요.

지금 클리어보스에서 'HTML, CSS, JS 등을 주로 다루면서 사용자 화면을 설계하는 당신은 어떤 직함이 가장 좋습니까'라는 간단한(?) 설문조사를 진행하고 있습니다. 한 사흘 정도 진행되었는데 UI개발자가 37명으로 가장 많은 분이 택해 주셨고, 웹 퍼블리셔는 20명이 23%, 프론트 앤드 개발자가 13명으로 15%를 차지했습니다. 전체 결과를 보고 싶으시거나 설문에 참여하고 싶으신 분들은 클리어보스를 찾아주세요.

사실 설문의 결과는 그다지 중요하지 않을 수도 있습니다. 특별히 공신력이 있는 사이트도 설문 조사 방식도 아니니까요. 1위 결과를 모두 함께 사용하자라는 캠페인을 벌일 생각은 아예 없구요. 중요한 건 두가지 정도일 것 같습니다. 하나는 지금 이런 고민을 하는 순간이 과도기적 상황이라는 것이구요. 또 하나는 어떤 이름이 중요한 것이 아니라 스스로 자신의 일을 정의하고, 자부심을 갖느냐하는 점이라고 생각합니다. 최근 몇 년 동안 여러가지 상황들이 빠르게 변하면서 '코더'라는 직군이 급 부상한 상황에서 자리를 잡아가고 있다고 생각하구요. 이것은 앞으로도 몇 년은 더 지나야 조금 더 명확한 직무 범위나 가이드라인이 만들어질 것이라고 생각합니다. 그리고 두번째에 대해서 얼마전에 신현석님도 '웹 퍼블리셔의 업무범위'라는 글을 통해서 적으셨지만 우리들이 어떤 이름으로 불리는건 그렇게 중요한 것이 아닙니다. 첫번째 이유를 들어 시간이 정리를 해 줄 것입니다.(물론 그 시간 동안에 여러 사람들의 자발적인 노력과 행동들도 있을 겁니다.) 스스로 한계를 긋고 울타리를 좁게 만드는 것이 문제지요. 어떤 직군이나 자기계발은 언제나 요구되는 덕목입니다. 개발자나 디자이너, 기획자들 모두 다 그렇게 계속 공부하고, 연습하면서 자신의 직무 범위를 넓히고, 깊게 해 나갑니다. 우리도 그래야 한다는 것이지요. 자바스크립트를 어느 정도까지 해야 하는가를 고민하기 보다 일단 시작하시고 할 수 있을 만큼 계속해서 하시는 것이 좋습니다. HTML, CSS, JS, XML, SEO, 표준, 접근성, 시멘틱, 디자인, 도구, UI, UX... 이렇게 나열된 직무 갯수에 지레 겁먹지 마시길 바랍니다. 저도 위에 나열된 것중 어느것 하나 확실하게 잘 하는 것은 없습니다. 걱정하고 계시는 여러분과 크게 다르지 않은 것이지요. 어제도 HTML 공부를 했고, 오늘도 해야 합니다.

어떻게 보면 이런 논의나 설문 자체가 소모적인 논쟁이고, 답이 나지 않는 것일 수 있습니다. 하지만 고민하지 않고 넘기다 보면 나중에는 자신의 의지와 상관없이 큰 흐름에 그저 쓸려 다니기만 하기 쉽습니다.

나 스스로 고민해 보지 않으면 내 것이 되지 않는다. 그게 제 생각입니다.

2009년도 웹 퍼블리셔 연봉 조사 결과

추지호 — Mon, 04 Jan 2010 09:26:41 +0900

지난 2009년 12월 20일부터 31일까지 열 하루동안 총 115명이 설문에 참석해 주셨습니다. 최소 연봉자는 1,200만원, 최대 연봉자는 5,800만원까지 나왔네요. 평균 연봉은 2,600만원으로 나타났습니다. 하지만 단순 평균은 의미가 없겠죠. 경력과 기업 분야에 따라서 차이가 날 테니까요. 자세한 결과는 클리어보스에 포스팅되어 있습니다.

추신/ 현재 클리어보스에서 진행중인 설문조사입니다. 많은 참여 부탁드립니다.

웹 퍼블리셔의 작업중 가장 오래 걸리는 것은? 마크업과 CSS, 자바스크립트, 이미지 슬라이스 작업 중 가장 오래 걸리는 작업은 무엇인지 알아보는 설문입니다.
어떤 직함이 좋은가? - 웹퍼블리셔, 코더, UI개발자 등 등 우리는 불려지는 이름도 참 많습니다. 개인적으로 가장 불려지고 싶은 직함은 무엇인가요?

새해부터 이렇게 큰 눈이

추지호 — Mon, 04 Jan 2010 09:20:00 +0900

지난주에는 기상청이 대설주의보를 내렸다가 1cm도 채 내리지 않은 눈 때문에 곤혹스러워 하더니 오늘은 갑작스러운 폭설로 서울을 비롯한 주요 도시들 대부분이 온통 눈 난리가 난 것 같습니다.

새해 첫 출근을 하려던 지인들의 발걸음도 모두 묶이고, 평소에도 걸어서 출근을 하시던 어머니가 눈 길에 넘어지시지는 않았을지 걱정이 되어 전화도 드렸네요. 회사에 가장 먼저 도착하실 것 같다고 서둘러야 겠다고 하시며 연신 걸음을 재촉하셨습니다.

온통 눈으로 뒤 덮힌 단지

아무쪼록 모두들 출근길에 사고 없없으면 좋겠습니다. 오늘 같은 날은 회사에서도 지각했다고 혼내지 않을거에요~ 천천히 조심 조심 걸으세요~ 짜증내지 마시구요. 해피 뉴 이어~

2009/12-5주차 클리어보스 소식

추지호 — Mon, 28 Dec 2009 14:31:33 +0900

2009년 12월 5주차 클리어보스 소식입니다.

제가 운영하는 두개의 사이트(이 블로그와 클리어보스)의 성격이 많이 닮아 있다 보니 콘텐츠를 배치하는 일이 쉽지 않았습니다. 그래서 앞으로는 강좌나 정보성 콘텐츠는 클리어보스에 올리고, 이 블로그를 통해서는 제 개인적인 생각이나 의견 정도를 담아 두는 곳으로 사용할 계획입니다. 하지만 그동안 제 블로그를 찾아 주셨던 분들을 위해 그리고 클리어보스와의 관계를 위해서 틈틈이 클리어보스에 등록된 새로운 콘텐츠를 리스트 업 해 드리도록 하겠습니다.

클리어보스 소식지로는 첫 포스팅이기 때문에 최근에 등록된 콘텐츠들을 모두 적겠습니다.

편리한 웹 접근성 검사 도구 PAJET - 신현석, 홍윤표님이 제작하시고 배포중인 PAJET 도구에 대한 간단한 가이드입니다. (주의:접근성 자동 평가 도구는 아닙니다. 사용자의 수동 평가를 도와주는 도구입니다.)
CODA에서 Less 사용하기 - CSS를 프로그래밍 방식(변수를 정의하고, 함수를 다루듯)으로 작성할 수 있게 도와주는 Less를 CODA와 연동하는 방법입니다.
웹기반 에디터 분석 - CKEditor, DAUM OpenEditor, Naver Smart Editor 등 웹 기반의 에디터 분석 자료입니다.
웹퍼블리셔 평균 연봉 (설문 진행중) - 2009년 웹 퍼블리셔들의 평균 연봉을 조사하고 있습니다. 연말까지 설문을 받은 뒤 1월초에 별도로 포스팅할 예정입니다.
어떤 사람들이 웹퍼블리셔가 될까? (설문 진행중) - 웹기획자, 디자이너, 개발자 등 어떤 분야의 사람들이 주로 웹퍼블리셔로 전직하는지에 대한 설문조사입니다.
IE6 커닝 페이저: IE6 버그+ 해결하는 방법 - IE6의 여러가지 문제들을 해결하기 위한 종합 안내서와 같은 글입니다. 번역된 콘텐츠입니다.

짤막한 2009년 후기.

추지호 — Mon, 28 Dec 2009 14:21:12 +0900

2009년의 마지막 달도 이제 나흘 정도 남았습니다. 크리스마스였던 25일부터는 눈도 제법 내려서 서울이라는 거대한 도시가 숨어버린듯 새하얗게 변하기도 했구요. 가슴속을 파고드는 차가움이 무척이나 생기롭게 느껴졌습니다. 한편으로는 부지런하지 못했던 제 자신을 들킨것마냥 부끄럽기도 했구요.

2009년은 제게 참 많은 일들이 있었습니다. 클리어보스라는 웹표준 모임의 활동도 그 어느때보다 활발했구요. 2월과 9월에 웹퍼블리셔 오리엔테이션이라는 작은 세미나를 개최했고, 세번째 웹표준의날과 CSS Nite in Seoul, Vol.1 행사의 자원봉사와 기획, 운영을 맡기도 했구요. 개인적으로도 여러 세미나에서 발표를 해 보면서 스스로 더 커질 수 있는 기회도 있었습니다. 그 가운데에서도 아내를 맞은 결혼식이 가장 기억에 남구요. 최근에는 회사가 어려워서 휴직을 하게 된 일과 프리랜서로 집에만 있게 된 사연들... 이 기억에 나네요. 정말 많은 일들을 했고, 바빴고, 힘겨웠던 시간들이었던 것 같습니다. 그런데 참 이상한건 그 이전에 비해 무척 담담해지고, 걱정이랄게 없어졌습니다. 아무래도 제 곁에 저를 든든하게 지켜주고, 힘들 때 위로해줄 사람이 생겼기 때문이 아닐까 싶습니다. 그래서 2010년이 그렇게 두렵지 않습니다.

2010년에는 제 나이도 어느덧 서른이 되구요. 한 가정의 아버지가 되기도 합니다. 새로운 마음가짐으로 일을 하게 될 것이구요. 개인적으로 꿈 꾸던 일 하나를 매듭지을 수 있을것도 같구요. 그래서 그런가요. 어서 2010년이 되었으면 하는 생각도 드네요.