자주 하는 질문

민구홍 매뉴팩처링에서는 2015년 이래 진행한 길고 짧은 인터뷰를 꼼꼼히 정리한 뒤 다시 무작위로 늘어놓은 「자주 하는 질문」을 통해 회사 또는 운영자에 관한 궁금증이 모쪼록 해소될 수 있기를 바랍니다. 단, 질문의 시기에 따라 현재와 다른 사실이 있을 수 있습니다. 한편, 질문의 어조에 따라 언급한 인물에 대한 존칭을 생략하기도 했습니다. 「자주 하는 질문」을 섭렵한 뒤에도 궁금증이 도무지 해소되지 않는다면 [email protected] 앞으로 소상히 말씀해주세요. 민구홍 매뉴팩처링에서는 모든 것을 이해하고 인정할 준비가 돼 있습니다. 단, 답장은 이메일 대신 언젠가 「자주 하는 질문」에서 확인해주시기 바랍니다.

글쎄요. 어쨌든 우리는 그곳을 ‘웹사이트’라 부릅니다. 중세 수도사들이 양피지 위에 겹겹이 글을 써내려간 팔림프세스트(palimpsest)처럼 픽셀 위에 끊임없이 의미를 덧입혀왔죠. 바야흐로 터치나 클릭 한 번으로 세상의 거의 모든 정보가 눈앞으로, 손바닥 안으로 들어오는 시대입니다. 프란츠 카프카(Franz Kafka)의 『변신』(Die Verwandlung) 속 그레고르 잠자처럼 우리는 어느 날 아침 또 다른 존재로 변한 건 아닐까요? 아침에 눈을 뜨자마자 스마트폰으로 뉴스 사이트에서 밤사이 일어난 일을 복기하고, 출근길 지하철에서는 날씨 애플리케이션으로 오늘의 기온을 확인하고, 점심시간에는 맛집을 검색하고, 퇴근한 뒤에는 넷플릭스나 유튜브에서 영화 한 편으로 하루를 마무리하죠. 그럼에도 그 언저리에 늘 웹사이트가 있음을 인식하기란 좀처럼 쉽지 않습니다.

민구홍 매뉴팩처링을 설립한 게 2015년이었어요. 캐나다의 미술가 J. R. 카펜터(J. R. Carpenter)가 ‘핸드메이드 웹’(Handmade Web)을 주창한 해이기도 하죠. 디자인계에서 ‘소규모’라는 접두어가 붙은 스튜디오들이 등장하던 시절이었고, 저도 덩달아 뭔가 해보고 싶었어요. 다만, 많은 스튜디오가 소규모를 지향하는 만큼 반대로 큰 회사처럼 보이면 좋겠다고 생각했어요. 제 이름을 내세우는 건 어딘가 부끄럽고 겸연쩍은 일이었고, 동시에 이름에 지나치게 공을 들인 것처럼 보이고 싶지 않았죠. 고민 끝에 제 이름 뒤에 ‘매뉴팩처링’을 붙이니 기분이 좋아졌습니다. 저와 거리가 적당히 생기고, 무엇보다 그럴듯한 회사처럼 보였거든요. ‘매뉴팩처링’(manufacturing)은 본디 ‘원재료를 인력이나 기계력 등으로 가공해 대량으로 생산하는 일’을 뜻합니다. 야구에서는 ‘도루, 진루타, 희생타 등 안타가 아닌 방법으로, 어떤 식으로든 득점하는 기술’을 뜻하기도 하죠. ‘매뉴팩처링’이 품은 두 가지 뜻이 회사와 어울린다고 생각했습니다.

참고로 말씀드리면…

『빅이슈』가 독자에게 더욱 관심과 사랑을 받아 이번 호가 여느 때보다 많이 판매되기를 바랍니다. 일차적으로 그만큼 ‘빅판’의 수익이 늘고, 어느 정도는 회사를 홍보하는 데 도움이 될 테니까요. 이는 누군가 불행해지지 않으면서 누군가 행복해지는 일 가운데 하나입니다.

이제 웹사이트를 매체로 삼는 작가 또한 엄연히, 그리고 마땅히 연희문학창작촌에 입주할 때입니다. 웹사이트를 문학답게 문학으로 포섭하는 것, 문학이 ‘오늘’과 어깨동무하는 또 다른 방법이라 생각합니다. 그게 제2, 제3의 한강이 아닌 새로운 무언가를 만드는 길일 테고요.

잘 모르겠다.

HTML은 콘텐츠에 개념적인 구조와 맥락을 부여하며 현재 총 113가지 태그(tag)를 지원한다. 이를 통해 웹 브라우저는 콘텐츠에서 무엇이 제목이고, 문단이고, 이미지고, 캡션인지 파악한다. 모든 웹 기술의 공통분모라는 점에서 HTML은 개념적으로 그래픽 디자인에서 타이포그래피에 해당한다. CSS는 HTML로 구조와 맥락을 부여받은 콘텐츠에 스타일을 부여한다. 여기서 스타일은 마이크로 타이포그래피뿐 아니라 매크로 타이포그래피, 애니메이션을 아우르며 현재 CSS가 지원하는 129가지 속성(property)으로 스타일이 만들어진다. 거칠게 말하면, 웹사이트를 만드는 일에서 중요한 부분은 결국 113가지 HTML 태그와 129가지 CSS 속성을 조합하고 편집하는 일이다. 태그와 속성이 조합되는 경우의 수는 최소로 계산해도 무한(106,559,732,167,812,574,200)에 가깝다. HTML과 CSS는 아마 가장 익히기 쉬운 언어일 것이다. 복잡한 연산을 수행하는 프로그래밍 언어는 아니지만, 탐구해 볼수록 ‘코딩이라는 글쓰기’와 관련해 생각할 거리가 적지 않다. 여기에 특정 기능이 필요하다면 프런트엔드에서는 자바스크립트(JavaScript, JS), 백엔드에서는 자바(Java), PHP(PHP: Hypertext Preprocessor), 파이썬(Python) 등의 언어가 필요하다.

