자주 하는 질문

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

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

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

넷 아트처럼 웹사이트를 새로운 문학적, 예술적 매체로 바라보는 시각과 실천은 ‘하이퍼텍스트’(Hypertext)라는 개념과 밀접합니다. 1965년 테드 넬슨(Ted Nelson)이 처음 제안한 이 개념은 25년여 뒤 웹이 등장하면서 비로소 잠재력을 발휘하기 시작했죠. 요컨대 하이퍼텍스트는 선형적 구조를 탈피한 텍스트입니다. 독자는 작가가 정해둔 순서대로 작품을 읽는 게 아니라 하이퍼링크를 통해 자유롭게 텍스트 사이를 이동합니다. 보르헤스의 「끝없이 두 갈래로 갈라지는 길들이 있는 정원」(El jardín de senderos que se bifurcan)처럼 무한히 분기하는 이야기의 구조가 현실화한 셈이죠. 한 가지 특별한 차이점이 있다면 사용자가 마주한 길이 두 갈래가 아니라 그 이상이라는 사실이죠.

고등학생 때는 미술 대학에 진학하려고 도전해본 적도 있는데, 사실 도전 과정부터 곤욕스러웠어요. 입시 미술에 소질도 별로 없었고, 심지어 미술과 무관하지 않던 부모님도 반대하셨죠. 그럼에도 예술에 대한 허영심 같은 건 남아 있었고, 그래서 선택한 게 문학, 정확히는 문예 창작이었어요. 별다른 도구 없이 처음부터 끝까지 글자만으로 뭔가 이룬다는 게 실용적이고 근사했거든요. 게다가 읽고 쓰는 건 당연히 잘할수록 좋은 일이니까요.

코딩은 실제로 글쓰기입니다. 결과물이 일반적인 글이 아니고, 의사소통의 대상이 인간이 아닌 컴퓨터일 뿐이죠. 단, 컴퓨터는 인간만큼 너그럽지 않습니다. 글, 즉 코드에 오타나 잘못된 띄어쓰기가 있다면 바로 작동을 멈추죠. 정돈되지 않은 글을 읽다 보면 짜증이 나는 것처럼 지저분한 코드는 컴퓨터에 썩 좋지 않은 영향을 줍니다. 컴퓨터 언어를 사용할 뿐, 코딩도 글쓰기와 똑같은 논리로 접근할 수 있어요. 학교에서 제대로 읽고 쓰는 훈련을 한 덕을 톡톡히 본 셈입니다. 언어학에서도 특히 화용론을 공부한 게 큰 도움이 된 것 같고요. 미술이나 디자인을 공부한 결과는 잘 상상이 안 되지만, 컴퓨터 공학을 공부했다면 지금보다 타이핑 속도가 조금은 더 빨랐겠죠.

오늘날 ‘출판’(publishing)은 종이 위에서만 이뤄지지 않는다. 온라인상에서 콘텐츠를 공개하고 소개하는 일 또한 ‘출판’이라 부르는 만큼 이제는 종이 책을 ‘오프라인 출판물’로, 웹사이트를 ‘온라인 출판물’로 불러도 별로 어색하지 않을 것 같다. 종이 책과 웹사이트를 한데 출판물로 묶는다면, 즉 콘텐츠가 놓인 자리만 바뀌었을 뿐이라 믿는다면, 두 매체를 둘러싼 고민은 교정되거나 몇몇은 자연스럽게 해결될지 모른다.

스스로 작가를 겸하는 경우를 제외하면, 내 역할은 매체에 따라 제한되고 조금씩 달라진다. 대개 종이 책에서는 기획자와 편집자 사이를, 웹사이트에서는 기획자, 편집자, 디자이너, 프로그래머 사이를 오간다. 이 과정은 단순하게는 문장의 오류를 점검하거나 문장을 매끄럽게 다듬는 일에서 이따금 1차 생산자의 존재가 옹색해지는 창작이 되기까지 한다. 그럼에도 잊지 않으려 하는 바는 작업 대부분이 콘텐츠 없이는 시작할 수조차 없는 2차 생산이라는 점이다. 출판이 말하기라면, 내 역할 가운데 하나는 말이 제대로 전달될 수 있도록 힘을 보태는 일이다. 그렇다면 가장 중요한 것은 1차 생산자가 무엇을 말하려 하는지 파악하는 일 아닐까?

HTML, CSS, 자바스크립트, PHP, 파이선입니다. 여기에 한국어와 영어도 포함하고 싶습니다. 프롬프트처럼 이제 자연어로도 컴퓨터와 소통할 수 있는 시대니까요.

