자주 하는 질문

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

정확합니다. 2015년부터 호스팅 업체로 미국의 드림호스트(Dreamhost)를 사용하고 있는데, 미국 서부의 오레곤에 있던 데이터 센터를 한국과 더 가까운 싱가포르로 옮기고, 여기에 클라우드플레어(Cloudflare)의 네임서버까지 사용했습니다. 쉬운 일은 아니었지만, 그 결과 200밀리초에 가까웠던 핑 속도가 100밀리초 미만으로 감소했습니다.

2022년 『더플로어플랜』(The Floorplan)과의 인터뷰에서 이렇게 말한 적이 있습니다. “저를 무엇으로 규정하는지는 그저 상대방에게 맡기고 싶습니다. 제가 생각지 못한 직함이 튀어나오고, 그에 따라 상대방을 대하는 제 태도도 달라지는 게 재미있고요. 그렇게 저는 상대방에 따라 편집자뿐 아니라 작가, 선생님, 나아가 남편이나 애인이 되기도 하겠죠.” 여러 직함으로 불리곤 하지만, 저는 무엇보다 ‘편집자’에서 풍기는 무미건조함이 마음에 듭니다. 이는 ‘편집’이라는 행위가 아우르는 범위가 불분명하다는 점에서 비롯합니다. 아주 넓기도 하고, 아주 좁기도 하죠. 저는 디자인 또한 편집의 일부라고 생각해요. 편집과 디자인을 동시에 경험해본 분은 제 말 뜻을 아실 거예요.

출판 분야에서 ‘편집(editing)’은 교정과 교열 같은 협소한 의미로 사용되곤 하지만, 저는 편집을 창작을 포함한 행위로 간주합니다. 제가 ‘편집’이라는 행위를 처음 의식한 건 1990년대 초 컴퓨터를 처음 접하고 게임에 한창 몰입하던 시절이었어요. 흔히 ‘게임 에디터’로 통칭하던 소프트웨어를 이용하면 게임의 데이터베이스를 조작해 캐릭터의 능력치뿐 아니라 게임 자체를 수정할 수 있었죠. 즉, 제가 처음 접한 편집은 ‘어떤 공고한 틀을 그 안팎에서 지배해 국면을 제어하는 일’이었어요. 이 생각은 지금도 크게 다르지 않습니다. 웹사이트를 만들 때뿐 아니라 미술관이나 갤러리에서 작품을 전시할 때도 편집자의 마음으로 임합니다. ‘편집자’라는 말이 주는 무미건조함도 마음에 들고요. 다만 제가 다루는 편집의 영역이 넓어지다 보니 정작 제가 담당한 책 출간이 늦어지고 있어요. 얼마 전에 출간된 『실전 격투』도 가까스로 작업했죠. 저를 이해해주시고, 아무 말 없이 기다려주시는 필자, 번역가 분들께 죄송스러울 따름입니다. 이 자리를 빌려 안부를 전하고 싶습니다.

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

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

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

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

시적 연산 학교에 합격한 무렵 워크룸의 박활성 선배에게 연락을 받았어요. “같이 일합시다.” 박활성 선배를 비롯해 김형진, 이경수 선배는 안그라픽스에서 ’16시’를 기획하면서 처음 만났어요. 그 뒤로 좋아하고, 또 존경하는 선배였고, 당연히 그들과 일하는 모습을 상상하기도 했죠. 그렇게 학교를 마치고 귀국한 뒤 자연스럽게 워크룸에 입사하게 됐습니다. 사실 워크룸의 제안이 없었다면 저는 지금도 미국에 있었을 거예요. 동기들처럼 작가로 활동하거나 학교에 출강하면서요. 워크룸에서 제 역할은 편집자였지만, 가장 먼저 한 일은 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』(Forget all the rules about graphic design. Including the ones in this book.)를 한국어로 번역하고, 워크룸 웹사이트와 워크룸 프레스 웹사이트를 개편한 일이었어요. 워크룸이 구성원의 역할을 엄격하게 규정하지 않은 덕에 가능한 일이었죠. 그 뒤 ‘실용 총서’ 등 여러 책을 기획하고, 미술 및 디자인계 안팎의 크고 작은 웹사이트를 만들며 사람을 대하고 일하는 방법을 배웠죠. 이 과정에서 민구홍 매뉴팩처링을 널리 소개할 수 있게 됐고요. 워크룸 덕에 30대 초중반을 정말이지 행복하게 보냈습니다.

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

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

