자주 하는 질문

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

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

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

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

네덜란드 아른험에서 그래픽 디자인을 공부하는 한국인 학생으로, 회사에는 두 번째 인턴이다. (첫 번째 인턴은 영광스럽게도 현재 누구보다 활발히 활동하는 송예환 씨였다.) 학교에서는 졸업 학기를 인턴십으로 갈음한고 한다. 인턴십이 실무 현장을 경험해보는 기간일 뿐 아니라 수업의 연장인 만큼 인턴에게는 다음과 같은 임무를 제시했다.

인터넷, 논문, 일간지, 단행본, 잡지, 주위의 소문 등을 통해 민구홍 매뉴팩처링에 관해 조사한 사실을 바탕으로 민구홍 매뉴팩처링이 어떤 회사인지 규정하고, 그에 걸맞는 로고를 제안한다. 이 과정에서 로고는 납작한 그래픽만으로 제한하지 않는다. 즉, 로고는 규정한 바에 따라 덜 납작한 그래픽, 시, 소설, 만화, 음악, 영상 등이 될 수 있다. 단, 로고는 어떤 대상을 상징하거나 은유해야 한다는 기본적인 목적을 벗어나서는 안 된다. 디자이너의 역할에 충실하면서 한편으로는 얼마간 수행적인 이 작업은 네덜란드 밖에서만큼은 가장 까다로운 클라이언트인 민구홍 매뉴팩처링에서 제안을 납득할 때까지 계속된다. 작업의 진행 상황을 정리한 결과물은 인쇄물, 웹사이트 등으로 출판한다. 이는 「인턴 일지」 작성을 포함해 민구홍 매뉴팩처링 인턴으로서 수행할 업무의 고갱이다.

인턴은 자신이 조사한 사실을 바탕으로 로고 없는 회사에 여러 매체를 통해 로고를 제안하면서 여러 매체를 다뤄보고 동시에 (신출내기 그래픽 디자이너에게는 어쩌면 숙명인) 거절당하는 일에 익숙해진다. 한동안 원격으로 일하던 인턴은 코로나 때문에 학교가 문을 닫으면서 갑자기 귀국하게 됐고, 회사뿐 아니라 동시에 회사가 기생하는 워크룸에서 한 달 동안 일했다. 월급은 워크룸에서 받았다. 어찌 보면 이중 기생인 셈인데, 그 덕에 인턴은 앞으로 이력서에 두 회사, 즉 민구홍 매뉴팩처링과 워크룸에서 일했다는 경력을 기입할 수 있게 됐다. 지금은 업무 차 제주도로 출장을 간 상태다. 좋은 일인지는 아직 모르겠지만, 회사나 인턴 모두 코로나 덕에 생각지 못한 경험을 하게 됐다.

한편, 몇 달 전에는 이름을 밝힐 수 없는 회사 두 곳에서 제법 파격적인 조건으로 인수 제안을 받기도 했다. 하지만 당분간은 워크룸에 기생하기로 했다. 회사의 궁극적인 목표가 운영자, 즉 나의 행복이기 때문이다. 두 제안 모두 수락했을 때 불행해지지는 않겠지만, 지금보다 극적으로 더 행복해진다는 보장이 없었다. 방탄소년단의 제이홉도 「Answer: Love Myself」에서 읊지 않았던가.

오, 지금 날 위한 행보는 바로 날 위한 행동 / 날 위한 태도 / 그게 날 위한 행복 / I’ll show you what I got / 두렵진 않아 그건 내 존재니까 / Love myself

상황에 따라 조금씩 다르겠지만, 해결해야 하거나 해결하고픈 문제가 무엇인지 규정하는 일에서 시작한다. 2017년 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』를 번역하고 편집하면서 본받은 방법론이다. 일단 규칙을 잊을 때까지 실천해볼 생각이다. 어쨌든 민구홍 매뉴팩처링의 야망은 분명하고 한결같다. 생화학 무기, 도청 장비, 샤워 커튼을 제외한 좋은 제품(good goods)을 제작하는 것.