책을 디자인할 때 본문 글자 크기를 대개 10포인트(약 3.5밀리미터) 안팎으로 지정하는 데는 역사적이고, 경제적이고, 인지과학적이고, 무엇보다 생물학적인 이유가 있는 것 같습니다. 최소한의 규칙이라면 규칙이죠.

이는 웹에서도 다르지 않습니다. 웹 브라우저에서 설정된 기본 글자 크기는 16픽셀입니다. 저보다 뛰어난 전문가들이 연구한 수치인 만큼 저는 여기에 의문을 품지 않습니다. 이에 따라 모든 수치를 16픽셀을 1REM, 즉 기본값으로 설정합니다. 그리고 모든 곳에 16의 약수와 배수를 적극적으로 활용합니다. 아시는 분은 아시겠지만, 이는 유별나게 저는 사용하는 방법론은 아닙니다.

다른 한 가지는 웹사이트가 ‘실행된다는’ 사실을 염두에 둡니다. 웹사이트가 하나의 공간이라면, 탭이나 클릭은 공간과 공간을 이동하는 일과 비슷합니다. 탭하거나 클릭하는 횟수가 많아지면 동선이 길어지는 셈이죠. 저는 이 동선을 가능하면 최소화하려 합니다. 그러다 보니 웹사이트에서 여러 페이지를 만들기보다 한 페이지를 활용하는 방식을 선호합니다. 즉, 스크롤을 통해 페이지상의 요소를 연결하는 거죠. 그러다 보면 자연스럽게 웹 페이지가 굉장히 길어지기도 하지만, 그 또한 웹사이트의, 나아가 웹의 자연스러운 특성입니다.

인스타그램을 잘 사용하지는 않지만 물론 가능하겠다. 하지만 인스타그램 자체가 이미 전시장인데, 거기서 전시를 연들 무슨 효과가 있을까? 한뼘만 스크롤해도 ‘미술’보다 아름다운 콘텐츠가 즐비한데 과연 누가 주목할까?

웹사이트가 소프트웨어처럼 ‘영원한 베타(perpetual beta)’라는 점을 고려하면 ‘유지’라는 표현이 과연 적절할까 싶다. 웹사이트는 마음만 먹으면 언제든 달라질 수 있다. 기존 콘텐츠를 바탕으로, 또 다른 전시나 활동이 가능하다. 슬기와 민 웹사이트의 하단에도 이를 의식한 듯한 문구가 있지 않은가. “이 웹사이트는 영원히 제작 중이다.(This website is forever in the making.)” 최초의 웹사이트가 공개된 이래 지금까지 30여 년 동안 운영되듯 웹사이트를 유지하는 건 운영자의 의지에 달렸다. 온라인 전시도 마찬가지다. 웹사이트는 운영자의 관심에서 멀어지는 순간 죽어가기 시작한다.

미국 브라운 대학교(Brown University) 교수 겸 컴퓨터 과학자 제프 황(Jeff Huang)은 자신의 웹사이트에 「웹에서 콘텐츠를 보존하기 위한 선언문」(A Manifesto for Preserving Content on the Web, 2019–)을 공개하고 틈틈이 업데이트한다. 그는 선언문에서 최신 기술에 기반한 웹사이트일수록 콘텐츠를 보존하기 쉽지 않다는 점을 지적했다. 서버 환경이 조금이라도 달라지면 특정 기술은 아예 작동하지 않는 까닭이다. 그는 일곱 가지 강령을 제안했는데, 첫 번째는 웹사이트를 만드는 데 순수한(vanilla) HTML과 CSS를 사용해보라는 것이다. 물론, 모든 웹사이트에 적용할 수는 없지만, 콘텐츠를 보존하는 측면에서는 분명히 참고해볼 만하다.

이와 관련해 미술계에도 비슷한 예가 있다. 장영혜 중공업이 주로 사용한 기술인 어도비 플래시(Adobe Flash)는 오늘날 허술한 보안, 컴퓨터 성능 저하 등의 이유로 완전히 폐기됐다. 이제 그들의 작업은 일종의 영상으로서 비메오(Vimeo)에 게시된다. 재생 버튼을 누를 필요도 없이 접속하자마자 작품이 작동하는 어떤 짜릿함은 사라졌다. 사랑과 존경을 포함해 이런 사소한 아쉬움을 ‹장영혜 중공업 귀중›을 통해 전하기도 했는데, 아직 답변은 받지 못했다. 처음에는 아쉽고 섭섭했지만, 이제는 다시 한번 편지를 보낼 용기가 생겼다. 제목은 ‹장영혜 중공업 귀중 2›가 적절할 것 같다.