다음을 참고해보시기 바랍니다. 그만큼 말이 필요 없습니다.

AG와 안그라픽스의 새싹 또는 홀씨 또는 곁가지인 AG 랩의 새싹 또는 홀씨 또는 곁가지에 들러보시는 것도 좋고요.

팀 버너스리가 만들었을 게 분명한 세계 최초의 웹사이트다. 이 웹사이트는 민구홍 매뉴팩처링에서 추구하는 바를 여실히 드러낸다. 콘텐츠는 우아하고 실용적이면서 사용된 기술은 오래됐지만 30여 년이 지난 지금까지 무리 없이 동작한다. 2020년 현재 웹상에는 17억 개 정도의 웹사이트가 있다고 한다. 그렇다면 웹사이트를 만드는 방식은 17억 개 이상이다. 하지만 우리는 모든 것을 알지 못하고, 배울 필요도 없다. 우리에게는 살아가는 것처럼 해야 할 일이 많다.

열한 살 때 사랑하는 친구를 위해 『야후! 지오시티』(Yahoo! Geocities)에 처음 웹사이트를 만든 이래 안그라픽스와 워크룸, 나아가 민구홍 매뉴팩처링에서 10여년 동안 여러 웹사이트를 총괄하다 보니 조금씩 웹사이트의 탄생과 삶, 죽음과 사후 세계에 익숙해집니다. 제가 생각하기에 웹사이트의 운명은 결국 운영자에게 달렸습니다. 즉, 웹사이트는 서버 운영 기간이 종료되는 시점보다는 운영자가 관심을 끊는 순간 죽어가기 시작합니다. 이와 관련해 얼마 전 한 도록에 다음과 같은 글을 쓴 적이 있습니다.

(…) 2022년 7월 11일, 미국 항공 우주국(National Aeronautics and Space Administration, NASA)에서는 제임스 웹(James Webb) 우주 망원경이 지구로 전송한 SMACS 0723 은하단의 모습을 공개했다. 어둠 속에서 반짝이는 별 무리는 지구로부터 약 46억 광년(1광년은 9조 4,607억 킬로미터) 떨어진, 즉 46억 년 전 언젠가의 모습이다. 반드시 우주 망원경을 활용하지 않더라도 웹사이트를 통해 과거를 마주하는 건 이미 익숙한 일이 됐다. 2006년부터 현재까지 과거를 기록하는 데 웹사이트를 활용해온 그들이 내게, 또는 그들 자신에게, 나아가 우리에게 건네는 이야기는 결국 이리저리 굴러가며 쌓인 어제가 오늘을 만든다는 점이다. 하루에 불과 네댓 명 찾는 정원이 될지라도 웹사이트를 만들고 운영하는 일뿐 아니라 함부로 사라지지 않도록 보존하는 일이 중요한 까닭이다. 식물에 물을 주듯 웹사이트를 가꾸다 보면 이따금 정원의 하늘에 별 무리가 반짝이는 밤도 있지 않을까. (…)

『인터넷 아카이브』(Internet Archive)에서 운영하는 「웨이백 머신」(Wayback Machine) 등 웹사이트를 보존하려는 시도는 일찍이 이뤄지고 있습니다. 민구홍 매뉴팩처링에서 미술관과 함께한 몇몇 웹사이트는 파일 형식으로 수장고에 아카이빙되기도 했고요. 이렇게 웹사이트를 고스란히 저장하는 것도 중요하지만, 웹사이트에 담긴 콘텐츠가 웹상에서 나아가 웹 밖에서 여기저기 퍼지도록 마음을 열어두는 것도 중요합니다. 그런 뜻에서 “별 무리가 반짝이는 밤”을 위해 이번 인터뷰를 민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」에 함께 실으면 어떨까요?

구글 검색 결과에 따르면, 2021년 현재 웹상에 존재하는 웹사이트는 19억 개에 달한다고 하는데, 그렇다면 웹사이트를 만드는 방법은 최소 19억 개다. 통계에 잡히지 않는 웹사이트까지 고려하면 사실 이보다 훨씬 많을 것이다. 하지만 큰 얼개만 따지면 책 한 권을 만드는 과정과 비슷하다. 콘텐츠를 기획하고, 생산하고, 편집하고, 공개하고.

