자주 하는 질문

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

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

이따금 웹 조사기(Web Inspector)를 실행해 웹사이트의 코드를 들여다보게 됩니다. 코드에서 주석으로 처리된 메시지를 찾아보는 게 또 다른 즐거움이거든요. 나아가 사물, 인물, 공간, 음악 등 어떤 인상적인 대상을 마주하면 머릿속 샌드박스에서 웹사이트로 치환해보기도 해요. 아주 단순한 형태부터 아주 복잡한 형태까지요. 직업병보다는 습관에 가깝지 않을까 해요. 사무실을 떠나면 컴퓨터나 스마트폰은 별로 들여다보고 싶지 않은데, 오히려 이쪽이 직업병에 가깝습니다. 증상이 악화하다 보니 몇 달 전에는 아예 집에서 컴퓨터뿐 아니라 컴퓨터와 비슷한 물건은 죄다 치워버렸죠. 웬만하면 스마트폰도 그만 쓰고 싶어요.

어쩔 수 없는 경우가 아니면 사용하지 않는다. 전 세계 웹사이트 가운데 3분의 1이 워드프레스로 제작된다지만 지나치게 무겁다고 느낀다. 집 근처 공원으로 나들이를 가는데 KTX를 타려는 꼴이다. 게다가 워드프레스의 플러그인은 다양하고 사용하기 편리하지만 유지 보수 면에서는 최악에 가깝다. 그 탓에 워드프레스 공식 웹사이트 하단에 실린 문구인 “Code is poetry.”마저 지나치게 서정적으로 느껴진다. 민구홍 매뉴팩처링에서는 워드프레스의 단점을 극복해 오픈 소스를 자체적으로 커스터마이징한 「매니지먼트」(Management)를 사용하고, 고객들에게도 적극적으로 권하는 편이다. 구체적인 건 고객으로서 직접 경험해보는 편이 어떨까? 물론 콘텐츠와 코드를 한땀 한땀 입력하는 하드 코딩이 시간을 가장 절약하는 방식일 때도 있다.

아무래도 약력 쓰기겠죠. 작가라면 앞으로 두고두고 사용할 자신의 약력만큼은 제대로 쓰고 편집할 수 있어야 하지 않을까요?

해외여행부터 언감생심인 상황에서 5년여 뒤 마흔 이후에 이민하려던 희망사항은 일단 기약 없는 꿈이 됐다. 매일 잠들기 전에 가고픈 나라의 이민국 웹사이트와 다른 사람들이 블로그에 게시한 여행 후기를 들여다보며 아쉬움을 달랜다.

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

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

일반적으로 갤러리 웹사이트는 콘텐츠와 구조 덕에 메타적인 전시의 형식을 띨 수밖에 없다. 대안공간 루프 웹사이트도 크게 다르지 않다. 웹사이트의 요소는 루프의 영문명(Loop)을 암시하는 동시에 여러 페이지를 오갈 수 있는 내비게이션으로 기능한다. 접속할 때마다 무작위로 바뀌는 두 번째 ‘O’는 과거 전시와 연결되는데, 방문객뿐 아니라 루프의 구성원에게 그동안 루프에 쌓인 시간을 되새기려는 의도였다. 한편, 민구홍 매뉴팩처링은 웹사이트 제작으로 루프에 후원했다. 한국 대안 공간의 효시인 루프의 활동을 그렇게나마 응원하고 싶었다.

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

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

없다. 민구홍 매뉴팩처링은 독립하는 순간 폐업할 수밖에 없는 운명이다. 이제껏 많은 요청에도 사업자 등록증을 발급받지 않은 까닭이기도 하다.

