자주 하는 질문

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

『레인보 셔벗』(Rainbow Sherbet, 작업실유령·아카이브 봄, 2019)을 추천합니다. 뒤표지에 실린 그래픽 디자인 듀오 슬기와 민의 추천사를 덧붙입니다.

『레인보 셔벗』은 민구홍 매뉴팩처링에서 회사를 소개하는 데 일조하는 책이다. 이런 식의 소개문 몇 줄이 들어가면 좋겠습니다. 일종의 트롱프뢰유(trompe-l’œil)기도 하지만, 책 속에 따로 머리말이 없으니 이 자리를 활용하면 좋을 듯합니다. 다만, 분량은 160자 정도로 제한해 주세요.

콘텐츠를 제어하는 방식에 따라 구분하면 정적(static) 웹사이트와 동적(dynamic) 웹사이트가 있겠다. 정적 웹사이트에서 콘텐츠는 말 그대로 고정적이다. 파일을 교체하지 않는 이상 언제나 그대로다. 동적 웹사이트에서는 클라이언트의 요청에 따라 백엔드를 통해 생성되고, 콘텐츠가 담긴 웹 페이지는 상황에 따라 달라진다. 한편, 콘텐츠의 분량에 따라 구분하면 ‘포스터식 웹사이트’와 ‘넷플릭스식 웹사이트’가 있겠다. 한두 페이지만으로 이뤄진 포스터식 웹사이트는 콘텐츠의 분량이 많지 않은 경우에 적합하다. 포스터식 웹사이트에서 콘텐츠를 열람하는 방식은 스크롤이다. 콘텐츠의 분량이 많다면 넷플릭스식 웹사이트가 적합하다. 이 웹사이트는 크게 콘텐츠를 한눈에 훑어볼 수 있는 인덱스 페이지와 콘텐츠의 세부 페이지로 나뉘는데, 온라인 전시뿐 아니라 포트폴리오 등 많은 웹사이트가 여기에 속할 수 있다. 어떤 기능이 탑재되는지에 더욱 세분화할 수 있지만, 일반적으로 정적 웹사이트는 포스터식 웹사이트에, 동적 웹사이트는 넷플릭스식 웹사이트에 적합하겠다.

질문의 의도를 짐작해서 답변하자면 업적보다 덜 알려진 것 같기는 하다. 그런데 우리가 어떤 제품을 사용할 때 그 제품의 역사를 속속들이 알지 못하고, 굳이 그럴 필요도 없듯이 많은 사람이 최정호를 잘 모른다고 해서 아쉬워할 필요는 없는 것 같다.

<a> 태그입니다. 콘텐츠에 하이퍼링크를 만들어 다른 콘텐츠와 잇는 태그로, 웹을 웹답게 만드는, 웹의 산소 같은 존재죠. 인쇄물과 웹사이트를 구별짓는 대표적인 태그이기도 해요. 인쇄물에서 각주, 방주, 미주에 불과했던 콘텐츠는 <a> 태그 덕에 웹에서 새로운 지위를 획득했으니까요. a는 ‘닻(anchor)’를 뜻해요. 여러 해석이 있지만, 저는 웹사이트에서 하이퍼링크를 클릭했을 때 그곳에 닻을 내리고 다른 곳으로 이동한다고 생각해요.

유일하게 마스크를 착용하지 않고 진행한 「새로운 질서」에서 추억을 쌓은 ‘「새로운 질서」의 친구들’로, 문학, 미술, 디자인 등 다방면의 전문가가 꾸린 느슨한 컬렉티브입니다.

‘매뉴팩처링(manufacturing)’에는 ‘원재료를 인력이나 기계력 등으로 가공해 제품을 대량으로 생산하는 제조업’이라는 뜻이 있습니다. 대량으로 생산한다는 점에 초점을 맞추면, 웹에서 민구홍 매뉴팩처링의 제품은 HTML의 <a> 태그만으로 재생산돼 어디로든 유통될 수 있습니다. 설령 제품이 수정되더라도 웹 브라우저의 ‘새로 고침’ 버튼을 클릭하는 것만으로 고객은 최신 제품을 경험할 수 있고요. 심지어 제품이 추억 속에 놓이더라도 버전별로 세분화기까지 하죠. 다른 매체와 웹을 구별 짓는 가장 큰 특징인 하이퍼링크 덕에 경제성 측면에서는 가장 완벽한 대량생산과 유통 방식이 구현된 셈입니다. 웹 브라우저 없이 성립할 수 없는 태생적 한계는 냉장고 패널에까지 컴퓨터와 웹 브라우저가 탑재된 오늘날 큰 문제는 아닙니다. 또 다른 한계, 즉 프런트엔드에 한해 제품의 모든 소스 코드가 공개된다는 점에서 저작권 문제는 고객의 윤리 의식에 맡길 수밖에 없겠죠. 고객에게만큼은 관대한 아마존의 호연지기를 본받고 싶습니다. 한편, 그리스 출신 미술가 밀토스 마네타스(Miltos Manetas)는 제50회 베니스 비엔날레를 맞아 발표한 「회화에 관한 마네타스 도그마(Manetas Dogma of Painting)」에서 이런 말을 남기기도 했죠.