몇 년 전 오사카 도톤보리에서 아내와 함께 먹은 삼색 당고. 내가 먹은 건 잘 쑨 팥소가 들어 있었다. 충동적으로 떠난 여행의 피로와 긴장이 해소되는 맛이었다. 아내가 먹은 나머지 두 개는 과연 어떤 맛이었을까?

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

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

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

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

제1판을 선보인 뒤 1년 사이 달라진 상황에 따라 몇몇 내용이 추가되거나 삭제됐고, 더욱 큰 화면에 오직 장영혜 중공업만 사용할 수 있는 소파와 헤드폰이 마련됐다. 그럼에도 장영혜 중공업을 향한 존경과 사랑, 그리고 부탁 한 가지는 그대로다. 답변을 받을 때까지 기회가 있을 때마다 선보이는 연작이 될 예정이다.

‘(웃음)’. 2017년 11월 24일 건국대학교 앞 서점 겸 복합 문화 공간 인덱스(Index)에서 열린 포스터 전시 『유용한 말』(Useful Words)에 포스터 「(웃음)」을 출품하면서 마련했다. 다음은 「(웃음)」에 관한 설명이다.

민구홍 매뉴팩처링의 신제품 「(웃음)」은 제목 그대로 ‘(웃음)’을 담은 다목적 포스터다. 제2차 세계대전 당시 일본 의회의 속기사들이 처음 고안했다는 ‘(웃음)[(笑)]’은 오늘날 대담이나 인터뷰 등의 기록에서 발언자나 주위의 반응을 간단히 묘사하는 데, 또는 지나치게 진지한 말을 눅이는 데, 또는 말의 의미를 역전시키는 데 사용되곤 한다. 이뿐일까. 더러 특정 문화에 심취한 이는 이를 통해 자신의 자폐성을 넌지시 드러내기도 한다. 이 과정에서 ‘(웃음)’의 양상은 앞뒤 맥락에 따라 폭소나 미소, 조소나 냉소 등으로 달라진다. 말은 어떻게 유용성을 획득하는가. 어떤 말이 유용하다면, 이는 포스터라는 매체에 실린 경우에도 마찬가지인가. 질문이 품은 염원을 담아 「(웃음)」은 갖가지 ‘유용한 말’이 모이는 전시에서 ‘(웃음)’의 역할을 자임한다. 우아하게 디자인된 최정호체의 소괄호 속 ‘웃음’이 어떤 이에게는 시답잖은 헛웃음에 불과하더라도 아무러면 어떤가. “웃으면 복이 온다”.라는 말이 과학적으로까지 증명된 마당에. (웃음)

포스터 속 ‘(웃음)’의 위치는 그래픽 디자이너 전용완 씨의 시각 보정까지 거친 결과다. 포스터 외에도 ‘(웃음)’은 자석으로서 ‘(웃음)’ 필요한 어느 곳이든 (물론 금속성을 지닌) 붙였다 뗄 수 있다.

웹사이트에 근사한 콘텐츠가 담겨 있거나 웹사이트를 이루는 코드가 완벽하더라도 웹 브라우저가 없으면 열람조차 할 수 없습니다. 웹 브라우저가 모든 웹 기술의 종착지인 셈이죠. 결국 사용자에게는 웹사이트가 웹 브라우저상에서 어떻게 동작하는지가 가장 중요합니다. 그 점에서 로딩 속도를 가장 중요하게 생각해요. 통계상 로딩 속도가 3초를 넘으면 소비자가 열람 자체를 포기하는 경우가 많다고 하거든요. 이미지가 많은 웹사이트인 경우 이미지 파일의 크기를 신경 쓰는 편이고요. 이미지 파일의 크기는 화질이 열화되지 않는 선에서 적으면 적을수록 좋다고 생각해요. 이를 위해 이미지의 불필요한 메타데이터까지 삭제하는 등 온갖 수단을 동원합니다. 시각 장애인이나 저시력자를 위한 이미지의 대체 텍스트나 글자 색과 배경 색의 대비도 중요하죠. 물론, <div> 태그를 난잡하게 사용하지 않는 시멘틱(semantic)한 HTML 마크업은 기본이고요.

