자주 하는 질문

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

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

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

또 다른 형태의 전시장을 활용할 수 있는 셈이니 큐레이터의 역할은 더욱 확대될 게 분명하다. 이를 위해 단순하더라도 직접 웹사이트를 만들어보는 걸 추천한다. 웹의 수많은 가능성뿐 아니라 구체적으로 어떤 제약이 있는지 파악하기 위해서다. ‘느낌’을 동원하는 데는 분명히 한계가 있다. 웹 기술을 다뤄본 큐레이터가 쓴 온라인 전시 서문은 더욱 읽을 만하고, 전시는 더욱 감상할 만할 것이다. 그 뒤에는 전시장, 즉 웹사이트를 무엇으로 규정하는지가 중요하겠다. 로럴 슐스트(Laurel Schwulst)가 「내게 웹사이트는 지식의 강을 따라 흐르는 집이다. 당신은?」(My Website is a Shifting House Next to a River of Knowledge. What Could Yours Be?, 2018)에서 말했듯 웹사이트는 가깝게는 단행본에서 아무도 생각지 못한 무엇까지 무엇이든 될 수 있다.

1990년대 말, 넷 아트(net.art)가 등장했을 때 사람들에게 코드로 만든 예술은 그저 낯설기만 했습니다. “이게 예술인가요?” 마르셀 뒤샹(Marcel Duchamp)이 남성용 소변기를 전시장에 들여놓았을 때 사람들이 보인 반응과 비슷했죠. 특히 올리아 리알리나(Olia Lialina)의 「내 남자친구가 전쟁에서 돌아왔다」(My Boyfriend Came Back from the War) 같은 작품은 당시에는 생소했지만, 지금은 넷 아트의 고전으로 인정받습니다. 넷 아티스트들은 웹사이트를 단순한 전시 공간이 아닌 작품 그 자체로 활용했죠. 그렇게 기술적인 HTML의 구조, 하이퍼링크의 비선형성, 인터넷의 상호작용성은 예술적 도구로 거듭났습니다. 관람객은 클릭을 통해 스스로 이야기를 만들어갑니다. 이는 전통적인 서사 구조를 해체하고, 독자를 공동 창작자로 끌어들이는 혁신적인 시도였죠. 즉, 넷 아트는 완성태로 존재하는 게 아니라 관객의 참여를 통해 계속해서 새롭게 태어납니다. 잠깐 ‘JODI’라는 예명으로 활동한 예술가 듀오 조안 힉맨(Joan Heemskerk)과 디르크 패스만스(Dirk Paesmans)의 작품 「wwwwwwwww.jodi.org」를 살펴보면 어떨까요?

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

영업 비밀이 드러날 수 있으므로 자세히 밝히기는 곤란하지만, 좋아하는 몇 가지 방식을 소개할 수는 있겠다. 하나는 ‘화면 가운데에 맞춘, 화면 너비에 크기가 비례하는 글자’다. 타이포그래피의 여러 강조법 가운데 특히 ‘가운데 맞추기’를 좋아하는데, 가장 단순하면서 효과적인 강조법이라는 생각에서다. 특히 화면 가운데 놓이면 어떤 권위를 생기기도 한다. 좋아하는 만큼 즐겨 사용하기도 한다. 이렇게 범용적인 스타일을 구축한 뒤에는 콘텐츠 자체에 관해서만 고민할 수 있다.

또 하나는 ‘무작위’다. 웹사이트에 접속할 때마다 새로운 또는 생경한 느낌을 주려는 의도다. 가나다순, 알파벳순, 게시 날짜 역순 등 기본적인 콘텐츠 정렬 순서 탓에 눈에 잘 띄지 않는 콘텐츠를 위한 장치이기도 하고, 수많은 디자인적 선택에 따른 책임을 함수(function), 즉 컴퓨터에 전가하려는 태도이기도 하다.

‘최소 입력, 최대 출력’을 지향한다. 즉, 콘텐츠를 굳이 여러 페이지로 나누기보다 한 페이지 안에서 기본적인 열람 방식인 상하 스크롤을 적극적으로 활용하는 방식이다. 사용자의 클릭이나 터치 또한 노동력이 필요하므로 이를 최소화하려는 의도다.

콘텐츠를 한 화면에 배치하기보다 레이어별로 세분화하고, 여기에 모션이나 시퀀스를 부여하는 등 시간이라는 요소를 도입하기도 한다.

웹 브라우저를 가만히 들여다보면 콘텐츠는 반드시 웹 브라우저의 주 화면에만 놓이지 않는다. 예컨대 제목 표시줄이나 패비콘(Favicon), 웹 조사기를 활성화한 뒤에 볼 수 있는 소스 코드나 콘솔(console) 화면 또한 웹사이트의 일부분으로 간주하는 것이다.