웹사이트에서 이야기하는 대상과 방식에 따라 완성도의 기준은 천차만별일 거예요. 앞서 말씀드렸듯 일단 웹 브라우저상에서 제대로 동작해야 하지 않을까요? 사실 이를 위해 고려해야 할 부분만 따져도 무궁무진합니다. 뜬금없을지 모르지만 저는 어떤 글쓰기에 관해 이야기해보고 싶어요. 문학을 공부하던 시절에 배운 좋은 글쓰기의 원칙 가운데 중언부언하지 않는다는 게 있어요. 같은 대상에 관한 두 가지 진술이 있다면 간단한 쪽을 택하는 게 좋다는 오컴의 면도날(Occam’s Razor)도 비슷한 원칙이고요. 이 원칙은 코드를 포함한 웹사이트에도 충분히 적용될 수 있다고 생각해요. 중복되는 요소나 기능을 하나로 합치는 것처럼요. 이를 위해서는 글쓰기처럼 수차례 퇴고 과정이 필요하죠. 지난할 수 있지만 반드시 해야 하는 일이고요. 한 문장만으로 이뤄진 웹사이트라 해도 퇴고 과정을 얼마나 거쳤는지에 따라 결과물은 얼마든지 달라질 수 있습니다.

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

샤를 보들레르(Charle Baudelaire)는 『현대의 삶을 그리는 화가』(The Painter of Modern Life and Other Essays)에서 산업화와 도시화가 변화시킨 19세기 파리의 모습을 포착했습니다. 오늘날에는 웹사이트가 그 역할을 맡는다고 생각합니다. 웹사이트는 기술과 문화뿐 아니라 철학과 미학이 집약된 공간입니다. 때로는 장 보드리야르(Jean Baudrillard)의 시뮬라크르처럼 현실을 대체하고, 때로는 발터 벤야민(Walter Benjamin)이 말한 ‘아우라’를 지닌 예술 작품이 되면서요. 실리콘 밸리의 스타트업에서 도쿄의 아방가르드 예술가, 나이로비의 사회 활동가에 이르기까지 웹사이트는 마주한 국면에 따라 전 세계적으로 다양한 형태와 기능으로 발전해왔습니다. 이제 잠시 그곳을 다시 돌아볼 때입니다. 그곳에는 우리가 미처 보지 못한 세계가 있으니까요.

그 시작으로 제가 운영하는 민구홍 매뉴팩처링(Min Guhong Manufacturing)의 웹사이트 기반 제품을 살펴볼까요?. 제목은 「너에게」로, ‘연애편지’ 연작 가운데 하나입니다. 여기서 ‘너’는 과연 누구이고, ‘이것’은 과연 무엇일까요?

넓은 의미에서 제게 문학은 언어를 가지고 노는 일이고, 언어학은 언어의 구조와 규칙, 기능과 의미를 발견하는 일입니다. 디자인이나 코딩 또한 사용하는 언어가 조금 다를뿐 모두 이 범주 안에 있습니다.

일반적인 글쓰기든 코딩이라는 글쓰기든 모두 소통을 전제합니다. 그 일차적인 소통 대상은 글을 쓰는 사람, 즉 자신일 테고요. 하지만 코딩에서는 자신과 소통한 뒤에는 컴퓨터와 소통해야 하죠. 얄궂게도 컴퓨터는 인간만큼 너그럽지 않습니다. 코딩에 정확성, 명확성, 명료성 등이 수반되는 까닭입니다.

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

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

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

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

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

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

편집을 통해 문제, 특히 제품 주문자의 요구 사항을 해결하는 과정입니다. 제품 제작 방식은 ‘매뉴팩처링’이라는 용어에서 어느 정도 드러납니다. ‘매뉴팩처링’은 본디 원재료를 인력이나 기계력 등으로 가공해 제품을 생산하는 제조업을 뜻하지만, 야구에서는 도루나 진루타, 희생타 등 안타가 아닌 방법으로 득점하는 기술을 가리키기도 합니다. 한편, 제품 제작 과정은 저마다 조금씩 다르지만 큰 틀은 비슷합니다. 제품 주문이 들어오면 제작해 납품하는 식입니다. 물론 자체적으로 제품을 제작하기도 합니다.

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

