자주 하는 질문

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

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

작년 늦여름, 민구홍 매뉴팩처링은 느닷없이 찾아온 수상한 인물들에게 포위당하고, 급기야 납치당했다. 자신을 해적단이라 소개한 그들은 태평양의 오가사와라 제도로 떠나야 한다고 말한 뒤 해적단과 함께하라고 회사에 명령했다. 간헐적으로 화상 회의 링크가 이메일로 전송되고, 회의가 끝날 무렵에는 비밀 결사 단체처럼 특정 구호나 제스처를 따라 하라고 강요하기도 했다. 고양이 앞 생쥐처럼, 너구리 앞 고양이처럼, 한동안 회사는 그들과 함께했다. 이처럼 느닷없이 찾아온 코로나는 우리를 포위하고 납치해 이제껏 경험해보지 못한 국면으로 옮겨놨다. 모든 분야에서 예정된 행사는 연기되거나 취소됐고, 사람들은 사람이 모이는 일의 경제적인 효과를 느닷없이 실감했다. 오프라인이 누려온 혜택은 이제 온라인의 차지가 됐다. 이런 상황에서 민구홍 매뉴팩처링은 제법 성장했다. 상호를 밝힐 수 없는 두 회사에서 인수를 제안받기도 했다. 물론 일부는 코로나가 불러일으킨 비극에서 비롯한 반사이익이다.

내 기준에서 코로나가 우리에게 안긴 장점이 있다면 이제껏 익숙하고 자연스럽게 여겨온 것을 다시 생각하게 했다는 점일 것이다. 웹 또한 그 가운데 하나다. 많지는 않지만, 웹을 그저 또 다른 인쇄물로 여기지 않는 태도가 반갑다. 초창기 웹은 과학자들끼리 논문을 조금 더 편리하게 공유하기 위해 발명됐다. 즉, 인쇄물에서 비롯했다. 하지만 오늘날 웹의 논리는 인쇄물과는 전혀 다르다. 예컨대 특정 행사를 위한 웹사이트가 기존의 포스터나 리플릿, 도록 역할만 수행한다면, 즉 마지막 단계에서 모든 것을 갈무리할 뿐이라면 웹의 수많은 가능성을 포기하는 꼴이다. 웹을 웹답게 이용하는 여러 방법 가운데 하나는 전체 프로젝트 맨 앞에서 프로젝트를 촉발해 프로젝트 전반을 끌고 나가는 플랫폼으로 삼는 것이다. 웹사이트 안에서 모든 활동이 일어나고, 축적되고, 때로는 예상하지 못한 버그가 튀어나오고, 방문자는 이런 상황을 실시간으로 관람하거나 상황에 참여하고, 종국에는 그 자체로 자연스럽게 결과물이 드러나고, 그렇게 하나의 추억이 생성되고… 이는 인쇄물의 논리가 적용되지 않는, ‘영원한 베타 버전(perpetual beta)’이라는 웹의 태생적 속성에서 비롯한다. 이를 위해서는 초기 단계부터 변수마저 예측해 상수로 삼는 꼼꼼한 설계가 필수적이다. 말처럼 쉬운 일은 아니다.

생산자이기 이전에 소비자로서 웹을 다시 생각해보는 시도가 더욱 많아지면 좋겠다. 물론 민구홍 매뉴팩처링 또한 제 몫을 다할 것이다. 이는 언젠가 도달할 미래를 미리 체험하는 일일지 모른다. 이번 기회에 (아무도 이런 기회를 바라지는 않았지만) 웹이 이제껏 경험해온 웹과 전혀 다를 수 있음을 더욱 많은 사람들이 체험한다면, 코로나가 종식된 뒤에도 웹은 일시적, 그리고 불가피한 유행을 넘어 자신만의 영토에 꽂힌 깃발을 흐뭇하게 바라볼 수 있을 것이다.

단, 특정 세대들에게 온라인에서 오프라인의 시끌벅적함을 체감하는 일은 불가능에 가깝다. (나 또한 느닷없이 일상에 틈입한 화상 회의가 여전히 어색하다.) 언제나 고요하고 깔끔해 보이기만 하는 웹상에서 이를 가늠할 수 있는 장치는 방문자 숫자나 트래픽 초과 메시지뿐이다. “코로나 발생 이전의 세상은 이제 다시 오지 않는다.”라는 권준욱 질병관리청 중앙방역대책본부 부본부장의 발언은 정말이지 준엄했다. 이 발언이 기우이기를 기원해보자.

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