과거에는 콘텐츠를 편집할 때 나모 웹 에디터, 어도비 드림위버(Adobe Dreamweaver), 마이크로소프트 프런트 페이지(Microsoft FrontPage) 같은 위지위그(WYSIWYG, What You See Is What You Get) 소프트웨어를 사용하기도 했지만, 오늘날 전문적인 작업은 ‘코딩용 워드프로세서’라 할 수 있는 텍스트 에디터상에서 이뤄지는 게 일반적이다. GUI(Graphic User Interface)상에서 아이콘이 수행하던 일을 글자가 대신하는 셈인데, 내가 웹사이트를 만드는 일이 글쓰기와 다르지 않다고 무던히 말하는 까닭이다.

민구홍 매뉴팩처링에서는 우선 콘텐츠 가운데 무엇이 중요한지, 즉 무엇을 강조해야 하는지, 사용자(운영자)가 웹사이트를 공개한 뒤에도 콘텐츠를 제어할 수 있어야 하는지 판단한다. 이에 따라 프런트엔드(front-end)가 중심이 될지, 백엔드(back-end)까지 구축해야 하는지가 결정된다. 프런트엔드는 일반 사용자가 웹 브라우저상에서 경험하는 영역이고, 백엔드는 말 그대로 뒤에서 프런트엔드와 상호작용하는 기술이다. 그 뒤에는 콘텐츠를 파악해 데이터베이스를 구축하고, 콘셉트에 따라 화면과 세부 요소를 구성한다. 특정 기능을 개발하기도 한다. 오늘날 웹사이트에는 스마트폰과 데스크톱 화면을 위해 적어도 두 가지 레이아웃이 필요하다. 태블릿, 랩톱, 전광판같이 데스크톱보다 큰 화면까지 고려하는 경우도 있다. 추가적으로는 의미론적 태그를 사용하며 웹 표준을 준수했는지, 검색 엔진에서 제대로 검색되는지, 보안에는 문제가 없는지 등을 파악하는 작업이 필요하다. 여유가 있다면 작성한 글, 즉 코드가 아름다운지까지. 프로젝트에 따라 순서에 차이가 있을 뿐 모든 작업은 서로 엮여 거의 동시에 이뤄지고, 시안 대신 간략하게나마 기술과 콘셉트가 적용돼 실제로 구동하는 웹사이트를 함께 보며 이야기하는 편이다. 다소 장황해 보이지만, 사실 웹사이트는 일단 두 가지 컴퓨터 언어, HTML과 CSS(Cascading Style Sheets)만 익히면 누구나 만들 수 있다.

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

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

웹사이트의 아름다움은 실용적으로 작동할 때 배가된다. 예컨대 웹사이트가 처음부터 프로젝트를 이끄는 경우다. 워크룸에서 패션 브랜드 디스이즈네버댓(thisisneverthat)과 작업한 ‹디스이즈네버디스이즈네버댓›(thisisneverthisisneverthat, 2020)은 사실 처음에는 예정에 없었다. 웹사이트는 단행본에 실을 3,000여 가지 항목의 정보를 정리하는 도구였다. 이미지를 포함해 제품명, 제품 코드, 종류, 색, 재질 등 여러 정보를 정리하기에 엑셀이나 구글 스프레드시트를 사용하면 데이터를 재가공하는 데 불편함이 따랐다. 처음에는 프런트엔드가 없는, 데이터베이스만을 관리하는 헤드리스(headless) CMS 같은 형태였는데, 데이터베이스가 쌓이다 보니 자연스럽게 정식 웹사이트로 확장됐다. 이와 같이 웹사이트가 전통적인 인쇄물의 역할만 수행한다면, 이는 웹사이트가 지닌 수많은 가능성을 포기하는 꼴이다.

이번 ‹타이포잔치 2021› 작업 또한 크게 다르지 않았다. 도록에 실릴 콘텐츠 또한 일차적으로 작업 도구로 구축된 웹사이트상에서 편집됐다.

김익현, 박가희, 이미지가 기획한 «우리는 바다에서 왔다»(2021)에서는 ‘오가사와라 키트’로 부르는 와이파이 공유기를 활용했다. 우선 참여자의 이름, 거주 지역, 전화번호, 이메일 주소 등을 취합해 분석하는 모객용 웹사이트를 만들고, 국내 신청자에게는 특정 링크를, 해외 신청자에게는 ‘오가사와라 키트’를 발송했다. 공항이나 스타벅스에서 인터넷에 연결하는 경험에서 착안해 본 웹사이트는 오가사와라 키트를 통해서만 접속할 수 있었다. 이를 통해 웹사이트 이전에 인터넷에 접속하는 행위 자체를 다뤄보려 했다.