2015년 회사를 설립하면서 발표한 「회사 소개」에서 밝힌 서른일곱 가지 일은 앞으로도 하지 않을 생각입니다.

둘 다 맞거나 둘 다 틀립니다. 「새로운 질서」를 시작한 건 2016년, 미국 시적 연산 학교(School for Poetic Computation)에서 수학한 뒤 한국에 돌아온 뒤였죠. “어떤 대상을 좋아하고, 급기야 사랑하게 되면 그 아름다운 마음을 주위와 나누고 싶게 마련이다.” 「새로운 질서」에서는 웹을 이루는 기본적인 컴퓨터 언어를 익혀 자신의 관심사를 재료 삼아 자신만의 웹사이트를 만들어봅니다. 매주 금요일 열리는 「새로운 질서」에서는 국립현대미술관, 서울시립미술관, 파주타이포그라피배곳, 하자센터, 홍익대학교 등과 어깨동무하며 핸드메이드 웹의 정신으로 자신만의 웹사이트를 만드는 즐거움을 나눕니다. 어느덧 「새로운 질서」와 함께한 친구들이 어느덧 400여 명을 넘은 것도 모두 웹사이트 덕이죠. 웹사이트가 현실과 조금 더 가까워지거나 어떤 차원에서는 이미 현실을 대체한 오늘날, 「새로운 질서」가 새로운 문해력을 익히는 동시에 자신을 향한 사랑을 확장하는 시공간이 되기를 기대할 뿐입니다.

계획이란 건 언제나 수정될 수 있지만, 일단 2021년 매달 더 북 소사이어티(The Book Society) 웹사이트에 회사를 소개하는 글을 연재하고 있습니다. 위고에서 출간될 『아무튼, HTML』이라는 책을 쓰고 있고요. 그래픽 디자이너 겸 교육자 데이비드 라인퍼트(David Reinfurt)의 『A New Program for Graphic Design』을 번역하고 있습니다. 번역은 생각보다 길어질 것 같아요.

올해는 타이포잔치, 옵/신페스티벌, 서울레코드페어, 서울국제도서전 같이 미술계나 디자인계에 굵직한 행사가 적지 않은데, 여러 방식으로 기술을 지원하고 있어요. 최근에는 몇몇 기업에서 함께 추억을 쌓아보자는 연락을 받았어요. 재미있게도 탐정 사무소 두 곳에서도 연락을 받았죠. 거의 동시에요. 한편, 민구홍 매뉴팩처링의 친정이라 할 수 있는 시청각에서 회사를 소개하는 행사를 준비하고 있고요. 그저 많은 사랑과 관심 부탁드립니다.

날개집 안쪽 방의 제 자리와 이리카페일 거예요. 날개집에서 7시쯤 퇴근하면 날개집 친구들과 이리카페에 가서 새벽 늦게까지 차를 마시면서 이야기를 나눴어요. 지금 아내가 된 여자친구와는 정처없이 걸어다니기도 했고요. 왜인지는 모르겠지만 남산에 자주 갔어요. 자주 길을 잃곤 했는데, 어떻게든 내려오기만 하면 되니 두렵지는 않았어요.

스물다섯 살의 저는 별 생각없이 지냈고, 어쩌면 그 열린 몸과 마음 덕에 많은 것을 경험했습니다. 특히 좋은 사람을 많이 많났죠. 그때의 저는 지금도 제 안에 있고, 16년이 지난 뒤에도 저는 여전히 그때처럼 모든 게 별 게 아니라는 마음으로 하루를 보냅니다. 여담으로, 지금 일본 출장 중인데, 새벽에 일어나 이 답변을 쓰는 호텔 로비에서도 마찬가지입니다. 별 게 아닌 하루가 쌓여서 결국 나다운 시간을 만들더라고요. 스물다섯 살의 제게, 그리고 지금 스물다섯 살의 현지에게 말해주고 싶어요. 계획하지 않아도 괜찮아요. 제가 오늘 새벽에 일어날 계획이 없었던 것처럼 어차피 계획대로 되지 않으니까. 그게 스물다섯 살이니까. 그게 삶이니까.