해적단 사이에서 ‘오가사와라 키트’로 불린 인터넷 공유기는 이제껏 별 고민 없이 접속해온 인터넷에 가시적인 관문을 만드는 장치였다. 즉, 해적단 웹사이트에서 참여 작가들의 활동을 열람하려면 인터넷 공유기를 설치한 뒤 특정 와이파이(ogasawara)에 접속해 일종의 인증 절차를 거쳐야 한다. 공항이나 스타벅스 같은 공공장소에서 인터넷을 사용해본 적이 있는 사람은 익숙할 것이다. 한편, 인증 절차가 다소 복잡하다는 점(방문자는 단계마다 질문을 받고, 다음 단계로 넘어가려면 웹상에서 올바른 답변을 찾아내야 한다.)은 보물 상자의 잠금장치를 푸는 일과 비슷하다.

오늘날 웹은 이미 일상이 됐다. 웹 브라우저는 냉장고 패널이나 자동차 대시보드에까지 탑재된다. 자연스러운 상황에서 생각지 못한 순간과 맞닥뜨리면 자연스러움 자체를 다시 생각하게 된다. 인터넷 기술을 적극적으로 이용하려는 여러 분야의 시도는 대개 웹사이트 자체에만 집중한다. 이는 비단 미술계뿐이 아니다. 그런 점에서 오가사와라 키트는 웹사이트 이전에 인터넷에 접속하는 일 자체를 환기해보려는 장치이기도 하다. 물론 누구나 이용할 수 없다는 점에서 느슨하게 연결된 서로를 확인하는 징표 역할 또한 수행한다.

며칠 전 고토 데쓰야(後藤哲也, Tetsuya Goto) 선생님과 만난 적이 있는데, 그때 “디자인은 내 글쓰기를 위한 플러그인과 비슷하다.”라는 말을 한 적이 있습니다. 이 말처럼 제게 디자인은 기본적으로 도구입니다.

2019년 이래 금요일마다 진행하는 「새로운 질서」에서 디자인은 일반적으로 목적어가 필요한 동사, 더 정확히는 타동사라고 이야기합니다. 물론 개념적으로는 하라 겐야(原研哉)의 ‘디자인의 디자인’이라는 말이 있지만, 제 일천한 경험으로 미루어 목적어가 디자인 자체가 되는 경우는 별로 없었던 것 같아요. 따라서 제게는 우선 디자인의 목적어, 다른 말로는 콘텐츠를 파악하는 일이 중요합니다. 그래야 디자인이라는 도구를 어떻게 활용할지 판단할 수 있으니까요.

이는 특히 웹사이트를 만들 때마다 절실하게 체감합니다. 단 한 글자라도 콘텐츠가 있어야 HTML의 태그를, CSS의 선택자를, 자바스크립트의 함수를 활용할 수 있으니까요.

사실과 다르다.

바이러스나 인간, 어느 쪽이든 세계를 구원하는 일이 세계를 출력해 저장하는 일처럼 쉽고 간단하면 좋겠습니다.

저도 물론 이따금 바이브 코딩을 이용하곤 합니다. 하지만 아무런 계획 없이 처음부터 모두 인공지능에 맡겨버린다면 말 그대로 분위기(vibe)에 취해 이도 저도 아닌 결과물을 마주하게 됩니다. 제게 바이브 코딩은 술이나 마약 등 약물에 의존한 코딩과 크게 다르지 않습니다. 몹시 짜릿해도 뒷맛이 개운하지 않죠.

대개 유니클로다. 특정 국가의 브랜드를 고집한다기보다 그저 집에서 도보로 10분 거리에 매장이 있기 때문이다. 가장 중요한 아이템인 만큼 조금이라도 해지면 손쉽게 공급할 수 있어야 한다. 단, 무슨 일이 있어도 페이크 삭스나 발목 양말은 신지 않는다.

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

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

얼마 전 프루트풀 스쿨과 계원예술대학교에서 열린 특강에서도 같은 질문을 받았습니다. 답변은 한결같아요.