민구홍 매뉴팩처링에서는 넓게는 인터넷을, 좁게는 웹을 사랑한다. 웹은 상대적으로 적은 노동력으로 제품을 제작할 수 있는 환경이자 접근하기 쉬우면서 유용뿐 아니라 무엇보다 많은 사람이 잠들기 전에 마주할 대상이 될 가능성이 크기 때문이다. 특히 코로나 이후에는 기술 지원에 관한 문의를 많이 받는 편인데, 대가가 합리적이고 여유만 있다면 기꺼이 응하는 편이다.

최근에는 뉴욕의 그래픽 디자인 스튜디오인 워크숍스(Wkshps)와 제11회 서울미디어시티비엔날레 티저 웹사이트를 만들었다. 행사명은 『하루하루 탈출한다』(One Escape at a Time)였는데, 2020년 9월에 열릴 예정이었다가 메인 웹사이트 작업 도중 내년 가을로 미뤄지고 말았다. 이제껏 현실과 깔끔하게 유리된 듯 보였던 미디어 아트도 현실과 완전히 분리될 수는 없는 듯하다. 예정된 여러 행사가 취소되거나 지연되는 소식을 마주하면, 이제껏 자연스럽고 당연하게 여겨온, 사람이 모이는 일의 경제적인 위력을 실감한다.

아예 온라인에 기반을 둔 레프트 갤러리(Left Gallery)나 DDDD처럼 조금 더 작지만 시류에 영리하게 영합하는 전시 모델도 있다. 특히 네덜란드의 미술가 하름 판 덴 도르펠(Harm van den Dorpel)이 2015년에 설립한 레프트 갤러리는 작품을 열람할 수 있을 뿐 아니라 작품의 소스 코드를 비트코인이나 이더리움 등으로 구입할 수 있다. 민구홍 매뉴팩처링이 임시로 소속돼 있기도 하다.

아트선재센터에서 열리는 미술가 돈선필의 개인전 『초상권』(Portrait Fist)을 위해 만든 영상 「자기소개」(自己紹介)에서는 25여 분 동안 ‘얼굴’이 자신을 소개한다. 돈선필은 자타가 공인하는 피규어(フィギュア) 오타쿠다. 그가 쓴 대본대로 목소리를 녹음하고, 그가 웹에서 긁어모은 얼굴에 관한 ‘짤방’들에 심취하다 보니 결과물은 자연스럽게 TV 도쿄(テレビ東京)에서 방영하는 교양 프로그램 같은 형식을 띠게 됐다. 이에 관해 조금 더 알고 싶다면 『한국예술종합학교신문』에 실린 김얼터의 「나를 나로 만드는 것」을 읽어보기를 권한다.

바야흐로 2022년이다. 게다가 당신은 2023년이 도래하기 전에 파산하거나 세상을 떠날지 모른다. 이쯤이면 그전에 어떤 방식으로든 민구홍 매뉴팩처링과 함께 추억을 쌓아볼 마음이 일지 않는가?

• 『시청각 문서 1-[80]』
• 『인덱스카드 인덱스 1』
• 『감옥에서 쇼핑하기』
• 『문예 비창작』
• 『스페인 연극』
• 『포스트 인터넷』
• 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』
• 『자습서』
• 『BIC 카탈로그』
• 『3M 카탈로그』
• 『유라인 카탈로그』

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

무엇보다 취업에 대한 고민은 별로 없었어요. 대학 시절 텍스트, 즉 글에 관해서는 제 기준으로 당대의 손꼽히는 전문가들에게 잘 읽고, 잘 쓰고, 나아가 잘 베끼는 방법을 훈련받은 만큼 뭐라도 할 수 있겠다는 자신감이 있었어요. 까닭 모를 만용일까? 어쨌든 무슨 일을 하든 글을 잘 쓰고, 잘 읽고, 잘 베끼는 능력은 기본적으로 필요하니까요. 정 안 되면 시인이나 소설가로 등단할 수도 있었을 테고요.

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

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

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