잘 모르겠다. 온갖 기술로 책 장 넘기는 효과를 재현하려 한 초창기 전자책을 떠올려보자. 잠깐의 신기함뿐이었다. AR(Augmented Reality), VR(Virtual Reality) 같은 기술이 등장했지만, 웹 기술을 선도하는 구글마저도 온라인 전시 웹사이트인 ‘구글 아트 & 컬처’(Google Art & Culture)에서 제안한 건 작품을 극단적으로 확대하는 기술이었다.

민구홍 매뉴팩처링을 거친 웹사이트는 소스 코드만 들춰보면 누구나 따라 할 수 있을 만큼 기술적으로 아주 단순하다. 기술은 어떻게 사용하는지가 중요한 까닭이다. 선입견이겠지만, 기술이나 시각적 효과를 지나치게 뽐내는 웹사이트는 콘텐츠에 대한 의심부터 품게 된다. 내가 경험한 바로는 손을 쓸 수 없을 만큼 콘텐츠가 부실할 때 마지막으로 택하는 전략이었으니까. 무턱대고 하이 패션으로 치장하는 느낌이다. 게다가 몇 가지 효과 때문에 로딩 시간이 느리기까지 하면 최악이다. 개인적으로는 심심해 보이지만 들여다볼수록 어딘가 익살스럽거나 괴팍한 구석이 있는 웹사이트를 좋아한다. 물론 일을 할 때 개인적인 취향을 고집하지는 않지만, 취향은 결과물에 자연스럽게 드러나기 마련이다.

저도 마찬가지입니다. 드림호스트를 사용하는데, 싸구려 플랜인지라 한국에서는 조금 느립니다.

민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」이나 최근 미국 프루트풀 스쿨(Fruitful School)에서 발표한 「프루트풀 프레젠테이션」을 참고하면 좋겠다. 민구홍 매뉴팩처링이 기생하는 워크룸에 직접 방문하는 것도 괜찮은 방법이다. 단, 두 회사 모두 이렇다 할 간판을 내걸지 않은 탓에 중국발 미세먼지가 가득한 거리에서 얼마간 서성일 각오를 해야 한다.

정확히 계산해본 적은 없지만, 올해뿐 아니라 매년 비슷할 것 같다. 독일의 밴드 쿠스코(Cusco)가 1985년에 발표한 『아푸리막』(Apurimac). “신시사이저만으로 고대 잉카 문명을 여행할 수 있을까?” 이 질문에 대한 명쾌한 해답이다. 앨범에 수록된 음악에는 가사가 없으므로 사무실에서 일하는 동안 배경 음악으로 삼기 좋다. 특히 「플루트 배틀」(Flute Battle)과 「잉카 댄스」(Inca Dance)는 다큐멘터리를 좋아하는 독자에게 익숙할지 모르겠다. 이와 우열을 가릴 수 없는 곡은 미국의 음악가 안젤로 바달라멘티(Angelo Badalamenti)가 작곡하고 연주한 「트윈 픽스 테마」(Twin Peaks Theme). 1990년대를 풍미한 미국 드라마 「트윈 픽스」(Twin Peaks)의 오프닝 곡으로, 왓챠에서 전 시즌을 서비스한다는 사실을 알게 된 뒤 시청할 때마다 어린 시절의 추억을 되새기며 듣는다. 다시 피아노를 익혀 연주하고픈 곡이기도 하다. 참고로 데이비드 린치(David Lynch)가 감독하고, 두웨인 던햄(Duwayne Dunham)이 편집한 오프닝 영상과 함께 감상하면 감동은 배가된다.