팀 버너스리(Tim Berners-Lee) 경이 만든 일반에 공개된 최초의 웹사이트예요. 웹을 소개하는 웹사이트 속 콘텐츠는 공들여 번역하고 싶을 만큼 우아하고 실용적이에요. 게다가 30여 년이 지난 지금도 무리 없이 작동하죠. 흰색 배경, 검은색 글자, 밑줄이 그어진 파란색 링크 같은 기본 스타일이 적용돼 있는데. 이 웹사이트는 민구홍 매뉴팩처링에서 추구하는 바를 여실히 드러냅니다.

최초의 웹사이트만큼은 아니지만 일본의 배우 아베 히로시(阿部寛)의 공식 웹사이트도 좋아해요. 『릿터』 24호에도 이와 관련한 글을 쓴 적이 있는데, 1996년 무렵 팬이 만든 웹사이트를 배우가 공식 웹사이트로 삼으면서 지금까지 당시 모습을 그대로 유지하고 있죠. 얼핏 웹 기술에 갓 입문한 사람이 만든 것처럼 보이지만, 지금도 최신 정보가 업데이트돼요. 배우의 과거 사진, 에세이 등 쉽게 접하기 어려운 정보도 싣고 있고요. 한 웹사이트가 25년여 동안 같은 스타일을 유지하는 데는 여전히 구형 해치백을 몬다는 배우의 취향도 어느 정도 작용했겠죠?

앞서 소개한 두 웹사이트는 그동안 쌓인 시간 덕에 설명하기 어려운 아우라가 느껴집니다. 콘텐츠가 디자인을 장악하는 증거죠. 장영혜 중공업이나 양혜규 선생님의 웹사이트 또한 비슷한 맥락에 있습니다. 콘텐츠가 아름답다면 스타일은 별로 중요하지 않을지 모릅니다. 모든 경우에 적용할 수는 없겠지만, 많은 경우 그렇게 적용할 수 있게끔 국면을 편집할 수 있죠.

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

10여 년 동안 종이책과 웹사이트를 편집해온 바로 오프라인 출판은 핑퐁 게임과 비슷합니다. 생산자의 역할은 크게 편집과 디자인으로 나뉘고, 서로 콘텐츠를 탁구공 삼아 주고받으며 결과물을 완성하죠. 반대로 온라인 출판, 즉 웹사이트는 저 한 사람이 거의 모든 것을 총괄합니다. 혼자 벌이는 핑퐁 게임이랄까요? 이 과정은 제게 글쓰기와 같습니다. 텍스트 에디터상에서 코딩, 즉 글을 쓰면서 시작해 트러블슈팅(troubleshooting), 즉 퇴고로 끝나니까요. 이 과정에서 자연스럽게 결과물의 구조적 질서, 시각적 질서, 기능적 질서까지 고려하게 되고요. 이 글쓰기의 끝에는 반드시 웹사이트만 있는 건 아닙니다. 공장에서 제품이 컨베이어벨트를 지나며 차곡차곡 조립되는 것처럼 과정이 분명하면 좋겠지만, 실제로는 아주 엉망진창입니다. 글쓰기 또는 웹처럼요.

물론입니다. 거의 30년 전인 1995년, 열한 살 무렵입니다. 목표는 단순하지만 아주 분명했죠. 당시 제가 사랑한 친구를 그저 행복하게 해주고 싶었거든요. 그런데 제가 처음 만든 웹사이트는 지오시티가 문을 닫으면서 함께 사라지고 말았습니다. 파일을 백업하지 못해 이제는 꿈나라에서만 등장하는 터라 그저 아쉬울 따름입니다. 어쨌든 사랑에서 비롯한 경험 덕에 저는 일찍이 컴퓨터뿐 아니라 웹, 나아가 코딩을 포함한 글쓰기에 진지하게 몰입할 수 있었습니다. 대학교에서 문학과 언어학을 공부하고, 우연히 안상수 선생님을 만나 미술 및 디자인계에 발을 담그고, 그 뒤 13년여 동안 안그라픽스와 워크룸에서 편집자, 디자이너, 프로그래머 등으로 일할 때도 마찬가지였고요. 저에 관해 궁금증이 인다면 다음 웹사이트를 참고하시면 좋겠습니다.