정확히는 그날 22시 22분 22초이니, 2는 열두 개가 포함됩니다. 2는 제가 가장 좋아하는 숫자기도 하고요. AG 랩은 안그라픽스의 새싹 또는 홀씨 또는 곁가지입니다. AG 랩에서는 (1) 안그라픽스가 35년여 동안 한국 디자인계에서 쌓아온 유산을 재료 삼아 안그라픽스 안팎, 즉 구성원과 잠재 고객에게 영감과 용기를 선사하는 크고 작은 일을 기획하고 수행하는 한편, (2) 이를 통해 온라인과 오프라인에서 콘텐츠를 생산하고 다루는 여러 방식을 모색하는 한편, (3) 민구홍 매뉴팩처링의 기존 활동을 지원하며 일하기의 또 다른 모델을 실험하는 한편, (4) 민구홍 매뉴팩처링을 통해 미술 및 디자인계 안팎에서 작동하는 하이퍼링크를 자처하는 한편, (5) 그 성공과 실패를 파주타이포그라피배곳, 한국타이포그라피학회, 새로운 질서 등 기존 교육 시스템 안팎에서 나누려 합니다. AG 랩의 행동강령은 다음과 같습니다. “작고, 단순하고, 느닷없고, 끊임없이!” 다소 거창해 보이지만, 제가 지금껏 해온 일과 크게 다르지 않습니다. 계획에 없던 깜짝 에피소드 하나가 추가됐을 뿐입니다. 또는 제게 좋은 친구가 생겼다고 여기면 어떨까요?

소소하기는 하지만 5년여 동안 워크룸 안팎에서 추억을 쌓은 분들에게 소식을 알리고 싶었다. 신년 인사도 겸하고. ‘asdf’에 관해 설명하려면 많은 시간이 필요하다. 그전까지는 asdf 애호가들이 운영하는 asdf.com을 참고하면 좋겠다.

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

나 자신을 번역가로 생각해본 적은 없지만, 어쨌든 내가 경험해본 바로 번역 과정은 코딩과 비슷했다. 출발어(입력)와 도착어(출력), 그 사이에 번역(함수)이 있다는 점에서.

이는 재미있게도 내가 배운, 시를 쓰는 과정과도 비슷했다. 시적 대상(입력)과 시(출력), 그 사이에 시적 인식(함수)가 있다는 점에서. 이런 생각은 시적 연산 학교(School for Poetic Computation, SFPC)에서의 경험을 떠올릴 때 더욱 분명해졌다. 내가 거기서 컴퓨터 프로그래밍이 아니라 주로 문학과 언어학을 배웠다고 말하는 걸 좋아하는 이유다.

단순히 ‘직장’이라 부르고 싶지 않을 만큼 워크룸은 제게 그 자체로 너무나 각별하고 소중하기에 함부로 ‘떠난다’고 표현하기 어렵습니다. 문장을 완성하는 순간 실제로 그렇게 될 것 같아서요. 남은 한 달 동안 제가 관여해온 일을 정리하는 한편, 완벽한 표현을 찾을 때까지 김형진 선배의 진심을 담은 우스갯소리 “어색함 없이 서로 착취하는 관계”를 어떤 방식으로든 이어나가고 싶습니다.

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)’를 사용한다. 이에 관해서는 따로 이야기할 기회가 있을 것 같다. 아니, 회사의 고객으로서 실제로 사용해보는 게 가장 좋다.

웹사이트상에서 온라인 전시를 관람하는 일은 의식적으로는 차이가 있겠지만, 네이버나 다음 같은 포털 사이트나 인스타그램 같은 소셜 미디어 서비스를 열람하는 일과 크게 다르지 않다. 웹사이트가 전시라는 맥락에 놓이지만 관람객 입장에서는 템플릿만 바뀐 셈이다. 다소 귀찮은 일일 수 있지만, 관람객은 모든 가능성을 열어두고 클릭, 터치 스크롤 등 자신에게 주어진 권한을 적극적으로 활용해 웹사이트에 마련된 전시장을 탐험해 볼 필요가 있다.

전시를 관람하다 느닷없이 텅 빈 화면을 마주한다면 문제가 생겼다고 여기기보다 웹 브라우저에 내장된 ‘웹 조사기(Web Inspector)’를 활용해볼 필요도 있겠다. 뜻밖에 제작자가 숨겨놓은 메시지를 발견하게 될지 모르니까.

인공지능은 콘텐츠를 생성하고 사용자 경험을 개선하는 데 혁신적으로 활용됩니다. 예컨대 『워싱턴 포스트』(The Washington Post)의 인공지능 기반 자동 기사 작성 시스템인 ‘헬리오그래프’(Heliograf)는 스포츠 경기 결과나 선거 속보 같은 데이터 중심 뉴스를 빠르게 생성하고, 이미 많은 웹사이트가 몰입형 경험을 제공합니다. 한편, ‘웹 3.0’이라 불리는 패러다임도 주목할 만하죠. 블록체인(Blockchain) 기술에 기댄 분산형 웹은 중앙화된 플랫폼에 기대지 않는 새로운 형태의 웹사이트를 촉발합니다. 그리고 많은 사람이 이를 통해 기술이 생산자와 소비자 사이의 직접적인 상호작용을 촉진하고, 디지털 자산의 소유권 문제를 해결할 수 있다고 믿습니다. 일찍이 보르헤스가 꿈꾼 알렙처럼 작은 점 속에 무한한 우주가 담기는 경험이 가능해지는 거죠.

