자주 하는 질문

일러두고픈 말이 있다면?

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

웹 디자인에 관심을 갖게 된 계기가 궁금합니다.

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

회사를 소개하기 위해 지금까지 출시한 제품 중에 가장 기억에 남는 게 있다면?

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

작업할 때 참고하는 웹사이트가 있는가? 추천할 만한 웹사이트는?

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

순전히 자신의 행복을 위해 만든 웹사이트를 들여다보면 잠시 잊었던 뭔가가 떠오른다.

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

MDN 웹 문서

계원예술대학교 학생입니다. 아르바이트 탓에 특강에 참석하지 못했는데, 다시 들을 수 있는 방법은 없을까요?

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

민구홍 매뉴팩처링의 기술은 AG 랩에서 어떻게 활용되나요?

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

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

유럽 입자 물리 연구소(Conseil Européenne pour la Recherche Nucléaire, CERN)에서 일하던 영국의 컴퓨터 과학자 팀 버너스리(Tim Berners-Lee) 경이 일반에 웹을 공개한 지 어느덧 30여 년이 지났다. 생각보다 역사가 그리 길지 않은데, 그동안 웹은 어떻게 발전했을까?

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

파주타이포그라피배곳 졸업생입니다. 웹사이트를 만들 때 글자를 독특하게 구사해본 경험이 있나요?

명확한 이유가 있다면 글자를 독특하게 구사할 필요가 있겠지만, 그런 상황 자체를 함부로 만들지 않는 편입니다. 앞서 말씀드린 태도를 견지하다보면 아무래도 콘텐츠에 더 집중하게 되거든요. 웹사이트가 하나의 이야기라면, 어떻게 이야기할지보다 무엇을 이야기할지를 먼저 생각하는 거죠. 실제로 가로세로 1픽셀 정방형만큼은 그게 더 중요하고요. 얼마 전에 홍익대학교 시각디자인과 학생분들을 대상으로 강연할 기회가 있었는데, 여기서 『웹사이트 탄소 계산기』(Website Carbon Calculator)라는 웹사이트를 소개했어요. 이 웹사이트는 여러 웹사이트가 발생시키는 탄소를 수치화해 보여주는데, 이를 통해 웹이 결국 화석 연료에 기반하고, 웹사이트가 무거울수록 환경에 영향을 미친다는 점을 상기할 수 있습니다. 2020년 연평균 이산화탄소 농도가 413.2 ppm으로, 산업화 이전(278.0 ppm)보다 48퍼센트 정도 증가했다고 해요. 이미지, 영상, 애니메이션 등 시각적인 부분에 집중할수록 웹사이트가 무거워지는 경우가 적지 않아요. 제가 극단적인 환경론자는 아니지만, 웹사이트를 가볍게 만드는 게 조금이나마 인류에 공헌할 수 있는 길이 아닐까 싶어요.

‘타이포잔치’라는 행사가 있어요. 2001년부터 시작한 국제 타이포그래피 전시로 내년이면 어느덧 20년이 되는데요, 혹시 알고 계신가요? 아신다면 간단한 소감이나 인상을 말씀해주시겠어요?

소감이나 인상을 말하는 게 어색할 만큼 잘 알죠. 2년마다 타이포그래피를 주제로 전 세계의 디자이너들이 작가로 참여하는 대규모 전시는 동아시아뿐 아니라 세계적으로도 드무니까요. 그 대신 우화 한 편을 소개하고 싶습니다. 언젠가 미국인 그래픽 디자이너 친구에게 이 행사에 참여하게 됐다고 털어놨을 때 이렇게 묻더군요. “오, 그렇구나… 축하해! 그런데 어떤 오탈자(typo)를 보여줄 계획이니? (Wow… Congratulations! But what type of typo do you want to show?)” 아주 순진한 얼굴로요.

서버 호스팅 업체로 가비아를 사용하고 있습니다. 유지하는 게 좋을까요, 다른 업체로 바꾸는 게 좋을까요?

좋은 질문입니다. 가비아는 민구홍 매뉴팩처링에서 경험한 호스팅 업체 가운데 가격 대비 성능 측면에서 그리 좋지 못한 쪽으로 다섯손가락 안에 듭니다. (여전히 PHP 7.4가 최신 버전이라는 게 가당키나 할까요?) 게다가 업체명처럼 고객에게 ‘갑’ 행세를 하는 데 거리낌이 없죠. 인터넷의 평화를 위해 되도록 속히 다른 업체를 찾아보시는 게 현명합니다.

온라인 전시를 통해 관람객의 역할뿐 아니라 관람 방식 또한 달라지고 있다. 온라인 전시에서 관람객은 어떻게 존재할 수 있을까?

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

민구홍 매뉴팩처링, ‹무엇이든, 아무것도›, 웹사이트, 2018. 이 웹사이트는 마우스 커서의 이동, 클릭, 터치, 키보드 타자, 웹 브라우저 크기 조절, 대기 등 웹 브라우저상에서 일어나는 사용자의 거의 모든 행위를 파악해 금지한다. 사진 제공: 작가

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