어떤 프로젝트든 결과물을 예상했을 때 반드시 필요한 것, 특히 제목에서 모티브를 찾아보려 하는 편입니다. 조금 더 정확한 뜻을 파악하기 위해 사전을 들춰보기도 하고, 관련된 경험이나 추억은 없는지 되뇌어 보기도 합니다. 그러는 와중에 거리를 걷다가 나무나 돌멩이를 보고 갑자기 뭔가 떠오를 때도 있고요. 그 과정이 적절하다면, 많은 부분은 자연스럽게 해결된다고 믿습니다. 예컨대 『타이포잔치 2021: 거북이와 두루미』의 경우 거북이와 두루미가 지닌 특성에 주목했어요. 거북이는 땅에서 느릿느릿 기어다니고, 두루미는 하늘을 날죠. 그렇게 웹사이트상에서 두 가지 읽기 환경을 제안했어요. ‘거북이’ 환경에서는 콘텐츠를 느긋하게 열람할 수 있도록 1단으로, ‘두루미’ 환경에서는 전체 콘텐츠를 한눈에 조망할 수 있도록 최대 6단으로 설정했죠. 제목에 관해 조금 더 이야기하면, 스스로 제목을 제어할 수 있는 개인 프로젝트에서는 제목이 영 마음에 들지 않으면 나머지가 다 마무리됐더라도 공개하지 않는 경우가 많아요. 저는 기본적으로 제목이 프로젝트 자체를 규정한다고 생각하거든요. 전체 작업 기간 가운데 제목에 공을 들이는 게 반 이상은 될 거예요.

수영을 익히려면 얕더라도 일단 물에 들어가야 하듯 웹 기술을 익히기 가장 좋은 학교는 아무래도 웹이겠죠. 웹 기술에 관한 책을 집필하고, 편집하고, 디자인하고, 인쇄하는 순간에도 기술은 발전하고, 다듬어집니다.

우선 HTML(HyperText Markup Language)을 익혀 자신의 관심사를 다룬 웹사이트를 하나 만들어보시는 걸 추천합니다. 그러면 자연스럽게 CSS(Cascading Style Sheets)를 익히고픈 욕망이 입니다. 그 뒤에는 자바스크립트(JavaScript, JS), PHP(PHP: Hypertext Preprocessor), 파이선(Python), 루비(Ruby) 등으로 확장되고, 욕망이 커진다면 자신만의 컴퓨터 언어까지 만들게 될지도 모르죠. 즉, 어디에 사용할지 모를 기술에서 시작하는 게 아닌 아닌 자신의 욕망에 따라 기술을 취하는 게 흥미와 동력을 잃지 않는 방법입니다. 단, 어떻게 시작하는지가 중요할 텐데, 민구홍 매뉴팩처링 주위에는 「새로운 질서」와 프루트풀 스쿨(Fruitful School)이 있습니다.

일곱 살 무렵 처음 컴퓨터를 접했고, 열한 살 무렵 처음 웹사이트를 만들었다. 코딩 이전에 컴퓨터를 다루는 건 내게 너무나도 자연스러운 일이었다. 대학교에서는 문학과 언어학을 공부했고, 그래픽 디자이너 안상수 선생의 연구실에서 연구원으로 일했다. 그 뒤에는 안그라픽스를 거쳐 워크룸에서 편집자로 일한다. 디자인은 실무에서 익혔다. 운 좋게 주위에 늘 훌륭한 선생을 비롯해 실용적인 기술과 유연한 태도를 겸비한 동료들이 있었고, 그들이 디자인에서 맞닥뜨린 문제를 어떻게 해결하는지 지켜보는 게 중요한 학습 과정이었다.

2017년 최성민 선생의 추천으로 그래픽 디자이너 밥 길(Bob Gill)의 『Forget all the rules about graphic design. Including the ones in this book.』을 한국어로 번역하고 편집한 과정도 도움이 됐다. 책은 그 자체로 훌륭한 디자인 교과서였다. 한편, 책뿐 아니라 30여 년 동안 인터넷에 축적된 정보를 적극적으로 이용하기도 한다. 자신을 열성적인 학생으로 치환할 수 있다면 학위와 무관하게 인터넷은 꽤 괜찮은 학교다. 잘못된 정보가 있기는 하지만, 이를 감별해내는 일 또한 학습의 일부다. 기술을 습득하는 데 필요한 동력은 문학과 언어학을 공부하는 학생으로서, 또 편집자로서 글을 읽고 쓰는 일을 충분히 훈련한 덕에 나오는 것 같다. 기술에 관한 정보는 대개 글이니까.

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