예상했을지 모르겠지만 민구홍 매뉴팩처링이다. 티셔츠를 제작하는 데는 민구홍 매뉴팩처링에서 갖추지 못한 또 다른 전문성과 섬세함이 필요하다. 혹시 함께할 동업자를 추천해줄 수 있다면 감사하겠다. 티셔츠를 제작하지 않더라도 생각지 못한 이야기가 시작될 수 있다.

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

열한 살 무렵인 1995년 야후! 지오시티에 첫 웹사이트를 만들었다. 사랑하는 친구를 위해서였다. 마룬색 배경에 그를 행복하게 해줄 글과 이미지 사이로 MIDI 배경음악이 흘렀다. 하지만 2009년 야후!에서 지오시티 운영을 종료하면서 이제 그 웹사이트는 내 꿈속에만 있다. 어쨌든 그 이후로, 반드시 웹사이트의 형태가 아니더라도, HTML, CSS, 자바스크립트를 이용해 나 또는 누군가를 위해 뭔가 만드는 건 내 오랜 즐거움 가운데 하나였다. 내 기준에서 쉽고 저렴할 뿐 아니라 무엇보다도 누구나 쉽게 접근할 수 있기 때문이다. 재미있는 건 20여 년 전에 만든 것과 엊그제 만든 게 크게 다르지 않아 보인다는 점이다. 하지만 공식적으로 민구홍 매뉴팩처링은 웹 디자인 에이전시가 아니다.

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

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

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

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

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

리뉴얼보다는 중간 점검에 가깝다. 민구홍 매뉴팩처링에서는 제품처럼 보이는 것도 제품이지만, 제품처럼 보이지 않는 것, 예컨대 글자, 구절, 문장, 문단, 글, 실행되지 않은 계획, 심지어 길가에 버려진 농구공과 그 옆에 놓인 돌멩이마저 제품이 된다. ‘제품’이라 부르기만 한다면 말이다. 한편, 이 작업에서는 다음을 모토로 삼았다. “과거로 돌아갈 수 없다면 과거를 편집할 수밖에 없다.”

글쎄요. 어쨌든 우리는 그곳을 ‘웹사이트’라 부릅니다. 중세 수도사들이 양피지 위에 겹겹이 글을 써내려간 팔림프세스트(palimpsest)처럼 픽셀 위에 끊임없이 의미를 덧입혀왔죠. 바야흐로 터치나 클릭 한 번으로 세상의 거의 모든 정보가 눈앞으로, 손바닥 안으로 들어오는 시대입니다. 프란츠 카프카(Franz Kafka)의 『변신』(Die Verwandlung) 속 그레고르 잠자처럼 우리는 어느 날 아침 또 다른 존재로 변한 건 아닐까요? 아침에 눈을 뜨자마자 스마트폰으로 뉴스 사이트에서 밤사이 일어난 일을 복기하고, 출근길 지하철에서는 날씨 애플리케이션으로 오늘의 기온을 확인하고, 점심시간에는 맛집을 검색하고, 퇴근한 뒤에는 넷플릭스나 유튜브에서 영화 한 편으로 하루를 마무리하죠. 그럼에도 그 언저리에 늘 웹사이트가 있음을 인식하기란 좀처럼 쉽지 않습니다.

파격이란 건 익숙함이 있기에 성립할 수 있겠죠. 제 욕망 때문이라기보다는 그게 콘텐츠에 부합하는 방식이라는 생각. 디자인은 웹 초창기에 이미 존재했어요. 제게는 아주 평범한 모습이죠. 웹이라는 기술이 소개된 지 얼마 되지 않았을 때 사람들은 다양한 방법으로 자신만의 공간을 만들었죠. 기술도 부족하고 시각적인 규칙도 성립되지 않았기 때문에 결과물은 제각각이었어요. 민구홍 매뉴팩처링의 기술을 거친 웹사이트들은 파격적인 시도라기보다는 잠시 잊힌 평범한 웹을 변주하거나 재해석한 결과에 가까워요.