하지만 이런 기술적 진보에도 ‘인간의 욕망과 창의성을 담아내는 그릇’이라는 웹사이트의 본질적 가치는 변하지 않습니다. 아무리 인공지능이 발전하더라도 우리, 즉 인간의 자리는 고스란하리라 믿는 까닭입니다. 민구홍 매뉴팩처링이 설립된 2015년, 1세대 넷 아티스트 J.R. 카펜터(J.R. Carpenter)가 주창한 핸드메이드 웹(Handmade Web)은 기술과 예술의 경계를 허물며 웹사이트가 얼마나 더 즐겁고 창의적일 수 있는지 증명합니다. 나아가 ‘핸드메이드 웹’의 정신은 웹사이트의 다른 모습과 기능을 꿈꾸는 사람들에게 수없이 강조해도 지나침이 없습니다. “우리에게 익숙한 ‘핸드메이드’(handmade)라는 말은 일반적으로 기계가 아닌 손이나 간단한 도구로 만든 물건을 가리킨다. 그 물건은 점토 재떨이처럼 평범하거나 질박할 수도, 고급 수제화 한 켤레처럼 완벽에 가까울 만큼 정교할 수도 있다.”

특히 이 문장이요. “오늘날 웹은 다국적 기업, 독점 애플리케이션, 읽기 전용 기기, 검색 엔진 알고리즘, 콘텐츠 관리 시스템(Content Management System, CMS), 위지위그(WYSIWYG, What You See Is What You Get) 에디터, 디지털 퍼블리셔 등과 함께 상업화를 향한다. 이때 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다. (…) 오늘날 웹은 독점적이고, 약탈적이고, 음란한 공간이 되고 있다. 그럴수록 나는 웹을 더욱 시적이고, 비타협적으로 사용하는 데 전념하려 한다.”

VISLA와 민구홍 매뉴팩처링의 컬래버레이션. 그리고 욕조 설치. 불과 몇 년 전 욕실을 리모델링하면서 호기롭게 욕조를 철거했는데, 따뜻한 물에 몸을 담그는 일이 이렇게까지 어려워질 줄은 시진핑(習近平) 주석과 그의 핵심 측근을 제외하면 누구도 예상하지 못했을 것이다.

2022년 초에 운 좋게 미국 프린스턴 대학교에 직접 가서 강연할 기회가 있었는데, 여기서 할머니, 딸, 손녀가 함께한 사진을 보여주며 웹사이트는 책의 자녀, 즉 진화한 종이 책이라는 말을 한 적이 있어요. 할머니가 종이 책이라면, 딸은 웹사이트고, 손녀는 앞으로 우리가 만들어볼 수 있는 또 다른 무엇이라고요. 웹사이트는 진화한 종이 책답게 지면보다 공간적인 제약이 덜한 편입니다. 제작 비용에 영향을 미치는 판형이나 쪽수 같은 개념이 흐릿하니까요. 제 경험상 지면용 타이포그래피를 위한 수치를 웹사이트에 그대로 적용하면 어딘가 조금 작고 좁고 빽빽한 느낌을 받습니다. 지면의 일반적인 본문 글자 크기인 10포인트를 픽셀로 환산하면 13.5픽셀에 가까운데, 저는 웹 브라우저상에서 기본으로 설정된 본문 글자 크기가 16픽셀이라는 사실을 의심하지 않습니다. 18픽셀이나 20픽셀 이상이 적절하다고 이야기하는 사람도 있고요. 글줄 사이 공간도 지면보다 조금 더 넉넉한 게 좋다고 생각해요. 글이 긴 경우 문단과 문단을 들여쓰기가 아닌, 한 줄 공백으로 구분하는 것도 그런 이유겠죠. 한편, 웹사이트는 발광하는 화면, 즉 RGB 색상으로 구현되는 만큼 흑백의 대비가 지면보다 큰 편이라는 점도 고려할 필요가 있습니다.

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