미래학자가 아니므로 단언할 수는 없지만, 작품을 드러내는 방식이 지금과 아주 크게 달라지지는 않을 것 같다. 아무리 신기한 효과를 부려도 결국 모니터 화면에 주사된 납작한 이미지일 뿐이다.

온라인 전시에서는 작품의 메타데이터(metadata)를 적극적으로 활용할 수 있을 것이다. 작품과 함께 관련 작품, 전시, 글, 이미지, 영상 등을 정교하게 엮는 방식인데, 작품보다는 작품 주변부가 확장하는 셈이다. 전시, 도록 등이 한데 합쳐진 결과라 볼 수 있다. 관람객이 작품을 이해하는 데 도움을 줄 것이다.

한데, 기술과 그 한계에 주목하면 재미있는 방식도 가능하다. HTML에서 이미지를 담당하는 태그에는 대체 텍스트(alternative text) 속성이 마련돼 있다. 이미지를 제대로 표시할 수 없는 상황을 대비한 기능인데, 이를 통해 시각 장애인은 스크린리더(screen reader)상에서 이미지를 파악할 수 있다. 대체 텍스트에서는 누보로망(Nouveau roman)처럼 최대한 작품을 객관적으로 묘사해야 한다. 밀레의 ‹만종›(L’Angélus, 1857–1859)은 ‘들판에 고개 숙인 두 남녀가 있고, 그들은 누군가를 추모하는 듯하다.’ 등으로, 온 가와라의 ‹오늘›(Today, 1966–2014)은 “중앙에 1985년 3월 5일이라 쓰여진 검은색 사각형.” 등으로 묘사해야 한다. 한편, 대체 텍스트만을 활용하면 이미지가 없는 빈 갤러리, 하지만 다른 측면에서는 콘텐츠가 충만한 갤러리 웹사이트가 만들어질 수 있다. 스크린리더로 접속하면 컴퓨터가 이미지를 소리로 묘사해줄 것이다.

물론 있습니다. BEM에서 판매 중인 「『레인보 셔벗』 포스터 속 인물 티셔츠」 어떨까요? 패션 브랜드 예스아이씨 디렉터 가운데 한 분이 클라이밍장에서 즐겨 입는다고 합니다. 같은 차림으로 함께 운동하면 몸뿐 아니라 마음 또한 두 배로 건강해지지 않을까요?

같은 티셔츠처럼 보이지만, 전혀 다른 효과를 발휘하는 「민구홍 매뉴팩처링에 오신 것을 환영합니다」 배경 화면 티셔츠 또한 고려해보시기 바랍니다.

반갑습니다. 하나하나 살펴보니 대부분 인터뷰를 통해 이미 밝힌 내용인 듯합니다. 우선 민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」을 참고해보시면 어떨까요? 그럼에도 부족한 점이 있다면 언제든 다시 연락 부탁드립니다.

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

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

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

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

자연스러운 현상입니다.

「회사 소개」. 열세 번째 ‘시청각 문서’로, 민구홍 매뉴팩처링에서 하지 않는 일 서른일곱 가지를 나열했다. 홍은주·김형재 씨가 디자인하고, 영어판은 고아침 씨가 번역했다.