우리에게 친숙한 종이 책의 형식은 1,000여 년 전 코덱스(Codex)의 발명과 함께 완성됐다. 콘텐츠가 두루마리를 벗어나 코덱스 안에 놓이면서 독자는 더욱 쉽고 빠르게 정보를 열람할 수 있게 됐다. 오늘날에는 재료와 제작 방식이 다양해졌을 뿐 재단된 낱장의 종이가 묶인 형식에는 변함이 없다. 한국에서 종이 책을 둘러싼 환경은 2000년대 초 독립 출판 유행과 함께 생산자가 늘어나며 내용과 형식에서 극단적인 실험이 이뤄지는 단계를 거쳤다. 동시에 소비자의 취향은 더욱 개인화하고 고급화했다. 한 분야에서 모든 영역이 상향 평준화하면 재미있는 현상이 일어나곤 한다. 현재에 막연한 거부감을 느끼거나 다시 과거로 눈을 돌리는 것이다. 이 현상이 끝나면 해당하는 분야에 새로운 생산자와 소비자가 유입되며 새로운 질서가 등장한다. 그럼에도 종이 책에서는 새로운 시도를 감행하더라도 코덱스의 자장을 벗어날 수 없다. 내 경우에 종이 책 디자인의 앞날에 관해서는 일부 생산자만 관심 있고, 소비자 대부분은 전혀 관심 없을 개인적이고 미시적인 영역, 예컨대 세로축에서 따옴표의 적절한 위치 같은 사항에 관해서만 이야기할 수밖에 없다. 웹사이트에서 콘텐츠는 코덱스를 벗어나 다시 두루마리(scroll) 안에 놓인다. 그럴 일은 없겠지만, 웹사이트를 출판물로 한정한다면 종이 책과 비슷한 과정을 겪게 되지 않을까.

일반에 공개된 세계 최초의 웹사이트가 30여 년 동안 같은 모습을 유지하는 까닭과 다르지 않습니다.

민구홍 매뉴팩처링에서는 손으로 쥐거나 눈으로 볼 수 없는 사랑을 어떻게 실체화할지 오랫동안 고민해왔습니다. 고객의 관심과 사랑을 원동력으로 삼는 회사인 만큼 이는 당연한 당면 과제였죠. 막연한 느낌은 대개 막연한 채로 남고, 어떤 느낌은 그것만으로도 충분하지만, 사랑만큼은 분명히 다르다고 확신합니다.

조금 부족하더라도, 있는 그대로 사랑을 표현할 수 있다면!

받는 쪽은 어쨌든 감사할 따름일 겁니다.

CMS의 가장 큰 장점은 사용자가 코드를 다룰 필요 없이 따로 마련된 페이지에서 콘텐츠를 관리할 수 있다는 점이다. 그렇다고 반드시 모든 웹사이트에 CMS가 필요한 건 아니다. 한번 공개한 뒤 더는 수정할 필요가 없거나 수정의 범위가 아주 제한적이라면 오히려 HTML과 CSS를 중심으로 만들어진 정적 웹사이트가 실용적이다. 게다가 두 언어만으로도 충분히 훌륭한 웹사이트를 만들 수 있다.

2003년 처음 공개돼 지금까지 꾸준히 업데이트되는 워드프레스는 훌륭한 소프트웨어다. 역사가 긴 만큼 사용자도 많고, 매뉴얼도 충실하다. 이는 문제가 생겼을 때 도움을 받을 수 있는 방법이 많다는 뜻이다. 전 세계 웹사이트 가운데 40여 퍼센트가 워드프레스 기반으로 만들어져 운영되고, 사용되는 CMS 가운데는 60여 퍼센트를 차지한다. 단, 범용성을 염두에 둔 탓에 기능이 지나치게 많아 기본적으로 용량도 크고 무거운 편이다. 모든 CMS가 그렇지만, 특정 기능을 구현하려면 추가적인 프로그래밍이 필요하고, 그럴 능력이 없다면 누군가 만들어놓은 플러그인을 막연하게 사용할 수밖에 없다. 그러다 보면 플러그인끼리 꼬이면서 웹사이트가 느려지거나 오작동하기도 한다. 워드프레스 웹사이트 하단의 “코드는 시다.(Code is poetry.)”라는 모토가 무색할 정도다.

한국에서는 여전히 웹사이트를 만드는 일이 워드프레스를 다루는 일처럼 받아들여지기도 하지만, 워드프레스는 수많은 CMS 가운데 하나일 뿐이다. 기술을 선택하고 사용하는 데는 조금 덜 세련된 방식과 조금 더 세련된 방식이 있을 뿐 정답은 없다. 한국에 비교적 덜 알려진 CMS 가운데는 표준 메타데이터 요소의 집합인 더블린 코어(Dublin Core)를 지원하는 ‘오메카(Omeka)’를 주목할 만하다.

최근 미국 뉴욕의 908A의 강이룬과 농담 삼아 미술 및 디자인계의 콘텐츠 생산 및 소비 방식에 특화된 CMS를 만들어보자는 이야기를 나누기도 했는데, 이처럼 조금 더 적극적인 모델도 있다. 즉, 자신에게 적합한 CMS를 직접 개발하는 방식이다. 한때 국내외를 막론하고 그래픽 디자인계에서 널리 사용된 대니얼 이톡(Daniel Eatock)의 ‘인덱시비트(Indexhibit)’가 좋은 보기다. 그밖에 링크드 바이 에어(Linked by Air)에서는 ‘이코노미(Economy)’를, 에어리어17(Area17)에서는 ‘트윌(Twill)’을, 라부드(Labud)는 ‘포레스트’(Forest)를 개발했다. 민구홍 매뉴팩처링에서는 자체적으로 오픈 소스를 커스터마이징한 ‘매니지먼트(Management)’를 사용한다. 이에 관해서는 따로 이야기할 기회가 있을 것 같다. 아니, 회사의 고객으로서 실제로 사용해보는 게 가장 좋다.