당신의 가장 중요한 작품을 복사하고, 다른 사람이 복사할 수 있도록 허락하라. 과거의 훌륭한 화가들은 모두 복사했고, 그것이 그들의 작품이 오늘날까지 살아남은 이유다.

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

개념은 같아요. 차이는 방법에 있습니다. CSS에서 글자체를 제어하는 ‘font-family’ 속성에서는 폴백(fallback) 기능을 지원합니다. 쉽게 말해 몇 가지 글자체를 지정해두고, 첫 번째로 지정한 글자체의 폰트가 지원하지 않는 글리프가 있다면 다음 글자체의 폰트가 담당하는 기능이죠. 이 기능을 이용하면 섬세하지는 않지만 기본적인 섞어 짜기가 가능해요. 이보다 조금 복잡하기는 해도 자바스크립트의 힘을 빌리면 인디자인에서처럼 정규 표현식을 통해 자동으로 한글, 로만 알파벳, 한자, 가나 등 언어별 문자마다 스타일을 지정할 수 있고요. 시적 연산 학교 동문이기도 한 MIT의 소원영 씨와 뉴 스쿨(The New School)의 강이룬 선배가 만든 멀티링구얼 JS가 이를 위한 대표적인 자바스크립트 플러그인인데, 『타이포잔치 2021: 거북이와 두루미』, 『2022 부산비엔날레』 등에서 유용하게 사용했습니다. 마지막 업데이트 시점에서 무려 6년이나 지났지만, 사용하는 데 전혀 무리가 없었고요. 이 자리를 빌려 두 분께 존경을 표합니다. 나아가 아예 폰트를 커스터마이징해 앞서 말씀드린 얄궂은 설정이 필요 없는 완전한 다문자용 폰트를 만들 수도 있고요. 구글과 어도비가 합작한 노토 산스(Noto Sans)가 대표적인 보기죠.

사실상 없다. 코로나와 무관하게 민구홍 매뉴팩처링의 태도는 한결같다. 요컨대 웹을 이루는 기초적이고 기본적인 기술, 즉 HTML(HyperText Markup Language)과 CSS(Cascading Style Sheets)를 중심으로 다른 컴퓨터 언어를 제약 안에서 맥락에 따라 강박적일 만큼 순수하게, 때로는 순수할 만큼 변칙적으로 구사하려 한다. (물론 필요하다면 최첨단 기술을 도입하기도 한다. 경우에 따라 시간이 많이 걸리겠지만.) 여기에는 앞에서 밝힌 기술을 향한 어떤 까닭 모를 믿음, 즉 기술 자체가 아니라 어떻게 규정하고 사용하는지와 관련이 있다. 그래픽 디자이너가 인디자인의 모든 기능을 속속들이 사용하지 않는, 또는 그럴 필요가 없는 까닭과도 같다. 콘텐츠가 아름답다면 콘텐츠를 담은 그릇은 특별한 장식이나 장치 없이, 심지어 아무것도 건드리지 않아도 자연스럽게 특정한 아우라를 지닌다고 믿는다. 즉, 이번 결과물이 해적단에게 유의미하거나 성공적이었다면 모든 공은 해적단 몫이다.

좋은 지적이다. 단, ‘온라인’이란 말은 범위가 너무 넓으니 여기서는 월드 와이드 웹(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)를 참고하는 것도 괜찮은 방법이다.

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

저 또한 마찬가지입니다.

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