잘 모르겠다.

저 또한 마찬가지입니다.

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

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

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

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

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

그 전시는 회사를 소개하기 좋은 기회였다. 회사를 소개할 수만 있다면 민구홍 매뉴팩처링에서는 갤러리에 소환되는 것도 별로 꺼리지 않는다. 전시에는 민구홍 매뉴팩처링의 제품들이 특정 규칙에 따라 구분 없이 뒤섞여 있었다. 그런 점에서 큐레이터 윤율리가 제안한 ‘레인보 셔벗(Rainbow Sherbet)’이라는 전시명은 참 잘 어울렸다. (“실용성, 우아함, 고약함이 각각의 노즐에서 분사되는 적당한 모양새를 한마디로 요약하기란 무척 어렵다.”) 나중에 알았는데 ‘레인보 셔벗’은 각종 마리화나를 혼합한 마약을 가리키는 은어로도 사용된다고 한다.

그중 몇몇 제품은 동업자들과 함께 제작했다. 동업은 민구홍 매뉴팩처링에 중요한 제품 제작 방식이다. 이는 무엇보다 더 나은 제품을 만들기 위해서였다. 오늘날 모든 걸 혼자, 그리고 능숙하게 해내는 건 쉽지 않고, 무엇보다 건강에 별로 좋지 않다. 이때 민구홍 매뉴팩처링은 좀 더 회사처럼 작동했다. 회의를 거쳐 동업자를 선정해, 그들에게 발주서를 보냈고, 그들은 그에 따라 제품을 제작해 납품했다. 그렇게 민구홍 매뉴팩처링의 추억 속에는 명함, 회사 소개 영상, 김뉘연 씨가 쓴 민구홍 매뉴팩처링을 주제로 한 단편소설 한 편 등이 놓이게 됐다.

또 하나의 수확이 있다면 ‘분홍이’를 컴퓨터 밖으로 끄집어냈다는 점이다.

‘분홍이’는 사람들이 붙여준 별명으로, 본명은 자홍색을 만드는 염료명에서 따온 ‘푹신(Fuchsine)’이다. 푹신은 일종의 민구홍 매뉴팩처링 마스코트로, 아득히 먼 옛날 한 웹사이트에서 태어났다. HTML, CSS, 자바스크립트의 도움으로, 한 웹사이트의 머리(<head>)에 자리를 잡고, 하루에 한 번씩 몸집을 키우며 사용자가 클릭했을 때 혼잣말을 늘어놨다. 평양냉면을 좋아하고, 발렌시아가(Balenciaga)의 트리플 S(Triple S)를 신는 게 꿈이지만, 안타깝게도 아직은 다리와 발이 없는 상태다.

한편, 전시 오프닝 자리에서는 DJ 겸 프로듀서 말립(Maalib)과 제작한 「범용 오프닝 디제잉」을 재생했다. 특히 모임 별의 조태상은 래퍼나 DJ 들이 온갖 행사 오프닝에 활발히 소환되는 오늘날, 어떤 성격의 행사에서든 이용할 수 있는 유용한 제품으로 평가하기도 했다. 대여료는 한 시간당 15만 원으로, 서울에서 활동하는 DJ의 한 시간 평균 공연료와 같고, 국립아시아문화전당에서 하루 종일 대여한 바 있다.

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

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

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

최신 기술을 재빨리 익혀 도입하는 쪽과 드릴이나 호미로 밑바닥을 확장하며 기초적이고 기본적인 기술을 탐구하는 쪽이 있다면, 민구홍 매뉴팩처링은 후자에 속합니다. 아무래도 워크룸에 있다 보니 그래픽 디자인에서 타이포그래피나 개념에 집중하는 방법론에 익숙하기도 하고, 민구홍 매뉴팩처링이 구글이나 네이버가 아닌 만큼 기술적인 한계가 명확하기 때문이기도 하죠. 이를 분명하게 인식하고, 가능한 범위 내에서 최선의 방법을 고안하려 노력합니다. 여러 프로젝트를 경험해본 바로는 대부분의 문제가 기초적이고 기본적인 기술만으로 무리 없이 해결되는 편이었어요. 물론 여기에는 콘텐츠를 제대로 다뤄야 한다는 전제조건이 붙죠.

글쎄?

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

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

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

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