나아가 연결을 위한 연결을 연결하는 연결일 수도 있겠죠? 이를 위한 하이퍼텍스트는 웹사이트, 나아가 웹의 근간을 이룹니다. 수많은 웹 페이지는 서로 하이퍼링크로 연결되고, 사용자는 하이퍼링크를 통해 정보의 바다를 항해합니다. 이는 기술적 특성이 아니라 새로운 형태의 내러티브와 사고방식을 가능케 합니다. 특히 마이클 조이스(Michael Joyce)의 「오후, 이야기」(afternoon, a story)는 하이퍼텍스트 문학의 선구적 작품입니다. 이 작품에서 독자는 하이퍼링크를 클릭하며 자신만의 고유한 서사를 만들어갑니다. 롤랑 바르트(Roland Barthes)가 말한 ‘저자의 죽음’을 산뜻하게 실현하는 동시에 독자를 적극적인 공동 창작자로 끌어올리는 거죠. 웹사이트의 구조 또한 이와 크게 다르지 않습니다. 사용자는 자신의 관심사와 선택에 따라 웹사이트를 탐험하며, 그 과정에서 개인화된 경험을 만들어갑니다. 그렇게 사용자는 고유한 디지털 오디세이로 떠납니다. 나아가 하이퍼텍스트의 개념은 텍스트의 경계를 넘어서기도 합니다. 웹사이트에서는 텍스트, 이미지, 영상, 소리 등 다양한 매체가 서로 연결돼 복합적인 경험을 만들어내니까요. 리하르트 바그너(Richard Wagner)가 꿈꾼 ‘종합 예술’의 디지털 버전 아닐까 싶습니다.

워크룸에서 일한 지 5년째 되던 해였어요. 안그라픽스의 안마노 씨에게 연락을 받았죠. “같이 일합시다.” 안그라픽스의 다음 단계를 준비하던 참이었고, 저를 디자인계로 이끌어준 안그라픽스에 힘을 보탤 기회가 생기면 좋겠다고 생각해왔었어요. 그렇게 ‘디렉터’라는 직함과 함께 ‘안그라픽스 랩’(약칭 및 통칭 ‘AG 랩’)이라는 정체불명의 독립 사업부를 맡게 됐죠. 사실 자리를 옮기기로 마음먹은 까닭은 사실 사소합니다. 사무실이 저희 집과 정말 가까웠거든요. 연남동 공원(경의선숲길) 옆에 있는데, 도보로 2분 거리입니다. 이제 운영한 지 1년 정도 됐는데, AG 랩은 안그라픽스라는 소프트웨어를 판올림하는 데 필요한 애드온 또는 플러그인 같은 게 아닐까 싶어요. 빨리 역할을 다하고 사라지는 게 맞을지도 모르겠어요.

모든 생산 활동의 기저에는 어떤 대상, 나아가 자기 자신을 소개하고픈 욕망이 있습니다. 이 욕망 앞에서는 이우환 선생님이나 버질 아블로, 마포평생학습관에서 첫 개인전을 연 미술가는 서로 다를 게 없죠. 게다가 소개는 절차상 반드시, 그리고 어차피 해야 할 일이죠. 그 일에만 집중하더라도 이야기는 시작될 수 있다고 믿습니다. 소개가 문제적인 까닭입니다. 민구홍 매뉴팩처링은 이 욕망을 조금 더 의식하고 양식화한 결과물이에요. 김창열 선생님에게 탐구해야 할 대상이 ‘물방울’이었다면, 민구홍 매뉴팩처링에는 ‘소개’인 셈이죠.

제법 많습니다. 0.125, 2, 3, 6, 12, 14, 16, 24, 38, 42, 999입니다. 어떤 것은 글쓰기, 어떤 것은 또 다른 글쓰기, 즉 코딩, 어떤 것은 마이크로 타이포그래피, 어떤 것은 매크로 타이포그래피와 관련이 있습니다.

물론 가능합니다. 모쪼록 유익한 시간 보내시기 바랍니다.

후회나 미련은 결과적으로 어떤 선택에 대한 호기심 어린 아쉬움이다. 후회는 무엇을 선택한 것에 대한, 미련은 무엇을 선택하지 않은 것에 대한. 어쨌든 후회나 미련 모두 몰입하면 몰입할수록 불행해지기 마련이고, 이제껏 잊고 있던 근원적 질문이 피어오른다. 나는 왜 태어났는가. 그것도 한국인 부모 사이에서. 따라서 되도록 후회와 미련에서 멀어지려 하지만, 일상이 크고 작은 선택으로 이뤄진 만큼 완전히 자유로울 수는 없다. 그때 그 여성에게 조금 더 적극적으로 고백했더라면… 그때 그 선생님에게 이메일을 보내지 않았더라면… 그때 그 약물을 복용하지 않았더라면… 그때 뉴욕에 더 오래 머물렀더라면… 그때 그 아파트를 매수했더라면… 그때 그 인물에게 투표했더라면… 그때 이 원고 청탁을 거절했더라면…

좋은 질문이다. 국립국어원에서 정한 한글 맞춤법과 외래어 표기법을 되도록 준수하려 한다. 온라인과 오프라인에서 여러 프로젝트를 경험해 본 바로는 기본에 집중하다 보면 결과물은 자연스럽게 도출되기도 한다. 그리고 웹 브라우저의 기본 글자 크기가 16픽셀인 점에 의문을 품지 않는다. 나머지는 작업마다 달라지는 세칙일 뿐이다.