안그라픽스에는 날개집에서 맡아 진행하던 프로젝트가 길어지면서 자연스럽게 입사했어요. 대학교 4학년, 스물여섯 살 때였죠. 우연이라면 우연이었고, 그게 첫 사회 생활이었죠. 그러다 보니 인터뷰에서 이제껏 제 전공과 지금 하는 일에 관한 질문, 또는 “저는 디자인을 전공하지 않았는데, 디자이너로 일할 수 있을까요?” 같은 질문을 많이 받았는데, 답변은 한결같아요. 저는 제가 다닌 학교와 제 전공이 자랑스럽지만, 그렇다고 추앙하지는 않습니다. 즉, 제 학교와 전공이 제 앞날을 고스란히 결정하리라고 생각하지 않았어요. 문학을 전공한 덕일까요. 그럼에도 시인이나 소설가로 살고 싶은 마음은 별로 없었어요. 단지 글을 잘 쓰고, 또 잘 다루고 싶었죠. 그러다 보니 자연스럽게 글의 형식에 관한 기술인 타이포그래피에까지 관심을 두게 됐고요. 그러다 안상수 선생님과 인연이 닿은 거랍니다. 타이포그래피 또한 그 관심의 끝이라기보다는 여러 징검다리 가운데 하나일 뿐입니다. 언젠가는 스타트업을 운영하거나 힙합 음악을 발표하거나 일본으로 이민을 갈지도 몰라요. 그게 제가 생각하는 제 글쓰기에 도움만 된다면요. 결국 문학이 제게 가르쳐준 건 언어를 다루는 법, 그리고 그 언어로 세계를 엮는 방식인 것 같아요. 그게 저술이든, 편집이든, 번역이든, 디자인이든, 프로그래밍이든 저는 늘 글을 쓰고 있다고 느낍니다.

제가 마주하는 모든 대상에서 얻습니다. 다만, 그 과정은 단순히 ‘영감을 얻는다’는 말만으로는 설명하기 어려운 무의식적인 차원에 있습니다.

커비 퍼거슨(Kirby Ferguson)의 『모든 것은 리믹스다』(Everything is Remix)라는 다큐멘터리가 있습니다. 제목처럼 인간의 모든 창작물은 리믹스, 즉 이미 존재하는 것을 조합한 결과물이라는 뜻이죠. 우리가 늘 손에 쥐는 아이폰이 대표적이고요. 스티브 잡스가 이야기했듯 아이폰은 이미 존재하던 MP3 플레이어, 전화기, 인터넷 단말기를 조합하고 필터링한 결과물이죠. 그렇게 이해해보면 (또는 오해해보면) 크리에이티브라는 건 결국 에디터십에서 비롯합니다. 에디터십은 이미 존재하는 것에 반응하고, 필터링하고, 연결하고, 관리하는 힘이죠. 제게 ‘크리에이티브’라는 건 그런 것 같아요.

그 다음에 필요한 건 족쇄, 즉 제약입니다. 말을 하든, 글을 쓰든, 포스터나 책, 웹사이트를 만들든 우리는 매체의 제약에 놓입니다. 거칠게 말해 제약 없이는 아무것도 시작하기 어렵죠. 설령 제약이 없다면 (또는 없는 것처럼 보인다면) 가장 먼저 제약을 창작해야 합니다. 제약을 창작하는 일이 곧 작품을 창작하는 일이라 믿는 까닭입니다. 크리에이티브의 첫 번째 대상은 제약입니다.

한국 나이로 일곱 살 무렵이던 1991년에 처음 컴퓨터를 접했다. 마지막 PC 통신 세대이자 첫 인터넷 세대인데, 웹 1.0 시절부터 소비자와 생산자로서 경험해온 웹은 규정할 수 없을 만큼 아름답게 엉망진창이다. 이따금 웹상에는 모든 것이 있다는 환상에 젖곤 한다. 하지만 맛있는 저녁을 먹고 집 앞 경의선숲길을 산책하다 보면 그런 환상은 무참히 무화된다.

공식 웹사이트를 비롯해 여러 방식으로 회사를 소개하기 때문일까요? 사실 민구홍 매뉴팩처링을 소개할 일은 생각보다 많지 않습니다. 이미 어느 정도 짐작하신 상태에서 이야기가 시작되곤 합니다. 회사를 소개하는 방식은 소개하는 대상마다 달라지는 것 같아요. 며칠 전 한국 코카-콜라와 미팅할 때는 코카-콜라를 사랑하는 회사로 소개했어요.

이 또한 근본적으로는 인쇄물과 크게 다르지 않다. 단, 글자나 이미지가 콘텐츠를 드러내는 것 외에, 예컨대 버튼으로서 특정한 기능을 수행할 수 있음을 고려해야 한다. 즉, 콘텐츠가 사용자와 어떻게 상호작용할 수 있는지까지 고려하고 계획해야 한다는 뜻이다.