프랑스의 소설가 오노레 드 발자크(Honoré de Balzac)는 1830년 잡지 『라 모드』(La Mode)에 우아함에 관한 성찰로 이뤄진 「우아하게 사는 법」(Traité de la vie élégante)을 게재했다. “문명적이든 원시적이든, 삶의 목적은 휴식이다.”로 시작해 “신체가 찢어진 것은 불행이지만 도덕적 흠은 죄악이다.”로 마무리되는 쉰세 가지 덕목은 200여 년 가까이 지난 오늘날에도 휴식이 필요한 이에게 유효하다. 발자크의 덕목들을 조금 더 우아하게 소개하는 「우아하게」는 민구홍 매뉴팩처링 임직원의 명상을 위한 제품 가운데 하나다. 평소 좋아하는 그래픽 디자인 스튜디오 오디너리 피플의 제안으로 참여한 『디지털 웰니스 스파』에서 선보였다. 발자크의 덕목을 토대로 자신의 우아함을 확인해볼 수 있다.

근사한 사진은 타별 사진관의 작품이다. 의도한 건 아니지만, 당시 일정이 너무나도 살인적었기에 정작 전시장에는 가보지 못했다. 전시를 마련한 오디너리 피플 구성원분들에게 죄송스러울 따름이다.

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

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

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

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

「민구홍 매뉴팩처링 기프트 카드」가 준비돼 있습니다. 취미가 또는 스튜디오 파이에 문의해주시면 감사하겠습니다. 카드에 표시된 비율만큼 기술 지원 비용을 할인해드리며, 카드 판매 수익은 회사에서 지원하는 「새로운 질서」를 운영하고, 새로운 교육 프로그램을 개발하는 데 사용됩니다.

패션 브랜드 thisisneverthat의 활동 10년을 정리한 웹사이트 「thisisneverthisisneverthat」의 데이터베이스를 정리했습니다. 일차적으로 thisisneverthat에서 입력한 데이터를 다시 한번 손보는 일이었죠. 이 웹사이트는 웹사이트나 출판물에 앞서 thisisneverthat, 워크룸, 민구홍 매뉴팩처링에서 손쉽게 협업하며 자료를 정리할 수 있는 시스템으로 고안됐습니다. 그 사이에서 그가 마중물 역할을 해준 덕에 웹사이트와 책이 만들어질 수 있었습니다.

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

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

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

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

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

콘텐츠를 강조하는 가장 단순하고 효과적인 방법이라 생각한다. 대상 주위에 아무것도 범접할 수 없는 여백을 두는 것만으로도 위대해 보인다.

10여 년 전 대학교 4학년 때 사회 생활을 시작하면서 “일이 곧 생활이 돼야 한다.”라는 가르침을 받은 이래 일과 생활을 철저히 구분하는 편이다. 주중에는 열심히 일하지만, 주말에는 웬만하면 약속도 잡지 않고 대부분 집에서 보낸다. 거실 소파에 누워 TV를 많이 보고, 그러다 나른해지면 잠에 빠지곤 한다. 발코니에서 공원을 오가는 사람들을 내려다보거나 함께 지내는 고양이에게 말을 건네며 하염없이 턱 주변을 쓰다듬기도 한다. 집밖에서는 나를 둘러싼 모든 것을 깔끔하게 편집, 즉 통제할 수 있다는 자신감과 강박에 휩싸이지만, 이런 감정은 집 현관문을 여는 순간 사라진다. 집은 관리비나 생활 요금 외에 아무것도 신경 쓸 필요가 없는 가장 편안하고 안전한 공간이다. 최근에 코로나 때문에 외국에서 돌아오신 어머니는 오랜 타향살이보다 2주 동안의 자가 격리 기간이 더욱 고통스러웠다고 말씀하셨지만, 사실 나는 집밖에서 이 답변을 쓰는 지금 이 순간에도 집에 가고 싶은 생각뿐이다. 영화 「새벽의 저주」(Dawn of the Dead)나 「미스트」(The Mist)처럼 좀비나 외계 생명체가 창궐하더라도 피난처로는 쇼핑몰이나 슈퍼마켓보다 집을 택할 것 같다.