부모님께는 송구스럽지만, 저는 세상에 우연히 태어났다고 생각합니다. 그 남성과 여성을 부모로 둔 것, 한국인으로 태어난 것, 남성으로 태어난 것, 심지어 제 이름이 ‘민구홍’인 것까지 제 기준에서는 다 우연이죠. 우연히 시작된 ‘삶’이라는 프로젝트를 어떻게 진행하고 완수해야 할까요? 고민하다 보면 끝이 없습니다. 열심히 고민한다고 해서 해결되는 것도 아니고요. 중요한 건 어쨌든 무엇이든 선택할 수밖에 없다는 점입니다. 작게는 글자체에서, 넓게는 이 강연이 끝나고 먹을 저녁 메뉴까지. 그 기준은 넓게 보면 무엇보다 제 행복이고요.

더글러스 애덤스(Douglas Adams)의 SF 소설 『은하수를 여행하는 히치하이커를 위한 안내서』(The Hitchhiker’s Guide to the Galaxy)는 삶, 우주, 그리고 모든 것을 둘러싼 궁극적인 질문에 대한 답으로 42을 제시한다. 내게도 비슷한 숫자가 있습니다.

본디 인간이라는 동물의 자연 수명은 38년이라고 해요. 저는 어느덧 38년 하고도 1년을 더 살았습니다. 내년에는 놀랍게도 마흔이 되고요. 남은 생은 그저 ‘덤’, 즉 보너스 스테이지라고 생각합니다. 그렇게 오해해보면 마음이 편안해집니다. 좋은 일이든 나쁜 일이든 “그러려니…” 하면서요. 그게 불교에서 이야기하는 카르마, 즉 업보를 없애는 길이기도 하고요.

젓가락으로 콩자반을 하나씩 집어 먹다 보면 누구보다 젓가락질을 잘한다고 자부하게 됩니다. 반대로 계약서나 전시 방명록에 이름을 쓸 때는 제가 쓴 글자가 마음에 든 적이 별로 없어요. 원하지 않는 곳으로 획이 나아가 어딘가 어색한 지점에서 멈추곤 합니다. 필기구가 하필 붓이라면 결과물은 더 엉망이죠. 정확히는 모르겠지만 젓가락질을 하는 데 사용하는 근육과 글자를 쓰는 데 사용하는 근육은 조금 다른 것 같습니다. 키보드나 마우스, 터치스크린이 더 익숙해서 그럴지도 모르고요. 젓가락질을 조금 더 연습해야 할까요?

민구홍 매뉴팩처링 그 자체. 한 인간의 생활을 제법 둥글게 작동시키는 도구라는 점에서 말이다. 지금 당신과 마주 앉아 이런 이야기를 주고받을 수 있는 것도 다 그 덕이라고 생각한다. 게다가 민구홍 매뉴팩처링이 아니라면 자본과 용기가 부족하다는 속내를 쉽게 털어놓지 못했을 테다. 그리고 행복한 척하며 미국이나 네덜란드를 떠돌았겠지.

웹은 민구홍 매뉴팩처링에서 회사를 소개하기 위해 활용하는 매체 가운데 하나다. 하지만 웹의 비중이 적지 않기 때문에 이따금 웹 디자인 에이전시로 오해받곤 한다. 회사에서 웹을 주로 이용하는 까닭은 다루기 쉽고, (인쇄물에 비해) 파급력이 클 뿐 아니라 무엇보다 많은 사람이 잠들기 직전에 마주하는 대상이 될 가능성이 크기 때문이다.

팀 버너스리(Tim Berners-Lee) 경이 과학자들끼리 효율적으로 논문을 공유할 목적으로 웹을 발명한 만큼 역사적으로 웹은 인쇄물에서 출발했다. 정보를 전달하는 방식의 측면에서 웹은 태생적으로 인쇄물의 장점을 포섭하고, 지금 이 순간에도 발전을 거듭한다. 따라서 둘을 같은 출발선상에 놓고, 일대일로 비교하기보다는 인쇄물을 웹의 조상, 웹을 조금 더 진보한 인쇄물로 여기는 편이 이롭다. 당장 생각 나는 둘의 분명한 차이가 있다면 웹은 책을 손에 쥐었을 때 느껴지는 흡족함을 주지 못한다는 점과 책과 달리 영원히 베타 버전이라는 점이다.

생화학 무기와 도청 장비, 무엇보다 샤워 커튼을 제외하고, 좋은 제품을 제작하기 위해 노력한다는 점에서는 크게 다르지 않아 보입니다.

아직은 언제까지보다는 어떻게에 집중해보려 합니다.

웹사이트는 강력하지만 동시에 허약한 매체입니다. 만질 수도 없고, 일반적으로 웹 브라우저 없이는 열람할 수조차 없죠. 그리고 세입자가 방을 빌리듯이, 웹사이트도 돈을 내서 도메인의 일정 용량을 사용합니다. 이렇게 되면 한곳에 모든 데이터가 모이죠. 자칫하면 데이터를 관리하는 회사가 정보를 통제하는 위험성이 생기기도 합니다. 이런 문제를 해결하고자 다양한 시도가 이뤄지고 있어요. 예컨대 비커 브라우저(Beaker Browser)를 사용하면 사용자의 컴퓨터는 클라이언트이자 서버가 됩니다. 즉, 사용자는 중앙 서버를 거치지 않고 서로 정보를 주고받을 수 있죠. 데이터를 조각내서 공유하는 토렌트(Torrent)와 유사해요. 웹사이트와 P2P(Peer-to-peer)가 결합한 형태로 인터넷의 탈중앙화를 꾀하는 시도죠. 이렇게 의문을 제기하는 게 중요하다고 생각해요.