콘텐츠를 담는 그릇으로서는 별다른 차이가 없지만, 파급력 면에서는 웹사이트가 인쇄물보다 우수하다. 웹사이트를 열람하기 위해서는 물리적으로 이동할 필요 없이 인터넷에 연결된 스마트폰 한 대면 충분하니까. 학교에서 강의를 하다 보면 학생들이 종종 인쇄물과 웹사이트를 비교하려 한다. 기존 커리큘럼의 영향도 있겠지만, 아무래도 생산자로서 책이나 포스터 같은 전통적인 인쇄 매체에 익숙하기 때문일 것이다. 웹은 태생적으로 과학자들이 논문을 효율적으로 공유하기 위해 발명됐다. 즉, 웹사이트는 역사적으로 인쇄물에서 출발한 셈이다. 웹사이트는 인쇄물의 장점을 포섭하고 발전한다. 따라서 두 매체를 같은 출발선상에 놓고 비교하기보다는 인쇄물을 웹의 조상, 그리고 웹은 진보한 인쇄물로 여기는 편이 이롭다. 물론 웹사이트는 종이를 만질 때 느껴지는 흡족함을 주지 못하고, 책과 달리 영원한 베타 버전이라는 차이가 있지만. 팀 버너스리 경과 함께 최초의 웹사이트를 만드는 데 참여한 CERN의 댄 노예스(Dan Noyes)는 이렇게 말했다. “웹사이트는 책과 다르다. 책은 시간을 통해 존재한다. 웹사이트에서 데이터는 반복적으로 덮어씌워진다. 책과 비교하면 웹사이트를 만드는 건 얼마간 부질없는 일이다.”

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

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

이 책은 지금은 문을 닫은 전설적인 갤러리 ‘아카이브 봄’에서 열린 『레인보 셔벗』을 정리한 도록 겸 단행본이에요. 기획을 포함한 책임 편집은 최근에 일민미술관으로 자리를 옮긴 윤율리 씨가 담당했죠. 민구홍 매뉴팩처링의 주 고객 가운데 한 분으로, 어쩌다 보니 여름이 다가오면 함께 평양냉면을 먹는 사이가 됐어요. 도록에는 보통 작품에 관한 비평문이 실리기 마련인데, 여기서는 ‘작품’이 아닌 ‘제품’이니 ‘비평문’보다는 ‘후기’가 어울리기 때문 아니었을까요? 저도 궁금하니 이참에 율리 씨를 한번 인터뷰해보시는 건 어떨까요?

이 책에서 제가 담당한 건 뒤표지였어요. 뒤표지에는 보통 책 내용을 정리한 소개문을 싣죠. 소개문은 책을 디자인하고 드물게 인쇄 과정을 감리까지 해주신 슬기와 민 선생님들께 의뢰했는데, 덕분에 근사한 소개문이 탄생했어요. “『레인보 셔벗』은 민구홍 매뉴팩처링에서 회사를 소개하는 데 일조하는 책이다. 이런 식의 소개문 몇 줄이 들어가면 좋겠습니다. (…) 다만, 분량은 160자 정도로 제한해 주세요.” 덩달아 회사에서는 자연스럽게 선생님들의 명성에 기댈 수 있었고요. 참, 표지를 장식한 인물은 그래픽 디자이너 강문식 씨가 발견했죠.

정적 웹사이트 겸 포스터식 웹사이트는 콘텐츠가 제대로 마련되고 콘셉트가 정해진 상태라면 사실 하루만이라도 완성할 수 있다. 물론 이는 테스트를 제외한 시간이다. 어떤 웹사이트는 사용하는 데 무리가 없을 만큼 공개한 뒤 점진적으로 업데이트하기도 한다. 서울시립미술관 난지미술창작스튜디오와 함께한 ‹NR 베이커리›(NR Bakery, 2021)가 비슷한 경우인데, 인쇄물 작업에 익숙하다면 낯선 방식일지 모른다. 콘텐츠를 기획하고, 편집하고, 검토하는 시간을 제외하더라도 1개월은 걸린다. 모두 고려하면 한 웹사이트를 만드는 데 2–3개월 정도 걸리는 게 일반적이다.

5년여 동안 일한 안그라픽스를 그만둘 무렵, 내가 편집하고 디자인한 『타이포그래피에 관한 에세이』의 보도 자료를 웹에 게시하다가 우연히 발견했다. 뉴욕 중심가에 있다는 점과 교육 과정이 길지 않다는 점이 마음에 들었고, 무엇보다 서로 어울릴 법하지 않은 어휘인 ‘시적(poetic)’과 ‘연산(computation)’을 조합한 학교명이 멋있었다. 겉으로 드러나는 자유분방한 학교의 분위기와 달리 이름만큼은 세심하게 결정한 듯했고, 경쟁률도 모르는 상황에서 휴가 삼아 다녀오면 좋겠다는 생각이 들었다. 미국의 시인 케네스 골드스미스(Kenneth Goldsmith)가 출강했다는 점도 기대가 됐다.