‘웹 조사기’로 살펴본 시청각 랩 웹사이트. 웹 브라우저에 기본적으로 내장된 웹 조사기를 활성화하면 웹사이트의 구조뿐 아니라 제작 방식을 살펴볼 수 있는 건 물론이고, 제작자가 코드에 숨겨놓은 메시지를 발견하게 될지 모른다.

온라인과 오프라인을 걸쳐 이제껏 굉장히 많은 작품을 발표했다. 가장 만족스러웠던 작업은?

안그라픽스를 거쳐 워크룸에서 일하는 동안 얇게는 16쪽짜리 책에서 두껍게는 1,000쪽에 가까운 책까지 적지 않은 책을 만들어왔다. 모든 책은 웹사이트와 달리 재판(再版)하기 전까지 조금도 수정할 수 없다는 점에서 얼마간 불만족스럽다.

『생활 공작』은 미국에서 돌아온 뒤 워크룸으로 자리를 옮겨 기획한 첫 번째 책이다. 이 책은 제2차 세계대전 시절 미국 중앙정보국의 전신인 전략사무국에서 적지에 침투한 간첩들에게 배포한 비밀문서를 원전으로 삼는다. 책에는 불필요한 회의를 자주 열거나 퇴근할 때 불을 끄지 말아야 한다는 식의 생활 속에서 누구나 실천할 수 있는 공작 방법이 소개돼 있다. 번역은 군사 전문가 홍희범 선생에게 부탁했다. 『생활 공작』은 ‘실용 총서’의 첫 번째 책이기도 한데, 이 책 외에도 지금까지 『헤비듀티』, 『히트곡 제조법』, 『실전 격투』가 출간됐다. 참고로, ‘실용 총서’의 모토는 다음과 같다. “과거에는 실용이었으나 오늘날 실용만으로 기능하지 않는, 과거에는 실용이 아니었으나 오늘날 실용으로 기능하는 자료를 발굴합니다. 실용을 곱씹게 하는 현대인의 교양 총서를 자처합니다. 아름다운 실용의 세계에 독자 여러분을 초대합니다.”

패션 브랜드 thisisneverthat의 10년을 정리한 『thisisenverthisisneverthat』도 기억에 남는다. 앞서 말한 1,000쪽에 가까운 책이 바로 이 책이다. 책의 많은 부분은 3,000여 가지에 달하는 제품의 목록으로 이뤄져 있는데, 다양한 항목으로 이뤄진 목록을 정리하는 도구로서 웹사이트를 요긴하게 활용했다. 웹사이트가 맨 앞에서 프로젝트를 이끈 좋은 보기다. 『타이포잔치 2021: 거북이와 두루미』의 콘텐츠도 일차적으로 웹사이트상에서 정리됐다. 두 경우 모두 웹사이트가 맨 앞에서 프로젝트를 이끌고 종이책과 함께 또 다른 결과물로 완성된 좋은 보기다.

웹사이트로 한정하면 2020년 크리스마스 즈음에 발표한 「장영혜 중공업 귀중」을 꼽고 싶다. 이 작품은 장영혜 중공업을 향한 민구홍 매뉴팩처링의 존경과 사랑, 그리고 부탁 한 가지를 담은 편지 형식을 띤다. 그들이 주로 사용한 기술인 어도비 플래시(Adobe Flash)가 폐기된 지금 비메오(Vimeo)를 사용할 수밖에 없는 기분이 궁금했는데 이 참에 묻기도 했다. 장영혜 중공업 공식 이메일로 전달했음에도 답장은 아직 받지 못했다. 처음에는 아쉽고 섭섭했지만, 이제는 다시 한번 편지를 보낼 용기가 생겼다.

민구홍이 가진 가장 장식적인 옷은 어떤 것인지 궁금하다.

타이포그래피의 수많은 강조법 가운데 특히 ‘가운데 맞추기’를 좋아한다. 고전적이긴 하지만, 그저 양쪽 여백을 동일하게 설정하는 것만으로 손쉽게 콘텐츠를 강조하고 장식할 수 있기 때문이다. 이따금 극적인 효과를 주기도 하고. 그 뒤에는 콘텐츠 자체에만 집중하면 된다. 좋아하는 만큼 즐겨 사용하기도 한다. 이 방법 앞에서 글자 크기를 키우거나 글자체를 바꾸는 데는 상대적으로 더 많은 고민이 필요하다. 게다가 글자를 얼마나 키울지, 어떤 글자체로 바꿀지, 합당한 또는 합당해 보이는 이유를 찾다 보면 억지스러워질 때도 있다. 이런 취향은 당연히 내 의생활에도 반영된다. 로고나 메시지 하나 없는 검은색 티셔츠일지라도 몸에 걸치는 순간 내게는 지나치게 멋을 부리는 셈이다.