웹사이트는 ‘영원한 베타(perpetual beta)’ 버전입니다. 서버를 운영하는 데 돈을 지불하지 않으면 폐쇄되죠. 링크가 깨지는 경우도 많고요. 하지만 웹의 존속은 제작자의 마음에 달려있다고 생각해요. 예컨대 전시나 행사를 위한 웹사이트일 경우, 일정 기간 필요한 정보를 모두 전달하면 더 이상 유지할 필요가 없습니다. 하지만 도록이나 아카이브로 사용하는 웹이라면 오래 존재할 수 있죠. 예컨대 최초의 웹사이트는 30년 넘게 지금까지도 운영 중이에요. 똑같은 내용과 똑같은 형식으로 말이죠. 그래서 웹의 생명이 짧다고 일반화할 수는 없습니다. 필요에 따라서 어떤 웹사이트는 오랫동안 지속하기도 하니까요.

‘분홍이’라는 별명으로 더 많이 불리는 푹신은 아득히 먼 옛날 미술 평론가 겸 기획자 이한범 씨가 기획한 아카이브 전시 『픽션-툴』 웹사이트에서 태어났다. 웹사이트 자체가 또 하나의 전시였으므로 웹사이트상의 전시를 해설할 도슨트가 있으면 좋겠다고 생각했다. 전시 관련자가 아닌 제3자, 즉 관람객의 입장에서 말이다. 그렇게 웹사이트 화면을 돌아다니며 클릭할 때마다 메시지를 출력하는 기능이 탑재됐다. 그리고 전시 전체 기간을 백분율로 계산해 하루에 웹사이트 화면 높이의 일정 비율씩 커지도록 했다. 전시 종료일에 화면을 가득 채우는 모습을 의도한 것이기도 하다. 이한범은 전시 리플릿에 푹신에 관해 이렇게 썼다.

이제 여러분은 1층으로 다시 돌아와 한 벽면에 놓인 모니터를 통해 전시장에서 본 작업들의 정리된 정보를 확인하실 수 있습니다. 아마 남몰래 목록을 더해가고 있을 테니 시간 날 때마다 슬쩍 슬쩍 구경해도 재미가 쏠쏠하겠죠? 잠깐만요, 그런데 화면에 떠다니는 귀여운 녀석이 보이시나요? 커서로 쫓아가 (모바일 디바이스라면 손가락으로!) 건드리고 클릭하면 여러분께 말을 건넬지 모릅니다! 이 친구는 민구홍 매뉴팩처링이 이번 전시를 위해 특별히 만든 신제품입니다. 민구홍 매뉴팩처링은 웹이라고 하는 공간에 기반해 그 시스템의 기술을 이용한 기생형 프로그램을 만듭니다. 말하자면 직접 어떤 공간을 새로이 만들지 않고, 기존에 있는 공간에 달라붙어 그것을 비틀거나 변형시키는 방식으로 기능하는 거죠. 민구홍 매뉴팩처링은 심각하지 않습니다. 언제나 우리를 유쾌하게 해주는 장난스러운 개구장이에 더 가깝죠. 화면의 저 분홍색 친구는 절대 여러분을 해치지 않을 겁니다. 그런데 전시 기간 하루가 달리 몸집이 불어난다고 하니 조금 걱정이 되긴 하네요.

모양은 UX 분야에서 전통적으로 널리 사용되는 ‘생략 버튼’(ellipsis button)에서 따왔다. 대개 클릭하면 두드러질 필요 없는 부가적인 기능이나 정보를 드러내는데, 그 속성이 도슨트의 역할과 비슷하다고 생각했다. 곡률은 이후 모바일 애플리케이션으로 개발할 것까지 고려해 여러 모바일 운영 체제 아이콘 곡률의 평균값(전체 크기의 약 22퍼센트)을 지정했다.

이후 잠시 현실로 도피했다가…

지금은 다시 웹상에서 중얼거림을 이어가고 있다. 특히 난지미술창작레지던시의 큐레이터 정시우 씨와 코디네이터 정지원 씨의 사랑을 독차지하고 있다.

좋은 지적이다. 단, ‘온라인’이란 말은 범위가 너무 넓으니 여기서는 월드 와이드 웹(World Wide Web, 이하 ‘웹’)으로 한정하는 게 좋겠다. 먼저 인터넷(Internet)은 수많은 컴퓨터가 물리적으로, 즉 대륙 간 해저 케이블로 연결된 네트워크다. 놀랄지 모르겠지만, 인터넷은 웹이 아니다. 웹보다 크고, 1950년대에 처음 고안됐으니 웹보다 훨씬 오래됐다. 1990년 무렵 일반에 공개된 웹은 인터넷을 기반으로 한 기술 가운데 하나로, 수많은 웹 페이지(web page)가 거미줄처럼 엮인 공간이다. 웹 페이지는 기본적으로 컴퓨터 언어인 HTML(HyperText Markup Language)로 작성된 문서로, 웹을 이루는 최소단위라 할 수 있다. 텍스트, 이미지, 영상 등의 정보는 웹 페이지에 담겨 표준 규약인 HTTP(The Hypertext Transfer Protocol)를 통해 컴퓨터 사이를 오간다. 웹사이트(website)는 같은 도메인(domain), 예컨대 minguhongmfg.com에 위치한 웹 페이지의 묶음으로, 웹 페이지 하나만으로 이뤄질 수도 있다. 일상에서 웹사이트와 혼용하곤 하는 홈페이지(homepage)는 웹사이트의 첫 페이지를 가리킨다.