운 좋게 합격한 학교는 내 상상보다 (긍정적인 의미로) 훨씬 더 이상했다. 학생들의 면면은 화이트 해커, 형사학 전공 대학원생, 건축가, 무용수, 일렉트로닉 음악가 등 다양했다. 참고로 내 코딩 컨벤션 선생은 프랑스에서 제빵사로 일하던 헬렌이었다. 학교에서는 예술 이론과 컴퓨터 이론을 둘러싼 개념적이고 실용적인 수업이 오전 9시부터 오후 6시까지 진행되고, 강연이나 워크숍이 있는 날은 더 늦게 끝나기도 했다. (뉴욕은 지하철이 24시간 운영된다.) 주말도 대부분 학교에서 생활하며 일반 대학교에서 몇 학기 동안 익히고 고민할 것을 짧은 시간 안에 소화해야 했다. 특히 미국의 시인이자 MIT 디지털 미디어 교수인 닉 먼포트(Nick Monfort)의 수업에 열심히 참여했다.

한 가지 주지할 점은 이 학교가 기술을 처음부터 하나하나 가르쳐주는 친절한 학교는 아니라는 점이다. 조금 과장하면 선생은 맞닥뜨린 문제를 해결하는 데 필요한 힌트를 제공하는 ‘검색어 제안기’로 기능하고, 학생은 선생이 제안한 검색어를 이정표 삼아 인터넷을 헤매면서 자신의 욕망과 기술적 한계를 인식하고 우회 전략을 고안해야 했다. 이런 교수법이 유의미한 건 중요한 게 기술 자체가 아니라 어떤 기술을 어떻게 활용할지기 때문이다.

마지막 수업은 자신만의 학교를 만드는 것이었는데, 학생이 반대로 선생의 입장에서 교육 자체에 관해 고민해보는 시간이었다. 내가 제안한 학교는 리코타를 중심으로 요리, 글쓰기, 코딩, 디자인, 마케팅을 익히는 ‘리코타 인스티튜트(Ricotta Institute)’였다. 내가 매주 금요일에 진행하는 「새로운 질서」는 언젠가 문을 열 리코타 인스티튜트의 프로토타입인 셈이다. (‘현대인을 위한 교양 강좌’를 표방하는 이 강좌에서 주로 다루는 바는 아트선재센터에서 발표한 「새로운 질서」에서 체험할 수 있다.)

단, 학교에는 이렇다 할 졸업장이 없었다. 태평양 건너 타국에까지 가서 공부를 마쳤는데, 이를 증명할 수 없다면 무슨 소용인가. 결국 졸업 작품으로 졸업장 생성기를 제작해 스스로, 그리고 친구들에게 학교 대신 졸업장을 수여했다. 학교 직인을 찍는 자리에는 「무작위 서명 생성기(Random Signature Generator)」가 무작위로 생성한 자신의 서명이 들어갔다.

나를 입양하고 싶다던 루이스 아저씨(위 사진 왼쪽 남성)와 매릴린 아줌마(뒤쪽 여성), 민구홍 매뉴팩처링의 또 다른 대모인 로럴 슐스트(Laurel Schwulst)를 만난 것도 큰 행운이다.

적확한 지적입니다. 이제는 그런 구분이 무의미할 정도죠. 예컨대 로이 애스콧(Roy Ascott)이 주창한 ‘텔레마틱 아트’(Telematic Art)나 제프리 쇼(Jeffrey Shaw)의 인터랙티브 설치 작품은 넷 아트가 추구한 가치와 포개지며 기술과 예술의 결합, 관객 참여의 중요성을 강조합니다. 라파엘 로자노헤머(Rafael Lozano-Hemmer)의 「벡터 고도」(Vectorial Elevation)에서 관객은 웹사이트를 통해 도시의 조명을 제어할 수 있었고, 애런 코블린(Aaron Koblin)의 「조니 캐시 프로젝트」(The Johnny Cash Project)는 웹사이트를 통해 전 세계 사람들이 함께 뮤직비디오를 만들 수 있는 플랫폼을 제공했죠.