몇 번 시도해봤지만 아무래도 지나치게 몰입하게 됩니다. 남들에게 주목받기 위해 공연한 이야기를 하게 되고요. 꼬마 때부터 인터넷을 사용하면서 경험한 바예요. 처음에는 재미있지만 나중에는 결국 그만두게 되더라고요. 그럼에도 실용성을 따지면 완전히 멀리할 수는 없기에 결국 소셜 미디어, 특히 인스타그램에서도 워크룸의 계정에 기생하기로 했죠. 팔로워 수도 적지 않은 만큼 파급력도 무시할 수 없고요. 이처럼 누군가의 명성에 기대는 것도 회사를 소개하는 방식 가운데 하나입니다.

두 문장이면 족하다. 민구홍은 옷 한 벌에 100만 원 이상 투자하지 않습니다. 무엇보다 민구홍은 발목 양말이나 페이크 삭스를 신지 않습니다.

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

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

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

가장 직접적인 것은 추가 소비가 늘고 신체에 변화가 생겼다는 점이다. 사람이 많이 모이는 곳을 피하다 보니 지하철이나 버스 같은 대중교통보다는 택시를 이용하게 됐고, 매주 일요일에 마스크를 구입한다. 비말이나 공기를 통한 감염을 방지하려는 목적도 있지만, 무엇보다 내가 무증상 감염자일 수 있다는 판단에서 집 밖에 있을 때는 식사 시간을 제외하고 항상 마스크를 착용한다. 그러다 보니 머리와 귀가 만나는 부분에 마스크 밴드의 너비만큼 골이 패였고, 특히 어릴 때 야구를 하다 다쳐서 수술한 오른쪽 귀 뒤쪽에 이따금 가벼운 통증을 느낀다. 앞으로 본격적인 여름이 시작되면 얼굴에서 마스크를 착용하지 않는 부분만 뙤약볕에 그을릴 게 뻔한데, 이를 어떻게 대비할지 고민하고 있다. 게다가 몸무게가 점점 줄고 있다. 손을 자주 씻으면서 전보다 더 몸을 움직이기 때문인 듯하다.

‘매뉴팩처링(manufacturing)’은 일반적으로 ‘원재료를 인력이나 기계력 등으로 가공해 제품을 대량생산하는 산업’을 뜻하지만, 야구에서는 ‘도루나 진루타, 희생타 등 안타가 아닌 방법으로 득점하는 기술’을 가리키기도 합니다. 단어가 품은 기능주의와 기회주의를 실천하려는 의지를 회사 이름에 드러내고 싶었습니다.

민구홍 매뉴팩처링과 민구홍 개인으로 나뉠 수 있다. 민구홍 매뉴팩처링에 가장 즐거운 순간은 2018년 구글에 이어 배달의민족과 어깨를 나란히 했을 때다. 2021년 한글날을 맞아 배달의민족, 티슈오피스와 ‘을지로체’의 세 번째 버전인 ‘을지로오래오래체’를 소개하는 몇 가지 웹사이트를 만들었는데, 첫 화면에서 을지로체로 쓰인 ‘민구홍 매뉴팩처링 × 배달의민족’이라는 문구를 마주한 순간, 잠시뿐이었지만, 거인의 어깨에 올라타 온 세상을 굽어보는 듯한 기분이었다. 이처럼 누군가의 명성에 기대 민구홍 매뉴팩처링을 소개할 때만큼 짜릿한 순간도 드물다. 한편, 민구홍 개인에게 가장 즐거운 순간은 생각건대 사회적으로 물의를 일으킬 수 있으므로 밝히기 곤란할 것 같다. 아쉽지만 나와 당사자 둘만의 추억 속에 놓는 편이 좋겠다. 독자 여러분께 양해를 구한다.

2021년 초겨울쯤 시청각 랩에서 민구홍 매뉴팩처링의 ‘회사 소개’라는 제목의 전시를 마련한다고 가정해 보자. 제한된 공간에서 주목도가 가장 높은 위치에 작품이 놓인다. 작품은 그저 납작할 수도, 납작하면서 움직일 수도, 부피가 있을 수도, 소리나 와이파이 신호처럼 비가시적일 수도 있다. 사람과 그 운동성이 작품이 될 수도 있다. 공간 한 쪽에는 전시와 관련한 정보가 리플릿 같은 형태로 놓인다. 그 옆에는 방명록, 토트백이나 티셔츠 같은 제품이 놓일 수도 있겠다. 소셜 미디어에 전시 정보를 담은 정방형 이미지가 게시되며 전시의 시작과 끝을 알리고, 관람객이 방문한다. 전시장 안에서는 큐레이터나 도슨트가 작품을 소개하거나 질문에 답변하거나 그들과 서로 친목을 다지고, 전시장 밖에서는 전시와 작품에 관한 이야기가 퍼진다. 전시가 끝난 뒤에는 비평문이 실린 도록이 출간되고, 그렇게 전시는 사람들의 추억 속에 놓인다.