슬기와 민의 최성민 선생님 권유로 미국의 전설적인 그래픽 디자이너 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』를 번역한 적이 있는데, 이 책에는 “흥미로운 말에는 시시한 그래픽이 필요하다. 시시한 말에는 흥미로운 그래픽이 필요하다.”라는 구절이 나와요. 말과 그래픽이 조응하는 데는 균형이 필요하다는 뜻이죠. 저는 그래픽보다 말이 흥미로운 걸 좋아해요. 그러다 보니 말을 어떻게 다뤄야 할지 고민하는 데 시간을 쏟는 편입니다. 민구홍 매뉴팩처링을 거친 웹사이트들은 사실 기초적이고 기본적인 기술을 응용한 결과예요. 코드만 보면 누구나 따라 할 수 있을 정도죠. 이것들이 파격적으로 느껴지는 것도 그래픽보다는 말 때문일 겁니다.

수차례 밝혀왔듯 민구홍 매뉴팩처링은 웹 디자인 에이전시가 아닙니다. 저는 웹사이트를 디자인한다기보다 그저 제가 좋아하고 잘하는 방식으로 글을 쓰고 편집한다고 생각해요. 그 결과물 가운데 하나가 웹사이트인 거죠. 그게 용케도 누군가의 욕망에 부합하는 거고요. 많지는 않지만 이런 방식을 사랑해주시는 고객들 덕에 민구홍 매뉴팩처링은 지금까지 근근이 생존할 수 있었죠.

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

「새로운 질서」는 웹을 이루는 기본적이고 기초적인 컴퓨터 언어인 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 자바스크립트(JavaScript, JS)를 도구 삼아 정보에 새로운 질서를 부여하며 매체가 변화하는 국면을 주도해보는 강좌다. 그리고 다음 물음에 따로 또 같이 답해본다. “웹이 우리의 행복에 어떻게 이바지할 수 있을까?” 수강자는 대개 기존의 학교 수업이나 온라인 강좌에서 부족함을 느껴온 분들이다. 사정상 수강할 수 없는 분들을 위해 온라인 교수법을 시도해보기도 했지만, 교육은 서로 마주보고 눈을 맞추며 이뤄지는 게 좋은 것 같다. 그게 아무리 웹에 관한 강좌라 할지라도 말이다. 물론 반드시 마스크를 착용하고, 수시로 손 세정제로 손을 씻지만, 강좌가 끝난 뒤에는 늘 자기 반성의 시간이 찾아온다.

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

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

두 문장이면 족하다. 민구홍은 옷 한 벌에 100만 원 이상 투자하지 않습니다. 무엇보다 민구홍은 발목 양말이나 페이크 삭스를 신지 않습니다.

안타깝지만 이미 늦었습니다. 그런 욕망을 품은 건 비단 저희뿐이 아닌 것 같습니다. 조너선 바실(Jonathan Basile)이 만든 다음 웹사이트는 보르헤스의 바벨의 도서관을 웹상에서 가뿐하게 구현합니다.

조너선 바실은 이 도서관의 사서를 자임합니다. 어느 날 그는 침대에 누워 있다가 온라인 바벨의 도서관에 관한 생각을 떠올렸고, 이를 위해 상상할 수 있는 것보다 훨씬 더 많은 저장 공간이 필요하다는 것을 깨달았죠. 이 한계를 우회하기 위해 바벨의 도서관을 시뮬레이션하는 알고리즘을 설계했습니다.

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

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

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

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

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