넷 아트는 웹사이트를 정보의 저장고를 넘어 예술가의 상상력을 담는 그릇이자 관객과 소통하는 인터페이스, 나아가 새로운 미학적 경험을 만들어내는 공간으로 다시 정의했습니다. 동시에 디지털 시대의 아방가르드로서 우리에게 웹사이트를 바라보는 새로운 시선을 제시했죠. 벤야민이 말했듯 기술적 복제 시대의 예술 작품은 그 본질을 바꿉니다. 넷 아트는 여기서 한 걸음 더 나아가 복제와 변형, 참여가 작품의 본질이 되는 새로운 예술 형식을 만들어냈고요. 이는 그 자체로 우리에게 디지털 시대의 예술, 나아가 우리의 존재 방식에 관해 곱씹어볼 기회를 제공합니다.

웹은 콘텐츠의 생산 및 소비 방식의 관점에서 버전으로 구분된다. 웹 1.0은 1994년부터 2004년까지 웹 초창기를 가리킨다. 웹 1.0에서 콘텐츠는 단방향, 즉 생산자에서 소비자로만 흐르며, 소비자는 콘텐츠를 열람만 할 뿐 제어할 수 없다. 그 이후 웹 2.0이 등장했고, 사용자들은 개인 웹사이트를 만들기보다 블로그나 소셜 미디어 서비스로 자리를 옮겼다. 콘텐츠를 생산하고 소비하는 건 훨씬 편리해지고, 생산자와 소비자의 경계는 흐릿해졌지만, 동시에 (특히 한국에서는) 개인 웹사이트를 만드는 문화가 너무나도 빨리 식어버렸다. 아직 규정하기 어려운 지금은 웹 3.0 시대로, 전문가들은 인공지능을 주요 특징으로 꼽기도 했다. 새로운 버전이 등장하면 주도적인 흐름이 이동하긴 하지만, 이전 버전이 완전히 폐기되는 건 아니다. 오늘날 웹은 각 버전이 뒤섞인 엉망진창 상태고, 한 웹사이트에서도 각 버전이 어우러진 경우도 있다. 웹 2.0의 대표적인 기술 가운데 웹사이트(블로그)끼리 서로를 참조할 수 있는 트랙백(trackback) 기능이 재미있는데, 안타깝게도 이제는 거의 사용되지 않는다.

상반기는 물론이고 하반기에도 없습니다. 회사에서 제공할 수 있는 것은 고작 운영자가 사용하는 책상의 일부 공간, 스툴, 사원(인턴)증, 명함, minguhongmfg.com을 도메인 네임으로 한 업무용 이메일 주소뿐이거든요.

「새로운 질서」는 웹을 이루는 기본적이고 기초적인 컴퓨터 언어인 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 자바스크립트(JavaScript, JS)를 도구 삼아 정보에 새로운 질서를 부여하며 매체가 변화하는 국면을 주도해보는 강좌다. 그리고 다음 물음에 따로 또 같이 답해본다. “웹이 우리의 행복에 어떻게 이바지할 수 있을까?” 수강자는 대개 기존의 학교 수업이나 온라인 강좌에서 부족함을 느껴온 분들이다. 사정상 수강할 수 없는 분들을 위해 온라인 교수법을 시도해보기도 했지만, 교육은 서로 마주보고 눈을 맞추며 이뤄지는 게 좋은 것 같다. 그게 아무리 웹에 관한 강좌라 할지라도 말이다. 물론 반드시 마스크를 착용하고, 수시로 손 세정제로 손을 씻지만, 강좌가 끝난 뒤에는 늘 자기 반성의 시간이 찾아온다.

실존 인물이고, 본명(엄마의 작품)이며, 다음과 같이 생겼고…

페이스앱에 따르면, 언젠가는 다음과 같이 생길 예정입니다.

기술적으로는 다른 점이 없다. 지난 해 일론 머스크(Elon Musk)가 스타링크(Starlink) 프로젝트를 본격화했지만, 여전히 대륙과 대륙을 연결하는 해저 케이블 없이는 인터넷에 제대로 접속할 수 없고, 이따금 상어나 향유고래가 케이블을 물어뜯어 손상을 입히기라도 하면 인터넷은 먹통 신세가 된다. (물론 그럴 일은 거의 없다.) 게다가 웹은 인터넷과 웹 브라우저 없이는 제대로 열람할 수조차 없는, 제약이 분명한 매체다. 그럼에도 웹은 거의 누구나 매일 잠들기 전에 마지막으로 마주하는 대상이기도 하다.