소셜 미디어만으로도 충분히 정보를 전달할 수 있는 시대, 민구홍 매뉴팩처링 스타일로 이야기하면 ‘소개의 시대’입니다. 그럼에도 개인 웹사이트를 만드는 일이 유의미할까요?

파급력만 놓고 보면 소셜 미디어만 한 도구가 없죠. 하지만 소셜 미디어에는 저마다 제약이 있고, 이런 제약은 사용자의 행복을 제한해요. 예컨대 트위터에서는 게시물 글자 수에 제한이 있고, 인스타그램에서는 글 한 줄을 게시하려 해도 이미지나 영상이 필요해요. 게시물 속 하이퍼링크도 작동하지 않고요. 사용자를 인스타그램에 영원히 머물게 하려는 전략이죠.

또한 ‘좋아요’ 기능은 자신의 생활을, 자신의 작품을, 나아가 자신을 불특정 다수에게 평가받는 위치로 옮겨놓습니다. 그 결과를 깜찍한 하트 아이콘과 몇백에 불과한 숫자로 확인는 건 그리 유쾌하지 않죠. 누구나 ‘좋아요’ 수가 많지는 않을 테니 누군가는 초라함을 느끼거나 자신의 작업 또는 삶 자체를 부정하게 되기도 하고요. 주체적으로 사용하지 않는다면 분위기에 휩쓸릴 수밖에 없죠.

한편, 디자인계에서 주로 소비되는 카르고(Cargo) 같은 서비스는 코딩에 익숙하지 않은 사람을 위해 그럴듯한 템플릿을 제공합니다. 사용하기 편리한 건 사실이지만, 템플릿들은 사실 콘텐츠와는 유리된 상태예요. 이미 짜인 틀에 콘텐츠를 맞추는 셈이죠. 그러다 보니 사용하다 보면 어딘가 입맛에 맞지 않고, 디자인에서 이런저런 요소를 바꿔보려고 시도해보면 쉽지 않죠. 덩달아 코드도 지저분해지고요. 웹사이트를 만드는 건 이런 템플릿을 수정하는 일처럼 받아들여지기도 하죠.

몇 가지 컴퓨터 언어를 익히면 거의 모든 걸 스스로 제어할 수 있습니다. 백지 상태에서 오직 자신을 위한 웹사이트를 만드는 건 ‘현대인을 위한 교양’으로서 해볼 만한 일이죠. 내가 누구인지, 무엇을 좋아하는지, 무엇을 싫어하는지 생각해보고, 그것을 정리해 글을 써보고, 그것에 컴퓨터 언어로 어떻게 새로운 질서를 부여할지 고민하는 건 소중한 일입니다. 게다가 기술을 주체적으로 받아들이고 사용할 수 있게 되고요.

전염병 때문에 ‘죽음’이라는 말이 어느 때보다 익숙한 시대입니다. 매일 아침이면 어제 몇 명이 세상을 떠났는지 보도되죠. 그만큼 생활에 관해 생각해보게 돼요. 자신을 위한 웹사이트를 만드는 일은 어쩌면 자신을 도저하게 사랑하는 일과 다르지 않습니다. 나를 도저하게 사랑하다 보면 남도 도저하게 사랑할 수 있죠. 사랑과 그에 따른 행복은 전염병보다 빠르게 전염되고요. 죽기 전에 해야 할 이보다 중요한 일이 있을까요?

서울시립대학교 학생입니다. 대학교 졸업을 앞두고 가장 고민한 점은? 그리고 현재의 고민은?

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

민구홍에게 웹이란 무엇인가?

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

웹사이트를 작품으로 내세워 전시에 참여하기도 했죠. 대표적으로 ‘푹신’이 있어요. 이렇게 웹 디자인이 예술 기관에서 작품으로 소개되는 것에 대해 어떻게 생각하시나요? 그래픽 디자인이 미술관을 침투하고 있듯이 웹 디자인이 예술 제도에 편입하는 것에 대한 의견이 궁금합니다.

빈 건물을 그럴듯한 뭔가로 채우고 ‘미술관’이나 ‘갤러리’로 부르면 실제로 그렇게 여겨지듯 어떤 대상을 무엇으로 어떻게 규정하는지가 중요하죠. 제대로 된 논리만 구축한다면 누구나 어색함 없이 받아들일 수 있으니까요. 민구홍 매뉴팩처링에서는 회사를 소개할 수만 있다면 미술관이나 갤러리에서 회사나 회사의 제품을 전시하는 일도 꺼리지 않습니다.