제가 생각하는 (코딩을 포함한) 제 글쓰기에 관해 정리한 다음 발표 자료 또한 얼마간 도움이 될 것 같습니다. “글쓰기는 흩어져 사라지려는 생각과 말을 특정 매체, 즉 문자(글자, 숫자, 기호 등)뿐 아니라 공간으로 붙잡아 드러내는 일이다.”

한편, 2015년에는 오직 웹과 글쓰기의 힘을 믿으며 민구홍 매뉴팩처링을 설립했습니다. 슬기와 민과 워크룸 이후 ‘소규모’라는 접두어를 붙인 스튜디오들이 등장하던 아름다운 시절이었죠. 자본과 용기가 부족한 탓에 제 근무지에 기생하는 운영 방침을 고수하며 기관, 단체, 기업, 개인 등과 추억을 쌓다 보니 어느덧 설립 10주년을 앞두고 있고요. 민구홍 매뉴팩처링에 관해서는 다음 웹사이트를 참고하시면 좋겠습니다.

시즌마다 급변하는 패션 경향을 따라가는 일은 재미있지만, 결국 많은 돈과 에너지를 수반한다. 이를 감당하기 벅찬 사람들은 체계(시스템)나 통일(유니폼)을 택하기도 한다. 내 옷차림은 코로나와 무관하게 이미 몇 년 전부터 미군의 ECWCS(Extended Cold Weather Clothing System)처럼 얼마간 시스템화했다. 유니폼화가 가장 두드러지는 업계는 IT 분야일 테다. 1980년대 초반 일본 도쿄의 소니(Sony) 본사를 방문한 애플의 스티브 잡스(Steve Jobs)는 직원 3만여 명이 똑같은 유니폼을 입은 광경을 본 뒤 1998년부터 세상을 떠날 때까지 예의 옷차림을 유지했다. 페이스북(Facebook)의 마크 저커버그(Mark Zuckerberg)는 회색 티셔츠, 청바지, 아디다스 슬리퍼를 애용한다.

따지고 보면 누구나 자신만의 옷차림이 있다. 내 경우에는 체감온도에 따라 상의, 하의, 신발, 크게 세 부분이 바뀐다. 한여름에는 프린트스타(Printstar) 티셔츠, 그라미치(Gramicci)나 갭(Gap) 반바지에 레인보 샌들(Rainbow Sandals) 플립플롭을 신는다. 햇빛이 강한 날에는 인터넷 아카이브(Internet Archive) 모자를 쓴다. 뉴욕에 있을 때 친구에게 선물 받은 아이템으로, 망가지지 않는 이상 계속 쓸 생각이다. 비가 오거나 바람이 많이 불면 까웨(K-Way) 바람막이를 입는다. 이를 기본으로 체감온도가 내려가기 시작하면 상의, 하의, 신발 순으로 바뀐다. 티셔츠 위에 챔피언(Champion) 회색 스웨트셔츠나 후디를 덧입고, 반바지 대신 유니클로(Uniqlo) 치노 팬츠나 리바이스(Levi’s)나 A.P.C. 청바지를 입고, 플립플롭 대신 뉴 밸런스(New Balance) 운동화를 신는다. 한때 선물 받은 992를 신어보기도 했는데 내 족형에는 아무래도 530이나 996이 잘 맞는 것 같다. 체감온도가 영상 10도 이하로 내려가면, 부산의 중고 의류 매장에서 구입한 브랜드를 알 수 없는 M-65 필드 재킷을, 겨울에는 랩(Rab) 다운재킷이나 글로버올(Gloverall) 더플코트를 덧입는다. 장당 5,000원대인 티셔츠는 1년 정도 입으면 모두 처분한 뒤 같은 제품으로 다시 구입하고, 나머지는 해지면 수선해 입는다.

결과적으로 구체적이면서 유연한 규칙, 즉 일종의 템플레이트(template)를 마련하고 아이템 각각을 모듈화해 조합하고 편집하는 전략이다. 장점은 소비 규모를 예측할 수 있고, 많은 사람이 꼽는 것처럼 아이템을 선택하는 데 들이는 시간을 다른 데 활용할 수 있다는 점이다. 아이템은 겨울에 입는 겉옷을 제외하고 세탁기의 표준 모드로 빨아도 무방하기 때문에 관리하기도 용이하다. 물론 결혼식장이나 장례식장에 갈 때는 숙부가 맞춰준 슈트에 구두는 알든(Alden) 9901이나 파라부트(Paraboot) 샴보드(Chambord) 가운데 하나를 선택하지만, 웬만하면 피하고 싶은 착장이다.

