주의! 이 내용에 포함된 개똥철학의 함량이 상당히 높습니다.
퍼블리셔, 퍼블리싱이라는 말은 누가 사용할까?
아마도 추측컨대 스스로를 퍼블리셔라는 직업군으로 분류하는 분들, 그리고 퍼블리싱이라는 단어를 적극적으로 사용하시는 분들은 이미 웹 표준, 더 나아가 웹 접근성에 대해 충분히 고려하고 숙지하신 분들이 아닐까? 라고 조심스럽게 추측해 봅니다. 혹은 아직 대중화 되었다고 보기 어려운 '퍼블리싱'이라는 말을 전략적으로 활용하고자 하는 에이전시 사장님이나 PM 일수도 있겠네요. :)
아무튼 퍼블리셔, 퍼블리싱이라는 단어를 활용하고자 하는 분들의 기본 전제는 웹 환경이 빠르게 변화하면서 다양한 패러다임이 쏟아져 나오고, 이에 탄력적으로 대응하기 위해 퍼블리셔를 하나의 직업군으로 인정해야 한다는 것이 아닐런지요?
지금 이 퍼블리싱 강좌를 읽고 계신 분들처럼 말입니다.
퍼블리싱을 한다는 것은 어떤 의미일까?
잘 차려진 한끼 식사를 배부르게 먹어본 경험이 있으십니까? 김치찌개, 보쌈, 족발, 한정식, 짜장면, 돈까쓰, 초밥, 쌀국수, 추어탕 외 종류가 무엇이든 맛있게 차려진 식사를 배불리 먹고 나면 절로 행복한 기분이 들지 않으시던가요?
요리사가 너무 맵지도 짜지도 싱겁지도 않은, 담백하면서도 원재료가 가진 자연의 맛을 잘 살린 요리를 맛볼 수 있도록 하는 것처럼, 퍼블리셔 역시 웹 사이트가 가진 목적과 의미를 잘 살려내 이용자들에게 대접하는 일이 바로 퍼블리싱일지도 모릅니다.
디자이너와 개발자가 창조하고 생산한 원재료를 논리적, 의미론적인 마크업으로 다지고, 여기에 적절한 효과의 스크립트를 양념처럼 버무려서 접시에 담아 내놓으면, 보기도 좋고 이해하기도(기계에) 좋고 사용하기도 좋은 웹 사이트가 완성되는 것처럼요.
한가지의 요리법만 존재하는 요리는 없다. 퍼블리싱도 마찬가지이다.
세상에 단 한가지의 요리법만 존재하는 요리는 없습니다. 흔히 접할 수 있는 달걀을 살펴볼까요? 달걀을 깨면 끈적한 점성 액체가 흘러나온다는 것은 누구나 다 알 것입니다. 이 액체에 열을 가하면 부드러운 고체가 되기도 하고, 물을 넣고 끓이면 걸죽한 죽처럼 되기도 합니다. 이런 간단한 사실을 아는 사람은 달걀로 후라이를 해먹기도 하고, 찜을 해먹을 수도 있고, 탕을 해먹을 수도 있습니다. 원재료의 특징을 잘 알고 있기 때문입니다.
퍼블리싱도 마찬가지입니다. 디자이너와 개발자의 창조물을 잘 이해하고 이를 논리적인 구조로 표현해 낼 수 있다면, 그 다음에는 CSS 와 스크립트 등의 기법을 이용해 다양한 배치와 테마로 웹 사이트를 포장하고 확장할 수 있을 것입니다.
그러는 와중에 자연스럽게 작업시간은 줄어들고, 고객의 만족도는 높아지는 부수적인 효과도 얻을 수 있을테니 그야말로 '꿩 먹고 알 먹고', '누이 좋고 매부 좋고', 일석이조 아니겠습니까? 맛있는 음식을 배불리 먹고 포만감과 즐거움을 얻는 것처럼요. 요리왕 비룡을 보면 맛있는 음식을 먹고 너무 감동을 받은 나머지 용을 타고 하늘을 날라다니기도 하던데 전 그 정도 미식가는 아니어서 이런 표현은 생략하겠습니다. ㅎㅎㅎ
단, 과해서는 안 된다.
저에게는 아직도 어려운 문제입니다.
초보 요리사가 음식을 맛있게 만들려다 보니 양념장을 너무 많이 섞어버리면 어떻게 될까요? 원재료가 품을 수 있는 양을 훌쩍 넘겨버리니 일단 원재료의 맛도 살지 않고 다른 부재료의 맛도 살리지 못하니, 이렇게 만들어진 요리가 맛있을리 만무합니다.
퍼블리싱도 마찬가지입니다. 다양한 효과나 기능을 사용하려 욕심을 내다 보면 스크립트를 남용하게 되는 경우가 왕왕 있습니다(양념장을 너무 많이 섞은 것처럼). 너무 과한 효과를 쫓아 불필요하게 많이 넣게된 스크립트는 클라이언트 사이드의 실행 속도를 저해하고, 사용자가 원하는 정보에 접근하기 어렵게 만들 수도 있습니다.
적절한 양의 기능과 효과를 조절하는 것은 좋은 요리사가 적절한 양의 양념을 가미하여 맛있는 요리를 만들어내는 것과 같을 것입니다.
끝으로,
퍼블리셔라는 말을 쓰다 보면 '퍼블리셔가 뭔데?', '개발자나 디자이너나 퍼블리셔나 그게 그거 아니야?' 같은 냉대나 낮은 인식에 자주 부딪힐 수 있습니다. 아직 퍼블리셔라는 말이 대중적으로 널리 퍼지지 않았고, 개발자들 사이에서도 굳이 기존의 방식대로 해도 상관없는데 퍼블리싱이라는 어려운 말을 들먹거리며 웹 표준이니 웹 접근성이니 할 필요를 느끼지 못해서 그런 것일 수 있습니다.
그럴 때마다 '퍼블리싱을 하는 것은 좋은 요리를 만드는 것과 같다'는 저의 퍼블리싱 개똥철학을 상기하시면서 다시 한번 화이팅하고 앞으로 나갈 수 있는 힘을 얻으셨으면 좋겠습니다. 저도 더 질좋은 강좌로 함께 하시는 분들에게 힘을 실어드릴 수 있다면 기쁘겠습니다.
댓글 16개
게시글 목록
| 번호 | 제목 |
|---|---|
| 8265 | |
| 20403 | |
| 20402 | |
| 20401 | |
| 20400 |
웹서버
서버 동시접속자 설정 변경하기
|
| 8259 | |
| 20399 | |
| 20398 | |
| 8255 | |
| 8249 | |
| 8246 | |
| 8242 | |
| 20396 | |
| 8240 | |
| 20395 | |
| 20394 |
MySQL
테이블 복사 쿼리
|
| 31033 | |
| 28385 | |
| 20393 |
PHP
현재 접속중인 사용자 나타내기
|
| 28380 | |
| 20392 |
MySQL
mysql select 후 update 하기
|
| 28377 | |
| 20391 | |
| 20390 |
PHP
한글문자열 자르는 법 입니다.
|
| 20389 | |
| 20388 | |
| 20387 |
PHP
이메일주소 검사하기 입니다.
|
| 20386 | |
| 20385 | |
| 20384 |
node.js
Node js 게시판 프로젝트 소개합니다.
|
| 20383 |
PHP
pc 모바일 체크
1
|
| 20382 |
PHP
계정 사용량(용량) 확인
|
| 8238 | |
| 20380 | |
| 20379 |
MySQL
소수점 반올림 버림
|
| 28376 | |
| 28372 | |
| 20378 | |
| 20377 |
PHP
에러 로그파일 생성하기
|
| 8235 | |
| 20375 | |
| 20374 | |
| 20373 |
PHP
후이즈검색 하기 입니다.
|
| 20372 |
PHP
그래프 그리기 입니다.
|
| 20371 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 20370 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 28370 | |
| 20369 |
PHP
PHP 날짜 계산 관련 함수
|
| 28366 | |
| 20368 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 20367 | |
| 20366 | |
| 20365 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 20364 | |
| 20363 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 20362 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 20361 |
JavaScript
특정문자 제거하기 입니다.
|
| 20360 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
| 20359 |
JavaScript
이미지 좌우로 이동 갤러리 입니다.
|
| 8231 | |
| 20358 | |
| 20357 |
JavaScript
쉬운 replaceAll 입니다.
|
| 20356 | |
| 20355 | |
| 20354 | |
| 20353 | |
| 20352 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 20351 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 20350 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 20349 | |
| 20348 |
PHP
HTTP 인증 하기 입니다.
|
| 20347 |
JavaScript
외부 문서 불러오기 입니다.
|
| 20346 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 20345 | |
| 20344 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 20343 |
JavaScript
무단링크 금지하기 입니다.
|
| 20342 | |
| 20341 |
MySQL
DB백업 및 복원
|
| 20340 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 20339 | |
| 20338 | |
| 20337 |
jQuery
input text 대문자만 받는 Jquery
|
| 20336 | |
| 20335 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 20334 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 20333 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 20332 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 20331 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 20330 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 20329 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 20328 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 20327 |
MySQL
대소문자 데이터 조회하기
|
| 20326 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
| 20325 | |
| 20324 | |
| 20323 |
JavaScript
시도, 구군, 동 주소 select
|
| 20322 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 20321 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 20320 |
PHP
rss 읽어오기 입니다.
|
| 20319 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기