흔히 ‘분홍이’로 불리기도 하는 ‘푹신(Fuchsine)’은 미술 평론가 이한범 씨가 기획한 전시 픽션 툴에서 처음 고안됐어요. 행사 웹사이트를 돌아다니며 터치하거나 클릭할 때마다 관람객으로서, 도슨트로서, 또는 작가로서 웹사이트 방문객을 향해 뭔가를 중얼거리죠. 전시 기간에는 하루에 한 번씩 몸집을 키워 웹사이트 전체를 장악하기도 했고요. 그 뒤로 여러 미술 관련 프로젝트의 웹사이트에 등장했죠. 지금은 특히 난지미술창작스튜디오 관계자분들의 사랑을 독차지하고 있습니다.

서울시립대학교 학생입니다. 항상 크리에이티브한 작업을 하시는 것 같아요. 작업을 위한 영감은 대체로 어디서 얻으시나요?

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

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

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

올해 가장 많이 들은 음악은?

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

소셜 미디어에 관해서는 어떻게 생각하는가? 웹사이트 대신 인스타그램 같은 소셜 미디어 서비스상에서 이뤄지는 전시도 가능하지 않을까?

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

‘편집’은 출판계에서 교정이나 교열같이 다소 협소한 의미로 사용되곤 하지만, 이미 여러 분야에서 창작 이상의 의미로 확장되고 있다. 웹사이트에서 콘텐츠를 다룰 때는 어떤 에디터십이 필요할까?

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

쇠젓가락은 끝이 뭉뚝하고 무거워 사용하는 데 의외로 고난이도의 기술을 요한다고 합니다. 그런데 말입니다, 혹시 젓가락질을 잘하면 글자도 잘 쓸까요?

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

민구홍 매뉴팩처링을 설립한 동기가 궁금하다.

시작은 늘 느닷없다. 2015년 늦여름, 전시 공간 시청각의 공동 디렉터 안인용 씨에게 글을 한 편 청탁받았다. 시청각의 여러 활동 가운데 하나인 ‘시청각 문서’에 포함할 글로, 주제는 자유였다. 당시 ‘민구홍 매뉴팩처링’이라는 회사명만 마련하고, 정작 무엇을 하는 게 좋을지 알 수 없는 상태였다. 그 참에 ‘회사 소개’라는 제목으로 민구홍 매뉴팩처링에서 하지 않는 일 서른일곱 가지를 정리해 발표했고, 그때 발표한 일만큼은 지금도 하지 않는다. 느닷없었지만 안인용 씨가 아니었다면 회사는 지금까지 이름만 존재했을지 모른다. (사실 그것도 나쁘지는 않다.) 따지고 보면 안인용 씨는 민구홍 매뉴팩처링의 대모(代母)인 셈이다. 그가 어떻게 생각할지는 모르겠지만. 어쨌든 기회가 있을 때마다 감사함을 전한다. 명절마다 찾아뵙고 싶을 지경이다.

다시 첫 번째 질문으로 돌아와서 묻고 싶습니다. 워크룸과의 관계를 가리키기 위해 민구홍 매뉴팩처링을 소개할 때 ‘기생’한다는 표현을 하는데요. 워크룸이 출판사이기에 이 표현은 마치 웹/온라인과 실재/오프라인의 관계를 이해하는 민구홍 님의 용어처럼 들리기도 합니다. 워크룸이나 민구홍 님과 클라이언트와의 관계에서뿐 아니라 (본인의 작업을 지칭하는 단어로 말하자면) “제품/생산물”에서 웹/온라인과 실재/오프라인에 대한 이러한 이해가 어떻게 나타난다고 생각하나요?

‘제품’은 그저 ‘회사’를 표방하는 민구홍 매뉴팩처링의 기술을 거친 결과물을 가리키는 적당한 어휘를 고민한 결과입니다. 여러 제품을 통해 다뤄온 매체 가운데 민구홍 매뉴팩처링에서 특히 사랑하는 웹사이트는 특성상 그 자체로 대량으로 복제되고 소비되는 만큼 사명(社名)에 당당히 자리한 ‘매뉴팩처링’(manufacturing)의 본래 의미(물질 또는 구성 요소에 물리적이거나 화학적인 작용을 가해 새로운 제품을 대량 생산하는 일)와도 상통한다고 생각했습니다.

1인 회사인 민구홍 매뉴팩처링을 원활하게 운영하려면 결국 무언가에 기댈 수밖에 없는 만큼 ‘기생’이라는 어휘에서는 회사의 이런 운명이 가감 없이 드러납니다. 이는 웹사이트가 지닌 속성과도 무관하지 않습니다. 웹에서는 거의 모든 일이 웹 브라우저로 수렴하죠. 웹 브라우저를 거치지 않으면 웹사이트는 사용자에게 도달하지 않습니다. 요컨대 웹사이트는 태생적으로 웹 브라우저에 기생할 수밖에 없습니다. 이런 허약함과 불완전함이 웹사이트라는 매체를 계속 탐구해볼 가치를 만들어내고요.