디자인 학교에서 강의하다 보면 학생들은 인쇄물과 웹사이트를 비교하려 합니다. 기존 커리큘럼의 영향도 있겠지만, 생산자로서 책이나 포스터 같은 전통적인 인쇄 매체에 익숙하기 때문이죠. 또는 지독히 인쇄물을 사랑하거나요. 웹은 과학자들끼리 효율적으로 논문을 공유할 목적으로 발명됐어요. 역사적으로 웹사이트는 인쇄물에서 출발한 셈이죠. 콘텐츠를 담는 그릇으로서 웹사이트는 태생적으로 인쇄물의 장점을 포섭하고, 게다가 지금도 발전하고 있습니다. 따라서 둘을 같은 출발선상에 놓고 비교하기보다는 인쇄물을 웹의 조상, 웹을 조금 더 진보한 인쇄물로 여기는 편이 이롭습니다. 물론 웹은 책처럼 손에 쥐었을 때 느껴지는 흡족함을 주지 못하고, 책과 달리 영원한 베타 버전이라는 차이가 있지만요.

오늘날 분야를 떠나 모든 생산 활동의 기저에는 크든 작든 생산 주체, 즉 자신을 소개하고픈 소중하고 아름다운 욕망이 자리합니다. 이 점에서는 이우환 선생이나 버질 아블로(Virgil Abloh)나 마포평생학습관에서 개인전을 연 미술가나 별다를 게 없습니다. DDDD 또한 마찬가지 아닐까요? 민구홍 매뉴팩처링에서는 순진하리만큼 그 욕망에 충실하려 합니다. 단지 회사로서 조금 더 의식하고 양식화해 드러낼 뿐이죠.

웹사이트는 강력하지만 동시에 허약한 매체입니다. 만질 수도 없고, 일반적으로 웹 브라우저 없이는 열람할 수조차 없죠. 그리고 세입자가 방을 빌리듯이, 웹사이트도 돈을 내서 도메인의 일정 용량을 사용합니다. 이렇게 되면 한곳에 모든 데이터가 모이죠. 자칫하면 데이터를 관리하는 회사가 정보를 통제하는 위험성이 생기기도 합니다. 이런 문제를 해결하고자 다양한 시도가 이뤄지고 있어요. 예컨대 비커 브라우저(Beaker Browser)를 사용하면 사용자의 컴퓨터는 클라이언트이자 서버가 됩니다. 즉, 사용자는 중앙 서버를 거치지 않고 서로 정보를 주고받을 수 있죠. 데이터를 조각내서 공유하는 토렌트(Torrent)와 유사해요. 웹사이트와 P2P(Peer-to-peer)가 결합한 형태로 인터넷의 탈중앙화를 꾀하는 시도죠. 이렇게 의문을 제기하는 게 중요하다고 생각해요.

웹사이트는 ‘영원한 베타(perpetual beta)’ 버전입니다. 서버를 운영하는 데 돈을 지불하지 않으면 폐쇄되죠. 링크가 깨지는 경우도 많고요. 하지만 웹의 존속은 제작자의 마음에 달려있다고 생각해요. 예컨대 전시나 행사를 위한 웹사이트일 경우, 일정 기간 필요한 정보를 모두 전달하면 더 이상 유지할 필요가 없습니다. 하지만 도록이나 아카이브로 사용하는 웹이라면 오래 존재할 수 있죠. 예컨대 최초의 웹사이트는 30년 넘게 지금까지도 운영 중이에요. 똑같은 내용과 똑같은 형식으로 말이죠. 그래서 웹의 생명이 짧다고 일반화할 수는 없습니다. 필요에 따라서 어떤 웹사이트는 오랫동안 지속하기도 하니까요.

자연스러운 현상입니다.

한글 웹 폰트는 영문보다 글리프가 많으므로 그만큼 용량이 크다. 따라서 웹 브라우저가 파일을 내려받아 렌더링하는 데 시간이 걸릴 수밖에 없다. 비용에 관해서도 이야기해 볼 만하다. 2020년 한 글자체를 웹 폰트로 사용해 보려고 제작사에 비용을 문의해 보니 1,000만 원에 가까웠다. 폰트 파일이 무단으로 유출될 수 있음을 감안한 금액일 텐데, 그럼에도 인쇄물용 라이선스보다 많게는 30배 이상 되는 금액은 사실 납득이 되지 않는다. 폰트 디자이너의 생계와도 관련한 문제겠지만, 구글 폰트(Google Fonts)에 서비스되는 한글 폰트가 더욱 많아지면 좋겠다. 최근에 폰트 디자이너 류양희는 ‘고운바탕’과 ‘고운한글’을, 함민주는 ‘함렡’(Hahmlet)을 구글 폰트에 공개한 바 있다. 노토 산스(Noto Sans)를 기반으로 만들어진 스포카(Spoqa)의 ‘스포카 한 산스’(Spoqa Han Sans)와 길형진의 ‘프리텐다드’(Pretendard)는 특히 완성도가 높다. 상징성 면에서 AG 타이포그라피연구소의 안상수체나 최정호체는 오픈 소스로 공개하면 좋겠는데, 지나친 욕심일까?

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

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