기생은 자연스럽게 결정된 회사의 생존 전략이다. 콘솔 게임 제작사 너티독(Naughty Dog)의 「라스트 오브 어스(The Last of Us)」 시리즈에는 온갖 ‘감염자(The Infected)’가 등장한다. 그들은 동충하초처럼 인간의 몸을 잠식해 숙주를 조종한다. 인간이 없다면 동력을 얻지 못한다. 민구홍 매뉴팩처링 또한 마찬가지다. 부족한 용기와 자본을 숙주를 통해 해결한다. 숙주에 노동력과 얼마간의 즐거움을 제공하는 대신 운영자가 받는 월급으로 운영비를 충당하고, 컴퓨터, 테이블, 커피 머신 등 숙주의 동산과 부동산을 이용하는 식이다. 그 덕에 영원히 알고 싶지 않은 세금과 관련한 문제도 자연스럽게 해결된다. 이따금 숙주를 떠나 독립을 하거나 사업자 등록증을 발급받으라는 요구를 받기도 하지만, 그러는 순간 민구홍 매뉴팩처링은 폐업을 신고하는 것과 마찬가지다. 워크룸을 떠나 구글이나 테슬라에 기생하는 일이 있더라도 민구홍 매뉴팩처링이 독립하는 건 상상하기 어려운 일이다. 한편, 이런 상황임에도 최근에는 네덜란드에서 찾아온 인턴이 일하고 있다.

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

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

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

<a> 태그입니다. 콘텐츠에 하이퍼링크를 만들어 다른 콘텐츠와 잇는 태그로, 웹을 웹답게 만드는, 웹의 산소 같은 존재죠. 인쇄물과 웹사이트를 구별짓는 대표적인 태그이기도 해요. 인쇄물에서 각주, 방주, 미주에 불과했던 콘텐츠는 <a> 태그 덕에 웹에서 새로운 지위를 획득했으니까요. a는 ‘닻(anchor)’를 뜻해요. 여러 해석이 있지만, 저는 웹사이트에서 하이퍼링크를 클릭했을 때 그곳에 닻을 내리고 다른 곳으로 이동한다고 생각해요.

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

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

물론입니다. 웹사이트는 개발자나 웹 디자이너만이 만들 수 있는 게 아닙니다. 그럴 수도, 그럴 필요도 없고요. 즉, 웹사이트는 모두를 위한 매체입니다. 웹사이트를 만들기 위해서는 기본적으로 코드(Code)로 컴퓨터와 대화해야 하고, 이를 위해서는 컴퓨터 언어가 필요하죠. HTML(HyperText Markup Language)을 비롯해 CSS(Cascading Style Sheets), 자바스크립트(JavaScript)는 단순한 컴퓨터 언어가 아니라 시인의 펜이자 작곡가의 악보입니다. 자연어의 문법이 주어, 동사, 목적어로 세계를 구축하듯 웹상에서 HTML은 태그로, CSS는 선택자와 속성으로, 자바스크립트는 함수와 변수로 세계를 구축합니다. 나아가 세 언어는 저마다 고유한 특성을 지닙니다. HTML은 구조를 맡습니다. 건축가가 건물의 뼈대를 세우듯 HTML은 웹 페이지의 기본 구조를 만듭니다. CSS는 스타일을 맡습니다. 화가가 캔버스에 색을 입히듯 CSS는 웹 페이지에 시각적 아름다움을 더합니다. 자바스크립트는 기능을 맡습니다. 작곡가가 음표로 멜로디를 만들듯 자바스크립트는 웹 페이지에 생동감을 불어넣습니다. 시의 운율, 비유, 이미지가 어우러져 하나의 시를 완성하듯 세 언어는 서로 긴밀히 연결돼 하나의 작품을 만들어냅니다. 그리고 이 과정은 그 자체로 순수한 창작 행위죠.

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

잘 모르겠다.

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