한편, 민구홍 매뉴팩처링에서는 2022년 2월 22일 숙주를 워크룸에서 안그라픽스의 정체불명 독립 사업부 안그라픽스 랩(Ahn Graphics Lab, AG Lab)으로 옮겼습니다. 앞선 답변과 관련해 저에게는 ‘디렉터’라는 직함이 하나 더 추가됐죠. 숙주는 달라졌지만 『2022부산비엔날레』(Busan Biennale 2022)『거의 정보가 없는 전시』(An Exhibition with Little Information)처럼 민구홍 매뉴팩처링이 필요하다면 워크룸과도 언제나 함께입니다. 민구홍 매뉴팩처링의 기생 방식도 공생에 가깝게 진화하는 셈이고, 이는 ‘기생’이라는 어휘를 사용하기로 마음먹은 무렵부터 고려한 바이기도 합니다.

민구홍 매뉴팩처링과 COS 사이에 공통점이 있을까요?

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

질서와 정리 정돈이라는 행동양식이 몸에 익은 것처럼 보인다. 민구홍에게 무질서란 사고(accident)인가? 본인이 접해온 무질서한 상황의 예시나, 이와 같은 상황을 접할 때 어떤 순서로 대책을 세우는지 또는 때로는 세우지 않는지 알려달라.

내가 관심 있는 건 질서 자체가 아닌, 어떤 대상에 질서를 부여하는 과정과 방식이다. 물론 어떤 상황에서는 우스꽝스러워 보일 정도로 지나치게 질서에 집착하지만, 모든 것을 완벽하고 깔끔하게 편집할 수는 없는 노릇이다. 모든 외래어를 순화하려는 국립국어원의 시도가 이를 증명한다. 특정한 원칙을 마련한 뒤 충실히 따르려 해도 해당 원칙을 무너뜨리는, 그래서 옹색한 세칙을 마련할 수밖에 없는, 내가 통제하기 어려운 상황이 일어나고야 만다. 따라서 우리 집은 물론이고, 내가 일하는 책상과 책상 주변은 질서와는 거리가 멀다. 온갖 콘텐츠와 기술이 뒤섞인 웹처럼, 가깝게는 우리 생활처럼 차라리 엉망진창이 자연스러운 상태임을 인정하는 편이 정신 건강에 이롭다.

서울시립대학교 학생입니다. 개인 웹 작업과 클라이언트 납품용 웹 작업은 어떤 점에서 다른가요? 유지 보수, 컴퓨터 언어, 사용자 친화성 등에서요.

최종 선택의 기준이 외부에 있는지, 내부에 있는지에 따라 다르다. 기본적으로 일이 굴러가는 게 중요하다. 부러 고집을 피우지는 않아요. 또 내가 할 수 없는 영역은 구글이나 네이버를 핑계로 들면서 솔직하게 이야기한다. “제가 구글이나 네이버가 아니라서요…”

얼마 전 한 항공사와 일한 적이 있어요. 저는 작업 후반에 투입됐는데, 작업물에 관한 피드백이 1픽셀 단위로 쪼개지더라고요. 애초에 처음부터 관계가 잘못 설정됐다고 생각했어요. 물론 그럴 만한 사정이 있었다고 생각하지만, 작업에 관해 편하게 이야기를 나누는 동료가 아니라, 납품자와 검사자가 된 거죠. 그러다 보니 다른 것에 관해 생각할 겨를이 없죠. 한두 번 그런 상황을 경험해보니 하기 싫어지더라고요.

현재 DDDD에서 「바이러스 시뮬레이터」(2020)를 전시하고 있습니다. 기존 제품이 회사를 소개하는 데 중점을 뒀다면, 이번 제품은 코로나19라는 신종 감염병을 소재로 하고 있습니다. 코로나19 이후 민구홍 매뉴팩처링에도 변화가 있었나요?

민구홍 매뉴팩처링에 회사 소개는 여러 방식으로 이뤄집니다. 때로는 자연스럽게, 때로는 노골적으로, 때로는 느닷없이, 때로는 누군가의 명성에 기대. 이 제품은 회사를 소개하는 일 또한 수행합니다. 제품 속 세계에서 꽃, 나무, 돌멩이, 인간, 체리 사이에 민구홍 매뉴팩처링(Min Guhong Mfg.)이 놓였을 뿐이지만요. 코로나19 이후에는 특히 오프라인 전시가 취소된 미술관 등에서 제품이나 기술 지원에 관한 문의가 늘었습니다. 1인 회사인 탓에 응대하는 데 다소 시간이 걸리긴 하지만, 「민구홍 매뉴팩처링 이메일 응대 지침」에 따라 성심성의껏 임하고 있습니다. 네덜란드 아른험에서 원격으로 근무하던 한국인 유학생 인턴이 귀국해 회사의 숙주인 워크룸에서 한 달 동안 지내기도 했죠. 지금은 제주도로 출장을 간 상태입니다.

이번 행사 이전에 COS를 알고 계셨나요?