「장영혜 중공업 귀중」. 장영혜 중공업의 장영혜, 마크 보주(Marc Voge) 대표에게 보내는 공개서한으로, 장영혜 중공업을 향한 민구홍 매뉴팩처링의 존경과 부탁 한 가지를 담았다. 형식적으로는 장영혜 중공업을 민구홍 매뉴팩처링식으로 답습했다. 단, 결과물은 어도비 플래시(Adobe Flash)나 비미오(Vimeo) 영상이 아닌 그보다 조금 더 단순하지만 기민하게 동작하는 웹 페이지로, 구절마다 글자와 배경 색이 무작위로 바뀌고, 구절마다 할당한 소리(드럼과 하이햇)가 반복되면서 심드렁한 음악을 만든다. 참고로 답장은 아직 받지 못했다. 음악 때문일까? 「장영혜 중공업 귀중」에 관해 조금 더 알고 싶다면 더 북 소사이어티 웹사이트에 실린 글을 읽어보기를 권한다.

글쓰기의 결과물이 일반적인 글이어야 한다면 iA 라이터를, 여기에 편집자 등과 협업해야 한다면 구글 문서를 사용한다. 웹사이트나 비디오게임, 구글 크롬 확장 프로그램 같이 일반적인 글일 필요가 없다면 서브라임 텍스트를 사용한다. 모두 별다른 설정 없이 글쓰기 자체에 집중할 수 있고, 가볍고 빠르게 작동한다는 공통점이 있다.

특히, 사정상 거절했지만, iA 라이터를 제작하는 iA로부터 프로그램의 한국어판을 위해 한국어에서 사용되는 진부한 표현을 조사해달라는 의뢰를 받기도 했다. 입력한 글에서 진부한 표현을 감지해 흐리게 표시하려는 의도였는데, 진부함은 진부함 나름대로 누구에게나 익숙하다는 점에서 실용적이다. 「자주 하는 질문」 속 문장 또한 뜯어보면 진부한 문장 구조로 이뤄져 있지 않은가? 게다가 진부함 덕에 낯섦이나 파격으로 받아들여질 법한 시도가 유의미해지기도 한다.

귀하는 / 유니클로에서 / 느닷없이 / 친척 어른에게 / 귀하의 직업을 / 설명하게 될 것입니다. / 축하드립니다.

하지만 가장 섬뜩했던 건 메시지보다 음악가 김윤기의 오프닝 공연이었을 것이다.

‘자기 반영’은 민구홍 매뉴팩처링에 덧붙은 해시태그로 볼 수 있습니다. 이를 추동하는 키워드는 ‘소개’(introduction)고요. 소개는 결국 어떤 대상을 널리 알려 다른 대상과 연결하는 일이고, 그 결과는 앞으로 함께할 친구(사람), 자랑할 만한 경력(포트폴리오), 크고 작은 경제적 이윤(돈) 등으로 이어집니다. 세 꼭짓점이 정삼각형으로 완성되는 경우는 많지 않지만, 민구홍 매뉴팩처링에 소개만큼 피할 수 없이 신성한 일이 있을까요?

웹사이트는 소프트웨어로 따지면 ‘영원한 베타’(perpetual beta) 버전입니다. 마음만 먹으면 오늘과 내일이 전혀 다를 수 있죠. 출판한 뒤에도 콘텐츠를 수정할 수 있다는 점은 오프라인 출판에 익숙한 이에게는 낯설 만합니다. 반대로 온라인 출판에 익숙한 이에게는 오프라인 출판의 특성이 비실용적일지 모르고요. 이에 대해서는 긍정이나 부정을 표명하는 대신 이 특성을 어떻게 활용할지 고민하는 게 실용적이지 않을까요? 한편, 웹사이트를 운영하는 데 콘텐츠를 수정한 날짜를 정확하게 표기하는 일 또한 중요하지만, 저는 구글 문서상에서 이뤄지는 이 서면 인터뷰에서처럼 본문에서는 웹사이트 또한 종이 책처럼 출판물로 대해야 한다고 생각합니다. 즉, 웹사이트의 성격에 따라 겹꺽쇠(『』)나 홑꺽쇠(「」)로 묶어 구분하는 거죠. 처음에는 조금 어색하거나 번거롭더라도 웹사이트라는 느닷없이 새로운 출판물을 대하는 태도는 작고 사소한 것부터 시작됩니다.