온라인 전시에서는 대부분의 일이 웹사이트상에서 일어난다. 작품은 이진수로 이뤄진 데이터로서 웹 페이지에 놓인다. 홈페이지에서 전체 작품을 파악하고, 개별 작품을 하나하나 들여다보는 일뿐 아니라 방명록을 작성하고, 제품을 구입하는 일까지 웹 페이지를 오가거나 한 페이지에서 스크롤을 통해 이뤄진다. 짐을 싸고 공항으로 향하는 순간부터 여행이듯 온라인에서는 오프라인의 비가시적인 경험이 삭제된다. 전시장으로 향할 때의 기대감, 다른 출판물 사이에서 전시 도록을 들춰보는 재미 등은 웹 브라우저의 주소창에 주소를 타자하는 일로 축약된다.

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

민구홍 매뉴팩처링은 기생 회사다. 현재 회사의 숙주는 그래픽 디자인 스튜디오 겸 출판사 워크룸이다. 회사와 계약한 소정 근로 시간에는 숙주의 직원으로서 열심히, 그리고 되도록 즐겁게 일한다. 짬이 나면 민구홍 매뉴팩처링 일을 한다. (제품 대부분이 단순한 까닭이다.) 물론 둘 사이가 흐려질 때도 있다. 퇴근한 뒤에는 친구들을 만나거나 TV를 보거나 책을 읽곤 했다. 요즘에는 플레이 스테이션을 조금 가지고 놀다가 민구홍 매뉴팩처링의 내일을 생각하며 잠에 빠진다.

사실과 다르다.

일곱 살 무렵이던 1991년에 처음 컴퓨터를 접했어요. 매킨토시 LC였는데, 지금 봐도 정말 근사하죠. 그때부터 자연스럽게 컴퓨터를 향한 환상 같은 게 생긴 것 같아요. 열한 살 무렵에는 무료 호스팅 서비스인 야후! 지오시티(Yahoo! Geocities)에 첫 번째 웹사이트를 만들었어요. 사랑하는 친구를 위해서였죠. 어떻게 하면 그를 행복하게 할 수 있을지 고민하며 글을 쓰고, 이미지를 만들고, MIDI 음악까지 만들어보면서 콘텐츠와 기술의 관계를 어렴풋하게나마 인식한 것 같아요. 하지만 ‘닷컴 버블’이 꺼져가던 2009년, 야후!에서 느닷없이 지오시티 문을 닫으면서 그 웹사이트는 이제 제 꿈속에만 있습니다. 백업이란 게 뭔지도 모르던 때였으니까요. ‘웹 디자인’이라는 말로 한정하기는 어렵지만, 그 뒤로 누군가를 위해 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 자바스크립트(JavaScript) 같은 컴퓨터 언어를 이용해 뭔가 만들어내는 일은 제 오랜 즐거움이 됐어요. 그건 결국 저를 위한 일이기도 하고요.

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

웹사이트든 인쇄물이든 가독성은 허울만 좋은 개념이라고 생각합니다. 가독성의 기준이 사람마다, 또 자신이 놓인 위치마다 다르기 때문이죠. 저만 해도 생산자로서는 명확한 원칙에 따른 정제된 타이포그래피를 추구하려 하지만, 이는 사실 자기 만족에 가깝습니다. 소비자의 입장에서는 가독성을 전혀 따지지 않거든요. 반드시 읽고 싶은 콘텐츠는 어떻게든 읽게 되지 않나요? 가독성을 따지기를 좋아하는 누군가 제가 좋아하는 책이나 웹사이트를 보면 할 말이 많을 거예요. 그럼에도 제가 즐겨 읽고, 즐겨 찾는 이유는 다른 데 있죠. 한편, 웹사이트에서는 생산자가 고심 끝에 부여한 시각적 질서가 제대로 작동하지 않는 경우가 왕왕 있습니다. 기본적으로 소비자가 웹 브라우저상에서 글자 크기를 제어할 수 있으니까요. 조금 더 능동적인 소비자는 확장 프로그램 등을 이용해 아예 자신의 취향에 맞게 글자체, 글자 크기, 글줄 사이 공간 등을 커스터마이징한 CSS 파일을 웹 브라우저에 탑재하기도 하고요. 이런 상황에서 따져봐야 할 건 가독성이 아니라 가독성 이전 또는 너머의 무엇 아닐까요?

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