이 시스템은 별 고민 없이 오랫동안 편안하게 입을 수 있는 옷을 추구하는 과정에서 자연스럽게 정해지고 정리된 결과다. 코로나 이후에는 여기에 마스크가 추가됐을 뿐이다. 내가 갑자기 히피나 자연주의, 한국의 전통 복식 문화에 심취하지 않는 이상 크게 달라지지 않을 것 같다.

“그래픽 디자이너라면 모름지기 제대로 된 책 한 권을 만들어봐야 한다.”라는 말이 있다. 책을 만드는 과정에서 마주하는 수많은 고민과 선택이 모든 종류의 생산에서 반복되는 까닭일 테다.

HTML 에너지(HTML Energy)를 운영하는 엘리엇 코스트(Elliott Cost)가 JR 카펜터가 주창한 ‘핸드메이드 웹(Handmade Web)’을 변주해 ‘핸드메이드 웹사이트’라는 용어를 제안한 적이 있다. 완전히 백지 상태에서 시작한, HTML과 CSS만으로 이뤄진, 자바스크립트가 최소한으로 사용된, 정적 웹사이트를 가리킨다. 제약이 분명한 만큼 콘텐츠와 콘텐츠를 둘러싼 국면을 편집하는 데 집중할 수 있고, 그 덕에 ‘실용적이고 개념적인 글쓰기’가 가능해진다. 여기에는 백엔드가 없으므로 관리하는 데 불편함이 따른다. 하지만 이렇게 웹사이트를 만들어보는 건 좋은 출발점이 된다. 내 경우에는 시간이 많이 걸리는 지루한 작업을 해보는 게 새로운 기술을 익히는 계기가 된 것 같다. 자연스럽게 작업을 자동화하려는 욕망이 일고, 그 욕망을 따라가보는 것이다.

온라인 전시에는 초심자를 위한 카르고(Cargo) 같은 서비스를 이용할 수 있겠지만, 템플릿은 콘텐츠와 유리된 상태다. 템플릿에 콘텐츠를 억지로 맞출 수밖에 없고, 그러다 보면 결과물 또한 엇비슷해진다.

자신의 관심사를 토대로 콘텐츠를 생산하고, 개인 웹사이트를 만들어보는 일은 결국 자신을 사랑하는 일과 다르지 않다. 자신을 도저하게 사랑하다 보면, 남도 도저하게 사랑할 수 있다. 콘텐츠를 다루는 능력을 기르고, 기술을 이해하고 주체적으로 이용할 수 있는 건 덤이다.

강의실에서는 수영 강사가 된 듯한 기분이 든다. 학생들을 물속으로 떠밀어 아무리 영법을 가르쳐도 결국 근육을 움직이는 건 자기 자신이다. 어떤 근육을 어떻게 얼마나 움직여야 할까? 결국 자신의 욕망에 달렸다. 욕망에 집중하고, 욕망을 따라가다 보면 자신도 모르게 새로운 기술을 익히게 된다. 하지만 누군가에게는 해밀톤 호텔 수영장에서 물장구만 쳐도 흡족할 테다.

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

2015년부터 싸구려 웹 호스팅을 사용 중이다. 제품별 이미지를 드러내기에는 속도가 느리므로 제약을 따를 뿐이다. 게다가 민구홍 매뉴팩처링은 디자인 스튜디오가 아니다.

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

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

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

거의 듣지 않는다. 듣는다 해도 선택지는 그리 많지 않다. 언제나 자신을 ‘가장 친한 미국인 친구’로 소개해달라는 로럴 슐스트(Laurel Schwulst)는 이따금 손수 꾸린 음악 선집을 보내준다. 여러 음악이 수록돼 있지만, 내가 아는 노래는 마이클 잭슨(Michael Jackson), 왬!(Wham!), 다츠로 야마시타(Yamashita Tatsuro) 정도다. 쿠스코(Cusco)나 일본의 아방가르드 오르간, 바이올린 듀오 시지지스(Syzygys)도 최근 재생 목록에 있다. 매년 회사에 귀여운 연하장을 보내주시는 스튜디오 FNT의 이재민 실장님에게 쿠스코 LP 전집을 선물받았는데, 정작 LP 플레이어가 없어서 죄송하게도 관상용으로 보고 있다.

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