도메인, 즉 웹사이트 주소 또한 웹사이트에서 파생된 콘텐츠다. 김뉘연과 전용완의 웹사이트 주소(http://kimnuiyeon.jeonyongwan.kr)가 좋은 보기다. 도메인은 크게 주 도메인(main domain)과 보조 도메인(subdomain)으로 나뉘는데, 보조 도메인(김뉘연)은 주 도메인(전용완) 없이 성립할 수 없고, 보조 도메인(김뉘연) 없이 주 도메인(전용완)만으로는 웹사이트에 접속할 수 없다. 듀오로 활동하는 생산자의 웹사이트에 개념적으로나 기술적으로 적합한 도메인 형태 아닐까 싶다. 게다가 그 덕에 조금 길긴 하지만, [email protected](김뉘연)과 [email protected](전용완) 같이 아주 근사한 이메일 주소가 탄생했다.

한편, 일을 하다 보면 자연스럽게 함께 일하는 사람에 관해서도 알게 되고, 나아가 일을 통해 그에게 깜짝 선물 같은 걸 건네고픈 생각이 들기도 한다. 웹사이트 어딘가에 이스터에그처럼 서로만 알 수 있는 특정 요소를 굳이 숨겨놓는 까닭이다. 헛웃음이나 코웃음일지라도 그가 그것을 발견하고 웃음 짓는 모습을 상상하는 것이다. 일종의 사랑이다.

이따금 디자이너로 불리곤 하지만, 제가 하는 일을 디자인으로 의식해본 적은 별로 없습니다. 굳이 말을 만들어보자면, 저는 ‘디자이너’보다는 ‘워드 프로세서’에 가깝다고 생각합니다. 말, 나아가 글자를 주로 처리한다는 점에서요. 그래서 작업 막바지에 크레디트에 제 작업을 ‘디자인’ 대신 ‘워드 프로세싱’이라고 제안하곤 하는데 번번이 거절당하곤 합니다.

아무튼 워드 프로세서로서 글을 쓰다 보면, 글을 잘 쓰고 싶고, 글을 잘 쓰다 보면, 글을 잘 드러내고 싶고, 글을 잘 드러내다 보면, 종국에는 글을 이루는 세계의 가장 작은 요소인 글자 자체에 눈이 가기 마련입니다. 즉, 나와 글을 둘러싼 모든 걸 제어하고 싶어지는 거죠. 그런 점에서 제 폰트를 만들어보고픈 건 자연스러운 현상 같습니다. 폰트명만 결정되면 반은 끝났다고 생각하는데, 사실 폰트명에서 일단 막혔습니다. 폰트명에는 어쨌든 ‘민’이 들어가야 할 것 같은데, ‘민고딕’, ‘민산스’, ‘민부리’ 같은 근사한 이름이 이미 있으니까요.

사실 디자이너의 정체성을 의심하는 건 이런 강연자리에서입니다. 일터에서는 그렇지 않습니다. 디자이너가 아니라고 하면 클라이언트가 저를 신뢰하기 어려우니까요. 이는 그저 저를 통해 디자인이 무엇인지 되묻게 하려는 의도입니다. 앞으로 졸업한 뒤 자신이 하는 일에 대해 고민하게 됩니다. 그리고 이런 고민은 학생일 때 시작하는 게 좋습니다.

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

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

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

칸트 이후 언어가 대상을 투명하게 반영한다는 환상은 깨졌다. 중요한 건 주체가 대상을 어떻게 바라보고 규정하는지, 나아가 편집하는지다. ‘작품’이나 ‘작업’이라는 어휘는 생산물이 소비되는 오늘날의 국면을 반영하지 않을 뿐 아니라 오히려 그 국면을 흐리는 환상을 덧입히기까지 한다. 민구홍 매뉴팩처링이 ‘회사’인 만큼 생산물을 아우르는 단어로는 ‘제품’이 자연스럽다고 생각했다. 반대로 ‘제품’이라는 단어를 사용하고픈 마음에 ‘회사’를 표방했는지도 모르겠다.

단 한 가지로 수렴할 수밖에 없는 ‘가장’이라는 표현은 저와는 별로 어울리지 않습니다. 너무 많은 게 한꺼번에 떠오르거든요. 그래서 차라리 제 생활 패턴을 말씀드리는 게 어떨까 싶어요.

평일 가운데 월요일부터 목요일까지는 회사에서 열심히 일합니다. 학기 중에는 목요일에 학교에서 강의를 하고요. 금요일에는 새로운 질서에서 친구들과 만나고요. 퇴근한 뒤에는 특히 드라마나 영화를 많이 봅니다. 최근에는 시트콤 『사인펠드』에 푹 빠졌고, 『세브란스: 단절』도 두 번째 시즌이 나올 때까지 계속 보죠. 음악도 많이 듣고요. 게임도 합니다. 아내와 산책하면서 이야기를 많이 나누죠. 얼마 전에는 일본 이민에 관해 진지하게 이야기했습니다. 주말에는 심심하면 번역과 작곡에 심취하고요. 그리고 12시 전에 자고, 8시 전에 일어납니다.

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

자연스러운 현상입니다.

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

민구홍 매뉴팩처링에서는 손으로 쥐거나 눈으로 볼 수 없는 사랑을 어떻게 실체화할지 오랫동안 고민해왔습니다. 고객의 관심과 사랑을 원동력으로 삼는 회사인 만큼 이는 당연한 당면 과제였죠. 막연한 느낌은 대개 막연한 채로 남고, 어떤 느낌은 그것만으로도 충분하지만, 사랑만큼은 분명히 다르다고 확신합니다.

조금 부족하더라도, 있는 그대로 사랑을 표현할 수 있다면!

받는 쪽은 어쨌든 감사할 따름일 겁니다.

사실 지금도 그렇지만, 그때는 무엇을 하는 게 좋을지 전혀 몰랐기 때문에 하지 않는 일을 소개하기로 마음먹었죠. 회사라면 모름지기 무엇을 해야 하는지보다 하지 않는지가 중요하다고 생각하기도 했고요.

잘 모르겠습니다. 민구홍 씨가 아닌 것 만큼은 분명합니다. 해당 인물을 실은 전시 포스터를 처음 제안한 그래픽 디자이너 강문식 씨에게 여쭤보시면 어떨까요?

나도 마찬가지다. 기회가 있다면 또 다른 자리를 마련해보면 좋겠다. ‹새로운 질서›에서 이야기하는 일부 내용을 간추렸을 뿐이지만, 오늘 이야기가 미술 및 디자인계의 생산자와 소비자에게 조금이나마 도움이 되면 좋겠다. 단, 내 말을 맹신하는 건 금물이다. 얼마 전 세상을 떠난 그래픽 디자이너 밥 길도 말하지 않았던가. 규칙을 파악한 뒤에는 잊어버려야 한다고.

2016년부터 2021년 현재까지 기생하는 그래픽 디자인 스튜디오 겸 출판사 워크룸은 민구홍 매뉴팩처링에 최적의 숙주가 됐다. 평일 가운데 4일만 출근하고, 소정 근로 시간에 맡은 업무만 무리 없이 수행하면 출퇴근도 어느 정도 자유로운 편이다. 그 과정에서 민구홍 매뉴팩처링의 일이 워크룸의 일이 되거나 그 반대가 되기도 하고, 처음부터 별 구분 없이 진행되기도 한다. 5년 동안 서로의 존재를 인정하고 이해한 결과다. 이런 상황을 받아들일 만한 숙주가 또 있을까? 최근에 부족하다고 느끼는 건 허먼 밀러 에어론 체어 또는 휴먼 스케일 프리덤과 민구홍 매뉴팩처링 간판이다.

그래픽 디자인 듀오 슬기와 민은 그들의 웹사이트에서 제 직함을 둘러싼 문제 아닌 문제에 관해 명쾌하게 정리한 바 있습니다. “민구홍은 저술가이자 편집자이자 번역가이자 디자이너이자 소프트웨어 개발자인데, 직함 순서는 그때그때 달라진다.” 감사하게도 민구홍 매뉴팩처링에 관해서도요. “민구홍 매뉴팩처링은 비디오 게임과 컴퓨터 소프트웨어에서 단편 소설과 음악 재생 목록까지 다양한 실용적, 공상적 제품을 내놓는다. 이처럼 다양한 제품에 일관된 주제는 자기 반영이다. 즉, 대부분 제품은 결국 ‘민구홍 매뉴팩처링’을 주제로 한다.” 존경하는 선생님이기도 한 그들의 명성에 기대 지금처럼 기회가 있을 때마다 인용하곤 합니다.

여러 직함으로 불리곤 하지만, 저는 무엇보다 ‘편집자’에서 풍기는 무미건조함이 마음에 듭니다. 이는 ‘편집’이라는 행위가 아우르는 범위가 불분명하다는 점에서 비롯합니다. 아주 넓기도 하고, 아주 좁기도 하죠. 이따금 ‘작가’로 불리기도 하지만, 기본적으로 편집을 통해 작품을 창작한다고 생각합니다. 여담이지만, 영국의 신스팝 듀오 펫 숍 보이스(Pet Shop Boys)의 보컬 닐 테넌트(Neil Tennant) 또한 데뷔 전에는 편집자로 일한 경력이 있다죠? 편집이 규칙과 제약을 다루는 일이라는 점에서 저는 이 경력이 펫 숍 보이스의 음악에도 적잖이 영향을 미쳤다고 생각합니다. 물론 ‘편집자’라 불리고픈 건 제 바람일 뿐입니다. 저를 무엇으로 규정하는지는 그저 상대방에게 맡기고 싶습니다. 제가 생각지 못한 직함이 튀어나오고, 그에 따라 상대방을 대하는 제 태도도 달라지는 게 재미있고요. 그렇게 저는 상대방에 따라 편집자뿐 아니라 작가, 선생님, 나아가 남편이나 애인이 되기도 하겠죠. 미국의 연쇄 살인범 찰스 맨슨(Charles Manson)은 한 인터뷰에서 기자의 질문에 이렇게 답했죠. “아무도 아니야. 그 누구도 아니야. 부랑자, 거지, 떠돌이 일꾼, 화물차, 와인 통… 당신이 내게 너무 가까이 다가오면 날카로운 면도칼이 될 수도 있지.” 물론 제 태도는 찰스 맨슨과는 무관합니다.

‘출판’이 어떤 대상을 강조해 널리 소개하는 일이라면, 『더플로어플랜』(The Floorplan)처럼 오늘날 출판은 반드시 종이 위에서만 이뤄지지 않습니다. 월드 와이드 웹(World Wide Web, 웹) 덕에 출판의 파급력은 더욱 강력해지고, 아우르는 범위 또한 드넓어졌죠. 두루마리에 자리했던 콘텐츠는 코덱스(Codex)를 거쳐 다시 두루마리(scroll)에 도달한 셈이고요. ‘진화한 책’으로서 웹사이트만큼 출판의 목적과 거의 완전히 겹치는 매체는 찾기 어렵습니다. 이런 마당에 스스로를 소개, 즉 출판하는 데 주력하는 회사에서 웹사이트처럼 실용적인 매체를 사랑하지 않을 까닭이 없습니다.

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

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

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

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

정지, 금지, 위험, 경고 등을 의미하는, 하지만 포춘 쿠키 속 메시지처럼 방문객에게 우연한 기쁨을 줄지 모를 빨강 문자들입니다.

웹은 민구홍 매뉴팩처링에서 회사를 소개하기 위해 활용하는 여러 매체 가운데 하나입니다. 그래서인지 이따금 웹 디자인 에이전시로 오해받곤 하죠. 민구홍 매뉴팩처링에서 웹을 주로 이용하는 까닭은 다루기 쉽고, 파급력이 클 뿐 아니라 무엇보다 많은 사람이 잠들기 직전에 마주하는 대상이 될 가능성이 크기 때문입니다. ‘공유’라는 웹의 철학에 집중해 웹의 탈중앙화를 실천하는 비커 브라우저(Beaker Browser) 같은 프로젝트가 등장했지만, 여전히 특정 서버에 세 드는 게 일반적인 웹의 특성이 회사의 주요한 생존 전략인 ‘기생’과 맞물리기도 하고요. 하지만 회사를 소개한다는 소기의 목적만 달성한다면 사실 매체는 크게 중요하지 않습니다. 기회만 주어진다면 전통적인 매체인 신문이나 잡지, TV나 건물의 전광판, 회화나 조각 등도 활용하고 싶습니다. 미술관이나 갤러리 등에서 회사를 소개하는 것 또한 꺼리지 않고요.

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

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

신촌 기찻길에 자리한 김진환 제과점의 갓 구운 식빵입니다. 맛과 질감, 그리고 향기는 아주 고전적이지만, 모양은 모더니즘 미술 작품 같죠. 지금 아내가 된 여자친구와 자주 먹었는데, 안상수 선생님을 처음 뵐 때도 선물로 들고 갔어요. 함께 먹으면 좋겠다고 생각했죠. 저는 예전부터 누군가를 처음 만날 때 무엇을 건넬지 고민하는 편이에요. 식빵이든, 웹사이트든, 한 문장이든요. 그러다 보니 정작 지금 제가 가지고 있는 건 별로 없어요.

지금도 그렇습니다. 또한 모름지기 회사라면 무엇을 하기보다 하지 말아야 하는지가 더 중요하다는, 별 근거 없는 신념도 어느 정도 작용했습니다. 각 항목은 “민구홍 매뉴팩처링에서는 비트코인(Bitcoin)으로 후원금을 모금하지 않습니다.”를 포함해 여전히 유효합니다.

워크룸에서 지내다 보면 자연스럽게 체득하게 되는 것 아닐까요?

미술가 겸 그래픽 디자이너 듀오 (또는 그 반대) 슬기와 민의 9월 5일을 기념하는 선물이다. (하지만 그날이 무슨 날인지는 아직 밝혀지지 않았다.) 그들이 창안한 개념인 ‘인프라플랫’(infra-flat)을 조금 더 쉽고 다양하게 구현하는 도구이기도 하다. 크기는 반응형, 즉 접속하는 기기나 웹 브라우저의 화면에 따라 달라진다. 주요 재료는 sulki-min.com이다. 인프라플랫에 관해 조금 더 알고 싶다면 불문학자 이지원의 글을 읽어보기를 권한다.

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

없는 것 같아요. 뭐가 맞고 뭐가 틀리다는 생각 자체를 별로 하지 않는 편이에요. 살다 보면 조금 전까지 당연히 맞다고 생각한 게 몇 분 뒤 당연히 틀린 게 되고, 그 반대의 경우도 일어나잖아요. 질문과 비슷한 제목의 영화가 2015년에 개봉했는데, 아마 그게 제가 마지막으로 본 홍상수 감독의 영화일 거예요. 제가 오직 맞다고 생각하는 건 맞음과 틀림이 없음을 맞다고 생각하는 게 틀림없어요.

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

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

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

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

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

오늘날 우리가 웹상에서 마주하는 정보는 대부분 알고리즘에 따라 선별됩니다. 페이스북의 뉴스 피드, 유튜브나 넷플릭스의 영상 등은 모두 우리의 취향과 관심사를 분석한 결과물이죠. 편리함의 대가로 우리는 자신도 모르는 사이 정보의 거품에 갇히기도 합니다. 플라톤의 동굴처럼 알고리즘이 제안하는 그림자가 전부라 믿으면서요. 작가 엘리 프레이저(Eli Pariser)는 이런 현상을 ‘필터 버블’(Filter Bubble)이라 불렀습니다. 필터 버블 속에서 점점 자신의 기존 관점을 강화하는 정보만 접하고, 다른 의견이나 새로운 시각을 접할 기회는 줄어든다는 거죠. 하버드 대학교의 심리학자 댄 길버트(Dan Gilbert)의 말마따나 “우리는 정보의 바다에서 헤엄치고 있지만, 지식의 섬에 고립돼 있다.”

안그라픽스가 지루해질 무렵 우연히 발견했어요. 저는 이름을 중요하게 생각하는 편인데, ‘시’(poetic)와 ‘연산’(computation)을 조합한 학교 이름이 근사했습니다. 제 관심사를 잘 정리한 말이라고 생각했어요. 그런 만큼 제 이력서의 학력에 이 학교가 들어가면 어울리겠다고 생각했죠.

잘 다니던 회사를 갑자기 그만두고 미국에 다녀오겠다는 말에 어머니는 아연실색하셨죠. 결혼도 한 상태였거든요. 나중에 알고 보니 경쟁률이 꽤 높았는데, 사실 어떻게 합격했는지 모르겠어요. 일종의 대안 학교였고, 3개월 과정이었지만, 아침 9시부터 오후 6시까지 계속 수업이 있었고, 수업이 끝나면 밤 늦게까지 이런 외부 특강 같은 행사가 거의 매일 열렸어요. 다른 지역이나 다른 나라에 살던 친구들이 많았던 터라 주말에도 딱히 할 일이 없어서 대부분 학교에 있었고요.

오랜만에 학생이 되니 무엇보다 기분이 좋았습니다. 가장 큰 수확은 사람이었어요. 친구를 많이 사귀었습니다. 최태윤, 강이룬, 소원영 등 당시 뉴욕의 미술 및 디자인계에서 활동하던 한국인뿐 아니라 예전부터 이메일로만 연락하던 로럴 슐스트(Laurel Schwulst)라는 친구를 만났고, 그 덕에 데이비드 라인퍼트(David Reinfurt), 존 프로벤처, 민디 서 같은 또 다른 친구들을 사귈 수 있었고요. 최근에 출간된 책을 번역하거나 프린스턴 대학교에서 강연할 수 있었던 건 이 친구들 덕입니다. 그리고 무엇보다 뉴욕에 친구가 많다는 건 뉴욕에 놀러갔을 때 저렴한 비용으로 잘 수 있는 공간이 많다는 뜻이기도 하고요.

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

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

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

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

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

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