「새로운 질서」가 ‘현대인을 위한 교양 강좌’를 표방하는 만큼 오히려 디자이너가 아닌 분들의 비율이 더 높아요. 학생, 회사원, 미술가, 음악가… 한번은 스님도 오셨죠. 「새로운 질서」가 웹 디자인을 가르치는 강좌였다면 지금과는 전혀 다른 모습이었을 거예요. 「새로운 질서」에서는 웹사이트를 만드는 가장 쉬운 방법에 초점을 맞춥니다. 오늘날 등장한 첨단 기술과 견주면 분명히 시대착오적일지 모릅니다. 새로운 가지가 돋아나죠. 한편, 「새로운 질서」에서는 컴퓨터 언어를 다루는 일, 즉 코딩(coding)을 ‘실용적이고 개념적인 글쓰기’로 바라봅니다. 그래픽 소프트웨어에 자리한 툴바와 아이콘 대신 그저 커서가 깜박이는 텍스트 에디터상에서 이뤄지는 코딩이 글쓰기와 전혀 다르지 않은 까닭이죠. 웹사이트를 만드는 건 낯선 언어를 익혀 시나 소설을 쓰는 일과 비슷하죠. 「새로운 질서」의 의도는 웹사이트를 만드는 기술을 익히는 것보다 이를 통해 자신을 향한 사랑을 확장하는 데 있습니다. 자신을 도저하게 사랑할 수 있다면, 남 또한 도저하게 사랑할 수 있지 않을까요? 여기서 웹사이트는 어쩌면 맥거핀에 불과할지 몰라요.

안타깝게도 없습니다. 민구홍 매뉴팩처링은 숙주를 떠나는 순간 폐업할 수밖에 없는 운명입니다. 수많은 요청에도 사업자 등록증을 발급받지 않은 까닭입니다. 코로나19 이후 많은 산업의 기반이 흔들리는 오늘날 회사가 생존할 가능성을 키우는 마지노선입니다.

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

• 『시청각 문서 1-[80]』
• 『인덱스카드 인덱스 1』
• 『감옥에서 쇼핑하기』
• 『문예 비창작』
• 『스페인 연극』
• 『포스트 인터넷』
• 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』
• 『자습서』
• 『BIC 카탈로그』
• 『3M 카탈로그』
• 『유라인 카탈로그』

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

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

소소하기는 하지만 5년여 동안 워크룸 안팎에서 추억을 쌓은 분들에게 소식을 알리고 싶었다. 신년 인사도 겸하고. ‘asdf’에 관해 설명하려면 많은 시간이 필요하다. 그전까지는 asdf 애호가들이 운영하는 asdf.com을 참고하면 좋겠다.

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

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

제품의 형식은 물론이고, 내용의 아름다움, 형식과 내용을 연결하는 맥락과 국면을 편집하는 것을 중요하게 생각합니다. 이는 글뿐 아니라 책, 웹사이트, 게임, 웹 브라우저 확장 프로그램, 리코타 치즈 같은 제품에서도 다르지 않습니다.

질문의 의도를 짐작해서 답변하자면 업적보다 덜 알려진 것 같기는 하다. 그런데 우리가 어떤 제품을 사용할 때 그 제품의 역사를 속속들이 알지 못하고, 굳이 그럴 필요도 없듯이 많은 사람이 최정호를 잘 모른다고 해서 아쉬워할 필요는 없는 것 같다.

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

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

내가 생각하는 종이책의 귀중한 유산은 종이 위, 즉 제한된 평면에서 콘텐츠를 정리하고 소개하는 방식이다. 이 방식에는 필사가, 편집자, 인쇄인, 디자이너, 인지과학자 등 수많은 전문가의 성공과 실패가 쌓여 있다. 그 덕에 우리는 콘텐츠와 눈 사이에 따른 적절한 글자 크기를, 그에 따른 적절한 글줄 길이를, 그에 따른 적절한 글줄 수를 이야기할 수 있게 됐다. 이 점을 생각하면 웹사이트뿐 아니라 콘텐츠가 자리한 수많은 매체에서 이 방식이 재현되거나 활용되는 건 전혀 이상하지 않다. 누군가에게 종이 책의 죽음은 당연한 미래일지 모르지만, 종이 책에서 비롯한 이 방식만큼은 변함없으리라.