한편, 웹사이트는 서버(server)상에서 구동된다. (정확히는 서버를 통해 전달된다.) 서버는 인터넷상에서 정보를 제공하는 컴퓨터고, 그와 쌍을 이루는 클라이언트(client)는 정보를 취하는 컴퓨터, 즉 일반적으로 우리가 사용하는 컴퓨터다. 이때 서버와 클라이언트의 관계는 상대적이다. 즉, 서버가 API(Application Programming Interface) 등을 통해 또 다른 서버에서 정보를 취한다면, 서버인 동시에 클라이언트가 된다. 서버는 수많은 방식으로 동작하는데, 전통적이고 일반적인 방식은 리눅스 기반의 LAMP(Linux, Apache, MySQL, PHP) 스택(stack)이고, 몇 년 사이 자바스크립트를 적극적으로 활용한 JAM(JavaScript, API, Markup) 스택이 각광받고 있다. 사파리(Safari), 구글 크롬(Google Chrome) 같은 웹 브라우저(web browser)는 웹 페이지를 열람하는 소프트웨어로, 모든 웹 기술이 일어나는 종착지다. 즉, 웹 브라우저가 없다면 아무 일도 일어나지 않는 셈이다. 그 밖의 개념은 그때그때 설명하기로 하고, 더 궁금한 점이 있다면 직접 웹을 검색해 보면 어떨까. 『새로운 질서』(미디어버스, 2019)를 참고하는 것도 괜찮은 방법이다.

인터넷을 사용하는 일은 우리가 식당에서 주문을 하고, 밥을 먹는 일과 비슷하다. 고객(클라이언트)이 식당에서 음식(정보)을 주문하면 점원(서버)은 음식을 가져다준다. 음식이 식탁에 오르는 속도는 대개 주방 상황에 따라 달라지기 마련이다. 식재료가 떨어지거나 주방에 문제가 생기면 점원은 다른 음식을 주문하거나 다음에 다시 찾아와달라고 말한다. 점원이 주문을 깜빡해 멍하니 기다려야 하는 경우도 더러 있다. 현실보다 드넓은 이 식당에서 웹은 메뉴판이고, 웹사이트를 만드는 일은 메뉴판에 음식을 하나 추가하는 일이다. 음식은 식재료나 요리사의 취향에 따라 달라질 수 있다. 이따금 마주하는 다음과 같은 화면은 식재료가 떨어졌거나 주방에 문제가 일어났음을 뜻한다.

시간 관계상 1,000여 개에 육박하는 즐겨찾기 목록을 공개하는 건 어려울 것 같다. 잘 만들어진 웹사이트를 참고하기도 한다. 하지만 결과물이 너무나도 매력적이면 콘텐츠와 무관하게 나도 모르게 따라 하게 된다. 눈에 보이는 결과물이 아닌 콘텐츠를 어떻게 대하고 다뤘는지 따져보며 처음부터 작업 과정을 상상해본다. 순전히 자신의 행복을 위해 만든 웹사이트에 눈길이 간다. 특히, 네오시티(Neocities)나 FC2 웹에 자주 들른다. 그런 웹사이트는 시각적으로 거칠기도 하지만, 공식에 얽매이지 않고, 위악적으로 공식을 배반하기도 한다. 그들의 콘텐츠와 그들이 콘텐츠를 다루는 방식은 잠시 잊었던 뭔가를 다시 떠올리게 하고, 동시에 CMS나 자바스크립트를 위시한 새로운 기술을 잊게 한다. 나아가 그런 웹사이트를 만든 사람과 친구가 되고 싶어지기도 한다.

한편, 최신 웹 기술을 참고하는 데는 모질라 재단(Mozilla Foundation)에서 운영하는 ‘MDN 웹 문서(MDN Web Docs)’만한 곳이 없다.

사실과 다르다.

좋은 질문입니다. 무엇보다 국립국어원에서 정한 한글 맞춤법과 외래어 표기법을 준수하려 노력합니다. 기본적인 것에 충실하다 보면 결과물이 자연스럽게 도출되기도 해요.

정확하다. 결국 어떤 대상을 어떻게(취향), 얼마나(야심) 소개하는지에 달렸다. 온라인 전시뿐일까?

보안관님, 피트 마텔 씬데요, 음, 전화 돌려드릴게요. 빨간색 의자 옆 테이블에 놓인 전화기로요. 벽에 붙은 빨간색 의자요. 테이블 위엔 램프가 있고요. 그 왜, 전에 우리가 저쪽 구석에서 옮긴 램프 있잖아요. 전화기는 갈색 말고, 검은색이요!

1990년대를 풍미한 미국 드라마 「트윈 픽스」(Twin Peaks)의 등장인물 루시 모런(Lucy Moran)의 역사적인 첫 대사다. 이는 「새로운 질서」의 모토이기도 하다. 보안관 사무실에서 비서로 일하는 루시가 보안관에게 전화를 돌려주는 모습에서 드러나는 것은 어떤 대상(여기서는 전화기)에 대한 편집증적인 집중이다. 내게 그 대상은 이따금 아무리 우스꽝스러워 보일지라도 무엇보다 나 자신이다.

그렇게 생각한다면 감사할 따름이다.