물론 형식도 중요하다. 하지만 콘텐츠가 한 뼘 정도는 더 중요하다.

물론 있죠. 미국 뉴욕의 미술관인 뉴 뮤지엄(New Museum) 산하의 디지털 아트 전문 기관인 라이좀(Rhizome)이 운영하는 「넷 아트 앤솔러지」(Net Art Anthology)는 넷 아트와 인터넷 문화를 중심으로 한 예술 작품 아카이브이자 온라인 전시 공간입니다.

흰 배경에 ‘NET ART ANTHOLOGY’라는 보라색 글자가 자리한다. 그 아래에는 이 웹사이트를 운영하는 라이좀의 로고가 자리한다. 하단에는 베이지색 띠가 있는데 웹사이트에 직접 접속하지 않고는 어떤 기능을 하는지 알기 어렵다.

이 웹사이트는 1990년대부터 현재까지의 넷 아트 작품을 선별해 소개하며, 디지털 예술의 역사와 발전을 탐구하는 데 중요한 자료로 기능합니다. 웹사이트에 소개된 작품은 시대의 맥락, 작가의 의도, 작품의 미학적·기술적 특징 등과 함께 제공되며, 넷 아트에 관심 있는 연구자와 예술가들에게 풍부한 영감과 지식을 제공합니다. 잠깐 이야기를 멈추고 이 웹사이트를 처음부터 끝까지 둘러보시는 건 어떨까요? 라이좀을 향한 감사와 이보다 더 나은 웹사이트를 만들고픈 욕망을 품고요.

미국 뉴욕 브루클린에서 가장 친한 친구이자 동료이자 선생이다. 오랜 비즈니스 파트너이기도 하다. 내가 세상을 떠나면 민구홍 매뉴팩처링은 ‘로럴 슐스트 매뉴팩처링’이 될 예정이다.

2015년 느닷없이 설립된 이래 민구홍 매뉴팩처링에서는 ‘소개’라는 행위에 이따금 우스꽝스러워 보일 만큼 섬세하고 강박적으로 천착해왔다. (회사의 첫번째 제품은 열세 번째 ‘시청각 문서’로 발표한 「회사 소개」다.) 민구홍 매뉴팩처링에서는 모든 생산 활동의 기저에 어떤 대상, 나아가 생산 주체, 즉 자신을 소개하고픈 욕망이 자리한다고 믿는 까닭이다. 민구홍 매뉴팩처링은 ‘회사’라는 형식을 전유해 이 믿음을 의식하고 양식화한 결과물로, 회사의 모든 활동은 결국 ‘소개’로 수렴한다. 회사의 공식 웹사이트는 설립과 거의 동시에 만들어졌다. 모름지기 회사라면 일단 그럴듯한 공식 웹사이트를 마련해야 한다는 생각에서였다. 몇 가지 메뉴 가운데 「자주 하는 질문」은 지금까지 진행한 인터뷰를 뒤섞은 공간이다. 이곳은 회사의 포트폴리오를 얼마간 대신하기도 하는데, 이를 통해 회사가 구사하는 전략은 글쓰기에서 비롯한다는 점을 드러내려 했다. 디자인은 회사가 웹을 사랑하는 만큼 최초의 웹사이트 스타일을 본받았다. 어떤 대상에 시간이 쌓이다 보면 디자인만으로 설명할 수 없는 아우라가 풍긴다. 최초의 웹사이트 스타일을 본받아 회사가 답습하려 하는 바는 사실 이 아우라다.

감동적인 편지 잘 읽었습니다. (가로세로 100vw, 100vh 크기로) 좋습니다. 당장 월요일부터 출근하시면 좋겠습니다. 월요일이 공휴일이라면 화요일부터요. 그나저나 소스 코드를 훔치는 데 일가견이 있으시네요!

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

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

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

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

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

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