COS에서 펴내는 무가지를 우연히 몇 번 훑어본 것이 전부입니다. 하지만 앞으로 COS 제품을 근무복으로 이용하는 것을 고려하고 있습니다.

서울시립대학교 학생입니다. 삶의 목표는?

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

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

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

본인이 생각하는 최악의 클라이언트는?

프로젝트에서 얻을 수 있는 바는 결국 오랫동안 함께할 사람(클라이언트), 자랑할 만한 경력(포트폴리오), 경제적 이윤(돈)이다. 이 세 가지 꼭짓점이 정삼각형을 완성하는 경우는 거의 없지만, 삼각형만 만들어지면 프로젝트는 어쨌든 성공한 셈이다. 최악의 클라이언트와 일하더라도 다른 두 가지에서 보상을 얻으리라 믿는다면 어떨까?

이번에는 민구홍 씨에 관해 물어보죠. 대학교에서 컴퓨터 공학이 아닌 문학과 언어학을 공부한 이유가 있을까요? 이는 웹사이트를 만드는 데 어떤 영향을 끼쳤나요?

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

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

온라인에서 열람하는 작품과 오프라인 작품의 차이는 얼마나 극복돼야 할까?

차라리 처음부터 작품이 온라인과 오프라인, 두 가지(branch)로 존재할 수 있는 여지를 염두에 두면 어떨까? 또는 작품의 원본은 온라인에 두고, 작품이 온라인에서 오프라인으로 번역되는 과정이 오프라인 작업의 요소가 되는 건?

민구홍 매뉴팩처링에 점점 빠져들고 있어요.

자연스러운 현상입니다.

말이 나왔으니, 최근 네이버 디자인과의 인터뷰에서 HTML과 CSS를 한국어, 영어, 일본어 다음으로 잘 다루는 언어라 밝힌 바 있다. 웹사이트를 만드는 과정에서 두 언어는 어떻게 작동하는가?

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

민구홍 매뉴팩처링(이하 ‘회사’)은 “대한민국의 주식회사 안그라픽스를 거쳐 그래픽 디자인 스튜디오 겸 출판사인 워크룸에 기생하는 1인 회사”입니다. 설립 배경이 궁금합니다.

회사의 첫 번째 숙주인 안그라픽스에는 근무 시간 일부를 개인 작업에 사용할 수 있는 제도가 있습니다. 작업 성격에 따라 금전적으로 지원도 해주고요. “한국 그래픽 디자인의 역사를 새롭게 만들어가기 위한 크리에이티브 집단”에 어울릴 만한 제도였지만, 무슨 이유인지 아무도 이용하지 않았죠. 내 회사가 있으면 좋겠다는 기약 없던 꿈은 그 기회를 통해 실현됐습니다. 자본과 용기가 부족한 탓에 근무지에 기생하는 운영 방식을 택했지만요. 그렇게 회사는 숙주에 노동력과 얼마간의 즐거움을 제공하는 대신 운영비를 충당하고 숙주의 동산과 부동산을 이용할 기회를 얻습니다. 이런 방식은 회사를 취미 삼아, 즉 이윤 창출에 대한 고민 없이 순전히 개인의 행복을 위해 운영할 수 있는 플랫폼을 마련해줍니다. 바람은 회사와 숙주가 서로 필요한 부분을 제공하며, 누구가의 말을 인용하면 “서로 착취하며”, 함께 성장하는 것입니다. ‘피를 빨아먹는다’는 일반적인 의미의 기생과 다른 점이죠. 이때 필요한 양분은 고객의 사랑과 관심이겠고요.

파주타이포그라피배곳 졸업생입니다. 웹사이트상에서 이뤄지는 타이포그래피만의 특징이 있을까요?

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

「회사 소개」를 비롯한 민구홍 매뉴팩처링의 제품과 당신이 숙주의 피고용인으로서 수행하는 ‘편집’은 어떤 관계가 있을까?

오늘날 ‘편집’은 제품처럼 도처에 있다. 아이폰의 기본 메일 애플리케이션만 실행해봐도 편집의 위상을 단번에 알 수 있다.

나는 대학에서 문학과 언어학을 공부했다. 소설 작법 시간에 선생님은 자신이 소설을 쓰는 이유에 관해 “그저 거짓말을 잘하고 싶었다.”라고 말했다. 그리고 “그러려면 사실과 허구를 병존시켜야 한다.”라는 말을 덧붙였다. 지금 생각해보면 나는 선생님 말씀을 곧이곧대로 따르는 학생이었던 것 같다.

요즘 나는 민구홍 매뉴팩처링의 각 제품에 관한 정보를 한 줄로 정리하고픈 야심을 품었다. (이 제품에는 일단 ‘보도 자료 표준 형식’이라는 제목을 붙이기로 했다.) 『시카고 스타일 매뉴얼』(Chicago Style Manual)의 참고 문헌 인용법을 공부하는 중이다. 실용적이고 내용과 형식이 조화를 이룬 순수한 형태라는 점에서 참 아름답다. 언제 확정할 수 있을지는 모르겠지만, 보도 자료의 형식은 예컨대 이렇다.