디자인 학교에서 강의하다 보면 학생들은 인쇄물과 웹사이트를 비교하려 합니다. 기존 커리큘럼의 영향도 있겠지만, 생산자로서 책이나 포스터 같은 전통적인 인쇄 매체에 익숙하기 때문이죠. 또는 지독히 인쇄물을 사랑하거나요. 웹은 과학자들끼리 효율적으로 논문을 공유할 목적으로 발명됐어요. 역사적으로 웹사이트는 인쇄물에서 출발한 셈이죠. 콘텐츠를 담는 그릇으로서 웹사이트는 태생적으로 인쇄물의 장점을 포섭하고, 게다가 지금도 발전하고 있습니다. 따라서 둘을 같은 출발선상에 놓고 비교하기보다는 인쇄물을 웹의 조상, 웹을 조금 더 진보한 인쇄물로 여기는 편이 이롭습니다. 물론 웹은 책처럼 손에 쥐었을 때 느껴지는 흡족함을 주지 못하고, 책과 달리 영원한 베타 버전이라는 차이가 있지만요.

“어떤 대상을 좋아하고, 급기야 사랑하게 되면 그 아름다운 마음을 주위와 나누고 싶게 마련이다.” 제가 수학한 시적 연산 학교의 마지막 수업은 자신만의 학교를 만드는 것이었습니다. 저는 선생의 역할은 맹목적인 학생을 만드는 게 아니라 또 다른 선생을 만드는 것이라고 생각합니다. 그래서 첫 시간부터 그냥 이름을 부르는 식으로 호칭을 정리하죠. 누군가를 ‘선생님’으로 부르는 순간 어떤 위계가 생기고, 그런 위계는 뭔가를 가르치거나 배우는 데, 즉 나누는 데 도움이 되지 않는 것 같아요.

소비자로서는 웹사이트가 너무나도 익숙하지만, 생산자로서는 대개 새로운 매체입니다. 세련된 툴바가 아닌 모두 글자로 하나하나 해야 하는 까닭에 자신의 작업 과정을 들여다볼 수밖에 없죠. 디자이너라면 모름지기 처음부터 책을 한 권 만들어봐야 한다는 말이 있습니다. 이는 책을 만드는 과정에서 마주하는 상황이 디자인을 할 때 마주하게 되는 많은 변수를 포함하기 때문인 것 같아요. 웹사이트는 거기서 한발 더 나아가 또 다른 경험을 하게 합니다.

글쎄요. 어쨌든 우리는 그곳을 ‘웹사이트’라 불렀습니다. 하지만 이제 이 말이 사전적으로 규정하는 바는 조금 협소해 보입니다. 웹사이트의 내일은 기술과 인간이 만나는 지점에 있습니다. 여전히 웹사이트는 정보와 예술, 기술과 인문학이 어우러진 공간이 될 테고, 우리는 이곳에서 새로운 문화를 만들고, 새로운 사고방식을 발전시키며 우리가 존재하는 새로운 방식을 모색할 수 있지 않을까요? T.S. 엘리엇의 말마따나 “우리는 출발점으로 돌아와 그곳을 처음으로 알게 된다.” 우리가 웹사이트를 통해 마주하는 경험도 이와 다르지 않습니다. 그리고 끝없는 디지털 공간을 배회하다 보면 우리가 알게 되는 건 결국 나 자신, 나아가 우리겠죠.

그 사실을 감지한 순간 자연스럽게 질문이 쏟아집니다. 어떻게 무한한 가능성의 공간에서 의미 있는 경험을 만들어낼 수 있을까? 어떻게 사용자의 자유로운 탐험과 작가의 의도를 조화시킬 수 있을까? 움베르토 에코(Umberto Eco)는 『열린 예술작품』(Opera Aperta)에서 독자의 해석이 작품의 일부가 되는 ‘열린 텍스트’의 개념을 제시했습니다. 어쩌면 웹사이트는 이런 ‘열림’의 극단적 형태일지 모릅니다. 끊임없이 변화하고, 사용자와 상호작용하며, 새로운 의미를 만들어내는 유기체처럼요.

이 웹사이트는 가장 친한 미국인 친구 로럴 슐스트(Laurel Schwulst)를 위한 생일 선물입니다. “너 로럴 맞지?”라며 방문자가 로럴인지 계속 확인하는 이 웹사이트는 그의 생일인 3월 15일에 비로소 완성됩니다. 일차적으로는 로럴을 위한 웹사이트이지만, 반드시 로럴에게만 유용한 건 아닙니다. 즉, 로럴이 아닌 사람에게는 로럴이 누구인지 알 수 있는 도구로 기능하죠.

아직은 회사를 소개하는 데 집중하고 싶습니다. 회사 웹사이트의 또 다른 기능을 알려주셔서 감사합니다.

웹은 민구홍 매뉴팩처링에서 회사를 소개하기 위해 활용하는 여러 매체 가운데 하나입니다. 그래서인지 이따금 웹 디자인 에이전시로 오해받곤 하죠. 민구홍 매뉴팩처링에서 웹을 주로 이용하는 까닭은 다루기 쉽고, 파급력이 클 뿐 아니라 무엇보다 많은 사람이 잠들기 직전에 마주하는 대상이 될 가능성이 크기 때문입니다. ‘공유’라는 웹의 철학에 집중해 웹의 탈중앙화를 실천하는 비커 브라우저(Beaker Browser) 같은 프로젝트가 등장했지만, 여전히 특정 서버에 세 드는 게 일반적인 웹의 특성이 회사의 주요한 생존 전략인 ‘기생’과 맞물리기도 하고요. 하지만 회사를 소개한다는 소기의 목적만 달성한다면 사실 매체는 크게 중요하지 않습니다. 기회만 주어진다면 전통적인 매체인 신문이나 잡지, TV나 건물의 전광판, 회화나 조각 등도 활용하고 싶습니다. 미술관이나 갤러리 등에서 회사를 소개하는 것 또한 꺼리지 않고요.