다른 점은 기술 밖 또는 너머에 있을 것이다. 기술은 말 그대로 기술일 뿐, 중요한 바는 그것을 어떻게 규정하고 사용하는지에 있다. 해적단에서는 웹을 ‘국제법상 어떤 나라의 영토에도 포함되지 않은 지역’, 즉 무주지(無主地)로 규정했는데, 이 점에서 착안해 비커 브라우저(Beaker Browser)를 이용해보려 했다. 이 브라우저를 사용하면 컴퓨터는 클라이언트이자 서버가 된다. 즉, 브라우저 사용자는 중앙 서버를 거치지 않고 서로 정보를 주고받을 수 있다. 웹사이트와 P2P(peer to peer)가 결합한 형태로서 인터넷의 탈중앙화를 꾀하는 시도인데, 실제 작업에 적용하지는 못했다. 이런저런 테스트를 해보기에는 작업 시간이 썩 넉넉하지 않았고, 브라우저가 아직 베타 버전인 탓도 있었다. 아쉬울 따름이다.

물론입니다. 한때는 실내 클라이밍에 심취했고, 최근에는 달리기와 계단 오르기에 심취해 있습니다.

「민구홍 매뉴팩처링 기프트 카드」가 준비돼 있습니다. 취미가 또는 스튜디오 파이에 문의해주시면 감사하겠습니다. 카드에 표시된 비율만큼 기술 지원 비용을 할인해드리며, 카드 판매 수익은 회사에서 지원하는 「새로운 질서」를 운영하고, 새로운 교육 프로그램을 개발하는 데 사용됩니다.

음… 해당 제품, 즉 「하나이면서 셋인 웹 브라우저」를 무엇으로 실행하나요?

민구홍 매뉴팩처링은 ‘워크룸’이라는 그래픽 디자인 스튜디오 겸 출판사에 기생하고 있습니다. 견학에 관해서는 먼저 워크룸 구성원 분들에게 여쭤봐야겠지만, 무리가 없다면 가능할 듯합니다. 그런데 회사라는 게 그렇듯 실제로는 별것 없을지도 몰라요. 중요한 건 회사에 기생하는 회사라는 국면 아닐까요? 어쨌든 한국에 오신다면 (그런데 오직 견학 때문은 아니겠죠?) 편하게 연락 주세요.

잘 모르겠습니다.

물론 있습니다. 얼마 전에도 908A에 발급한 바 있고요.

제품의 종류, 제작 일자, 버전, 비고 사항에 따라 아라비아숫자와 로마자를 조합한 제품 코드를 부여해 지정된 장소나 컴퓨터 폴더에 버전별로 보관합니다.

컴퓨터는 잘못이 없습니다. 문제는 우리, 즉 인간에게 있죠. 지오시티는 2009년 느닷없이 사라졌습니다. 지금은 네오시티(Neocities)가 그 역할을 맡고요. 이처럼 웹사이트는 매체인 동시에 느닷없이 등장하고 사라지는 공간이기도 합니다.

그리고 2000년대 초반, 웹 2.0 시대가 열렸죠. 블로그와 소셜 미디어의 등장은 모두를 창작자로 만들었습니다. 마이스페이스(MySpace)에서는 누구나 자신만의 음악을 공유할 수 있었고, 위키백과(Wikipedia)에서는 모두 지식의 공동 생산자로 거듭났고요. 일상이 예술이 되고, 모든 이가 예술가가 되는 시대. 보들레르가 말한 ‘현대성’의 디지털 버전이랄까요? 2007년에는 아이폰의 등장으로 모바일 혁명이 일어났습니다. 반응형 웹 디자인(Responsive Web Design)의 등장으로 웹사이트는 더 이상 고정된 책이 아니라 프로테우스(Proteus)같이 형태를 바꾸는 유동적인 존재로 탈바꿈했죠. 그렇게 우리의 디지털 경험 또한 근본적으로 변화했고요. 그리고 지금, 우리는 인공지능을 비롯해 가상현실(Virtual Reality, VR), 증강현실(Augmented Reality, AR) 등이 주도하는 새로운 시대의 문턱에 서 있습니다. 웹사이트는 더 이상 2차원의 평면이 아니라 몰입할 수 있는 3차원 공간으로 거듭났습니다. 보르헤스의 알렙처럼 작디작은 화면 속에 무한한 세계가 펼쳐지는 거죠. 이따금 위키백과에서 이런 일도 벌어지면서요.