제품명, “인용문/인용구”, 종류(복수인 경우 중점[·]으로 구분), 동업자(복수인 경우 중점[·]으로 구분), 제작/발표 연도.

이렇게 관습(또는 미풍양속)을 이용하는 건 내게 조형적 아름다움을 창조하는 데 별 재능이 없기 때문이다. (게다가 관습은 이미 한 번 완성됐다는 점에서 아름다우면서 무엇보다 이용하기 편하다.) 웹을 통해 교육의 민주화가 이룩됐다지만 어쩔 수 없는 게 있다. 특히 내게 없는 능력을 지닌, 디자이너나 미술가 친구들과 시간을 보내는 게 즐거운 이유기도 하다.

예컨대 열쇠고리에 열쇠를 끼우면 본래 역할을 하지만, 약지를 끼우면 퍽 괴상해 보이는 반지가 된다. 그 위에 산세리프 서체로 조판한 ‘“Min Guhong Manufacturing” can be abbreviated as “Min Guhong Mfg.”’라는 문장이 인쇄된다면 어떨까? 여기에 ‘민구홍 매뉴팩처링 표기 지침(영어판)’이라는 제목이 붙는다면? 그리고 이걸 회사를 소개하는 ‘제품’으로 홍보하는 회사가 있다면?

타이포그래피 관습이나 문법 또한 민구홍 매뉴팩처링의 관심사 중 하나다. 당신도 알다시피 아무것도 하지 않는 것처럼 보이는 데는 생각보다 많은 노력이 필요하다. 그리고 이는 실제로 내가 숙주에서 편집자로서 하는 일과 크게 다르지 않다. 타임스 뉴 로먼(Times New Roman) 속 모든 글자를 지운 「타임스 블랭크(Times Blank)」도 그런 맥락에 있다. 타임스 블랭크는 민구홍 매뉴팩처링의 전용 서체다. 존 케이지(John Cage)의 「4분 33초」를 들으며 사용하면 좋은… 나아가 「4분 33초」를 텍스트로 재현할 수도 있겠다.

조금 더 구체적으로 설명해주신다면요?

먼저 접근성의 문제를 살펴볼까요? 웹 접근성 지침(Web Content Accessibility Guidelines, WCAG)은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있어야 한다고 말합니다. 하지만 이따금 예술적 표현은 이런 지침과 충돌할 수 있죠. 특히 실험적인 타이포그래피나 복잡한 인터랙션은 ‘웹사이트를 듣는’ 스크린 리더(Screen Reader) 사용자에게는 난해할 수 있으니까요. 하지만 이는 오히려 또 다른 해결책을 요구하는 도전이 될 수 있습니다. 디자이너 사라 헨드렌(Sara Hendren)은 장애와 기술의 경계를 다룬 작업으로 접근성에 대한 고정관념을 흔들었죠.

상업성과의 충돌도 마찬가지입니다. 특히 기업의 웹사이트는 브랜드 아이덴티티를 표현하는 동시에 사용자 경험까지 고려해야 합니다. 이 또한 표현을 제한하는 동시에 새로운 가능성을 열어줍니다. 예컨대 애플의 웹사이트는 미니멀리즘과 인터랙티브 요소를 절묘하게 결합해 브랜드 가치를 전달하는 동시에 사용자를 매료시킵니다. “형태는 기능을 따른다”(Form follows function.)라는 바우하우스(Bauhaus)의 원칙을 디지털 시대에 재해석한 것과 같죠.

기술적 제약 또한 양날의 검입니다. 웹 브라우저 호환성, 로딩 속도, 모바일 최적화 등의 문제는 창작자를 제한하는 동시에 새로운 해결책을 찾도록 자극합니다. 예컨대 미디어 쿼리(Media Query)를 이용한 반응형 웹 디자인은 이런 제약에서 비롯했죠. 악기의 한계를 극복하며 매순간 새로운 질서를 만들어내는 재즈 뮤지션들이 떠오르지 않나요?

2005년 펜실베이니아 대학교(University of Pennsylvania)에서 열린 한 콘퍼런스 자리에서 미국의 시인이자 아방가르드 작품을 아카이빙해 소개하는 「우부웹」(UbuWeb)의 운영자 케네스 골드스미스(Kenneth Goldsmith)는 말했다. “무엇이 인터넷상에 없다면, 그것은 존재하지 않는 것과 마찬가지입니다.(If it doesn’t exist on the Internet, it doesn’t exist.)” 포스트 코로나 시대에는 인터넷이 현실과 조금 더 가까워지거나 다른 차원에서 현실을 대체할 예정이다. 이 점이 회사에 어떤 영향을 미쳤나?

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

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

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

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