죄송합니다. 일찍이 시인 송승언 씨 또한 같은 상황을 경험하고 분노와 당혹감을 표출한 바 있습니다. 『레인보 셔벗』에 실린 그의 경험담을 읽으며 일단 화를 눅여보시는 건 어떨까요?

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

웹사이트가 소프트웨어처럼 ‘영원한 베타(perpetual beta)’라는 점을 고려하면 ‘유지’라는 표현이 과연 적절할까 싶다. 웹사이트는 마음만 먹으면 언제든 달라질 수 있다. 기존 콘텐츠를 바탕으로, 또 다른 전시나 활동이 가능하다. 슬기와 민 웹사이트의 하단에도 이를 의식한 듯한 문구가 있지 않은가. “이 웹사이트는 영원히 제작 중이다.(This website is forever in the making.)” 최초의 웹사이트가 공개된 이래 지금까지 30여 년 동안 운영되듯 웹사이트를 유지하는 건 운영자의 의지에 달렸다. 온라인 전시도 마찬가지다. 웹사이트는 운영자의 관심에서 멀어지는 순간 죽어가기 시작한다.

미국 브라운 대학교(Brown University) 교수 겸 컴퓨터 과학자 제프 황(Jeff Huang)은 자신의 웹사이트에 「웹에서 콘텐츠를 보존하기 위한 선언문」(A Manifesto for Preserving Content on the Web, 2019–)을 공개하고 틈틈이 업데이트한다. 그는 선언문에서 최신 기술에 기반한 웹사이트일수록 콘텐츠를 보존하기 쉽지 않다는 점을 지적했다. 서버 환경이 조금이라도 달라지면 특정 기술은 아예 작동하지 않는 까닭이다. 그는 일곱 가지 강령을 제안했는데, 첫 번째는 웹사이트를 만드는 데 순수한(vanilla) HTML과 CSS를 사용해보라는 것이다. 물론, 모든 웹사이트에 적용할 수는 없지만, 콘텐츠를 보존하는 측면에서는 분명히 참고해볼 만하다.

이와 관련해 미술계에도 비슷한 예가 있다. 장영혜 중공업이 주로 사용한 기술인 어도비 플래시(Adobe Flash)는 오늘날 허술한 보안, 컴퓨터 성능 저하 등의 이유로 완전히 폐기됐다. 이제 그들의 작업은 일종의 영상으로서 비메오(Vimeo)에 게시된다. 재생 버튼을 누를 필요도 없이 접속하자마자 작품이 작동하는 어떤 짜릿함은 사라졌다. 사랑과 존경을 포함해 이런 사소한 아쉬움을 ‹장영혜 중공업 귀중›을 통해 전하기도 했는데, 아직 답변은 받지 못했다. 처음에는 아쉽고 섭섭했지만, 이제는 다시 한번 편지를 보낼 용기가 생겼다. 제목은 ‹장영혜 중공업 귀중 2›가 적절할 것 같다.

‘열린 문서’와 ‘닫힌 문서’라는 개념이 재미있습니다. 그런 점에서 웹사이트를 표기하는 데 어울릴 만한 기호를 고안해볼 필요도 있겠네요. 앞서 말씀드린 세 꼭짓점 가운데 적어도 하나만 충족시킨다면요.

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

언젠가 한 출판사 관계자와 웹사이트 개편에 관해 이야기를 나누다 비슷한 질문을 받은 적이 있다. “이참에 웹사이트에서 책의 물성을 구현해보고 싶은데… 가능하겠죠?” 그는 순진한 표정으로, 특히 ‘물성’에 힘을 보태 말했다. 이는 책에서 유튜브 영상을 재생하고 싶다는 말과 다르지 않다. 웹에서는 Z축상에 레이어가 아무리 쌓이더라도 두께는 0픽셀이다. 웹상의 물성에 관해 이야기할 수 있는 바는 이뿐이다. 오랜 고민 끝에 출판사 관계자에게는 결국 구글이나 네이버 본사에 문의해보시는 게 좋겠다고 정중히 말씀드렸다.

일반에 공개된 세계 최초의 웹사이트가 30여 년 동안 같은 모습을 유지하는 까닭과 다르지 않습니다.

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