웹사이트의 변천사를 돌아보면 기술의 발전뿐 아니라 인간의 표현 욕구와 소통 방식의 진화를 목격할 수 있습니다. 각 시대의 웹사이트는 해당 시대의 꿈과 욕망, 미학을 담은 문화적 아카이브입니다. 벤야민이 말했듯 “과거의 진정한 이미지는 휙 스쳐 지나간다.” 우리가 매일 마주하는 수많은 웹사이트도 언젠가는 사라질 게 분명하지만 모두 우리 시대를 이해하는 중요한 단서가 되겠죠. 오늘의 고고학자들이 도자기 파편으로 고대 문명을 연구하듯 내일의 고고학자들은 아카이브된 웹사이트를 통해 우리의 디지털 문명을 연구할지 모릅니다. 그렇다면 지금 우리가 만드는 웹사이트는 후대에 어떤 이야기를 전하게 될까요? 이는 수사적 질문이 아닙니다.

나는 평일 오전 10시부터 오후 7시까지 여덟 시간 동안 워크룸에서 편집자로 일한다. 소정 근로 시간에는 피고용인으로서 즐겁고 열심히 임하고, 민구홍 매뉴팩처링 일은 짬짬이 또는 그 뒤에 두 시간 정도 하는 편이다. 민구홍 매뉴팩처링의 제품이 단순하고 느슨해 보이는, 또는 실제로 그런 이유다. 이따금 그 경계가 흐려지는 건 어쩔 수 없지만.

회사에서 생각하는 시간에 관해 조금 더 알고 싶다면 더 북 소사이어티 웹사이트에 실린 글을 읽어보기를 권한다.

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) 등의 언어가 필요하다.

‘자주 묻는 질문’에 관해 고민해보지 않은 바는 아닙니다. 하지만 ‘질문’에는 이미 ‘묻다.’라는 의미가 포함돼 있으므로 중복된 표현이라 판단했습니다. 조금 더 나은 어휘가 있다면 제안해주세요. 지금까지 사용해온 제목을 모두 다시 편집할 각오가 돼 있습니다.

제가 스물다섯 살 때는 지금으로부터 16년 전인 2009년입니다. 2007년 여름에 입대했으니, 전역하고 바로 복학한 시점일 거예요. 우연한 기회에 홍익대학교 안상수 선생님을 만나 선생님 연구실인 ‘날개집’에서 연구원으로 일하던 때입니다. 사실 위기를 인식하려면 대개 어떤 정답을 기준으로 삼고, 자신의 지금을 가늠하고, 그 둘 사이에서 불안감을 감지해야 할 텐데, 저는 별 생각 없이 지냈던 것 같아요. (그렇듯하게 포장하면, 어떤 정답이란 게 늘 의심스러웠죠.) 별 생각이 없었으니 위기라는 것도 없었고, 심지어 별 생각이 없는 것조차 불안하지 않았죠. 지금도 마찬가지예요. 위기라는 건 누군가 만들어놓은 언어의 틀, 언어의 심연에 발을 담글 때 나도 모르게 젖어드는 것 같아요.

사람마다 다르겠죠. 멘탈 푸드가 정신에 도움이 되는 무엇이라면, 책을 만드는 입장에서는 동의하기 어려워요. 저한테 책을 읽고, 보고, 만지고 하는 건 아무래도 일의 범주 안에 있으니까요. 오전 10시부터 오후 7시까지 온갖 책과 씨름하다가 퇴근한 뒤에는 웬만하면 책은 더 이상 대하고 싶지 않아요. 책을 만드는 게 즐거운 일이긴 해도 늘 옥수수수염차만 마실 수는 없잖아요. 여덟 시간 동안 책을 만들면서 한쪽으로 기울어진 정신은 플레이스테이션 게임이나 스릴러 영화, 민구홍 매뉴팩처링 같은 것으로 바로잡죠.

일정, 웹사이트의 규모나 필요한 기능에 따라 천차만별이다. 적게는 몇백만 원에서 많게는 수억 원이 들기도 한다. 작업자마다 요율도 다를 것이다. 민구홍 매뉴팩처링에서는 단행본 한 권을 제작하는 데 필요한 전체 비용을 기준으로 삼는 편이다. 기획, 편집, 디자인 같이 매체와 무관한 일뿐 아니라 제작, 유통, 관리 등도 웹사이트를 만드는 일에 포함되기 때문이다. 웹사이트를 운영하는 비용도 고려할 필요가 있다. 도메인 구입 비용, 서버를 임대하는 비용, 트래픽이 초과됐을 때 트래픽을 초기화하는 비용 등이다. 모든 프로젝트의 예산이 넉넉한 건 아니다. 민구홍 매뉴팩처링에서는 고객의 마음을 헤아려 어떤 방식으로든 일이 진행되도록 예산에 적합한 방식을 제안하기도 한다. 대신 ‘회사 소개’라는 민구홍 매뉴팩처링의 주업무에 입각해 어떤 방식으로든 회사를 소개해달라고 주문하는 식이다.