일본 가나자와에 거주하시는 큰고모 고희연을 앞두고 있습니다. 어떤 제품을 선물해드리면 좋을까요?

BEM에서 판매 중인 「민구홍 매뉴팩처링 가나 표기 지침 토트백」 어떨까요? 공원에 나들이를 가시거나 장을 보실 때 사용하실 수 있지만, 마음만 먹으면 무엇이든 담을 수 있습니다.

웹상에서 이뤄지는 생산에는 포털 사이트에 댓글을 달거나 블로그를 운영하거나 위키백과를 편집하거나 소셜 미디어를 사용하는 등 여러 형태가 있다. 이 가운데 가장 적극적인 형태는 아무래도 직접 웹사이트를 만드는 일이겠다. 그렇다면 웹사이트는 어떻게 만들어지는가?

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

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

‘서브라임 텍스트(Sublime Text)’의 주 화면. 실용적이고 개념적인 글쓰기를 위한 워드프로세서.

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

미국 뉴욕의 시적 연산 학교(School for Poetic Computation, SFPC)에서 컴퓨터 프로그래밍을 공부하셨죠. 서울과 뉴욕을 기반으로 활동하는 미술가 최태윤 씨를 주축으로 시인, 프로그래머, 디자이너, 수학자, 발명가 등이 뜻을 모아 설립한 학교로 들었는데, 거기서 무엇을 배우셨나요?

5년여 동안 일한 안그라픽스를 그만둘 무렵 우연히 알게 된 학교예요. 일단 ‘시’와 ‘연산’이라는 서로 어울리지 않을 법한 어휘를 조합한 학교 이름과 평소 좋아하던 시인인 케네스 골드스미스(Kenneth Goldsmith)가 출강했다는 점이 마음에 들었어요. (아쉽게도 제가 있던 시기에는 출강하지 않았지만요.) 처음에는 단순히 컴퓨터를 통해 뭔가 이상한 걸 해보는 학교로 생각했는데, 실제로 마주한 학교는 생각보다 훨씬 더 이상했죠.

학교에서는 예술과 컴퓨터에 관한 개념적이고 실용적인 수업이 오전 9시부터 오후 6시까지 진행됐어요. 뉴욕은 지하철이 24시간 운영되기 때문이었을까요? 특강이나 워크숍이 있는 날은 밤 늦게 끝나기도 했죠. 주말에도 학교에서 생활하면서 일반 학교에서 몇 학기 동안 익히고 고민할 내용을 짧은 시간 안에 소화해야 했죠. 특히 시인이자 MIT의 디지털 미디어 부문 교수인 닉 먼포트(Nick Monfort)의 수업에 열심히 참여했습니다. 학생들도 화이트 해커, 형사학 전공 대학원생, 건축가, 무용수, 일렉트로닉 음악가 등 다양했어요. 예컨대 제 코딩 컨벤션 선생님은 프랑스에서 제빵사로 일하던 친구였죠. 며칠 전에도 연락했는데 요즘에는 터키식 디저트인 카이막(Kaymak)을 만드는 데 심취해 있더군요.

단, 이 학교는 기술을 처음부터 하나하나 가르쳐주는 친절한 학교는 아니에요. 적어도 컴퓨터 언어에 익숙해야 수업을 따라가는 데 무리가 없죠. 선생님이 문제를 해결하는 데 필요한 힌트를 제공하면, 학생은 이를 이정표 삼아 인터넷을 헤매면서 자신의 욕망과 기술적 한계를 인식하고 우회 전략을 고안해야 했어요. 기술 자체가 아니라 어떤 기술을 어떻게 활용할지가 중요하기 때문이죠.

학교 이름에서 알 수 있듯이, 제가 배운 시를 쓰는 방법과 프로그래밍은 비슷한 점이 많아요. 시적 대상(입력)과 시(출력), 그 사이에 시적 인식(함수)가 있다는 점에서요. 이런 관계를 시적 연산 학교에 다니면서 더욱 분명하게 느꼈습니다. 그곳에서 컴퓨터 프로그래밍이 아니라 ‘좁은 의미의 문학과 언어학’을 배웠다고 말하는 걸 좋아하는 이유예요.

한편, 이때는 뉴욕을 중심으로 갈수록 복잡해져가는 웹 기술을 처음부터 다시 생각해보는 움직임이 시작되던 때였어요. 동시에 그래픽 디자이너 사이에서 ‘콘텐츠 중심 웹’에 관한 논의도 활발해졌고요. 늘 생각해오던 바를 이미 실천하는 친구들과 교유하면서 저도 용기를 얻었죠. 자신을 ‘가장 친한 미국인 친구’로 소개해달라는 로럴 슐스트(Laurel Schwulst)도 이때 만난 친구예요. 저와 비슷한 또래로, 앞서 소개한 움직임의 중심에 있는 인물이죠.

민구홍 매뉴팩처링 GPT