자주 하는 질문

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

콘텐츠를 제어하는 방식에 따라 구분하면 정적(static) 웹사이트와 동적(dynamic) 웹사이트가 있겠다. 정적 웹사이트에서 콘텐츠는 말 그대로 고정적이다. 파일을 교체하지 않는 이상 언제나 그대로다. 동적 웹사이트에서는 클라이언트의 요청에 따라 백엔드를 통해 생성되고, 콘텐츠가 담긴 웹 페이지는 상황에 따라 달라진다. 한편, 콘텐츠의 분량에 따라 구분하면 ‘포스터식 웹사이트’와 ‘넷플릭스식 웹사이트’가 있겠다. 한두 페이지만으로 이뤄진 포스터식 웹사이트는 콘텐츠의 분량이 많지 않은 경우에 적합하다. 포스터식 웹사이트에서 콘텐츠를 열람하는 방식은 스크롤이다. 콘텐츠의 분량이 많다면 넷플릭스식 웹사이트가 적합하다. 이 웹사이트는 크게 콘텐츠를 한눈에 훑어볼 수 있는 인덱스 페이지와 콘텐츠의 세부 페이지로 나뉘는데, 온라인 전시뿐 아니라 포트폴리오 등 많은 웹사이트가 여기에 속할 수 있다. 어떤 기능이 탑재되는지에 더욱 세분화할 수 있지만, 일반적으로 정적 웹사이트는 포스터식 웹사이트에, 동적 웹사이트는 넷플릭스식 웹사이트에 적합하겠다.

바야흐로 2022년이다. 게다가 당신은 2023년이 도래하기 전에 파산하거나 세상을 떠날지 모른다. 이쯤이면 그전에 어떤 방식으로든 민구홍 매뉴팩처링과 함께 추억을 쌓아볼 마음이 일지 않는가?

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

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

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

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

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

VISLA와 민구홍 매뉴팩처링의 컬래버레이션. 그리고 욕조 설치. 불과 몇 년 전 욕실을 리모델링하면서 호기롭게 욕조를 철거했는데, 따뜻한 물에 몸을 담그는 일이 이렇게까지 어려워질 줄은 시진핑(習近平) 주석과 그의 핵심 측근을 제외하면 누구도 예상하지 못했을 것이다.

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

모든 생산 활동의 기저에는 어떤 대상, 나아가 자기 자신을 소개하고픈 욕망이 있습니다. 이 욕망 앞에서는 이우환 선생님이나 버질 아블로, 마포평생학습관에서 첫 개인전을 연 미술가는 서로 다를 게 없죠. 게다가 소개는 절차상 반드시, 그리고 어차피 해야 할 일이죠. 그 일에만 집중하더라도 이야기는 시작될 수 있다고 믿습니다. 소개가 문제적인 까닭입니다. 민구홍 매뉴팩처링은 이 욕망을 조금 더 의식하고 양식화한 결과물이에요. 김창열 선생님에게 탐구해야 할 대상이 ‘물방울’이었다면, 민구홍 매뉴팩처링에는 ‘소개’인 셈이죠.

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

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

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

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

10년 정도 무언가를 만들다 보니 세 가지로 좁혀지는 듯합니다. 하나는 제약입니다. 제약이 없다면, 그리고 제약을 인식하지 못한다면, 아무것도 시작할 수 없습니다. 다른 하나는 내용입니다. 내용 없는 형식은 공허하니까요. 나머지 하나는 형식입니다. 형식 없는 내용은 존재할 수 없으니까요.

시적 연산 학교의 마지막 과제가 자신이 만들고픈 학교를 기획하는 거였어요. 저는 ‘리코타 인스티튜트(Ricotta Institute)’를 제안했는데, 4주에 걸쳐 리코타를 만들고, 리코타에 관한 글을 쓰고, 그 글을 실은 웹사이트를 만들고, 마지막으로 리코타를 마케팅하는 방법을 배우는 학교죠. 그때는 리코타, 글쓰기, 코딩, 마케팅이 오늘날 산업을 작동시키는 요체라고 생각했거든요.

「새로운 질서」는 언젠가 문을 열 리코타 인스티튜트의 프로토타입 같은 거죠. 2016년 크리스마스 이튿날 워크룸에서 열린 비공식 워크숍에서 시작해 파주타이포그라피배곳 강의, 여러 특강과 워크숍을 거치면서 커리큘럼이 다듬어졌어요. 2019년부터는 박현정, 돈선필 씨 같은 젊은 미술가들이 운영하는 스튜디오 파이와 취미가의 아낌 없는 지원 덕에 지금 같은 모습으로 확장할 수 있었고요.

마포구 성산동에 있는 스튜디오 파이에서 6주 동안 진행하는 「새로운 질서」는 웹 디자인 강좌는 아니에요. 기술로서 디자인을 다루기도 하지만 글쓰기 강좌에 가깝죠. 「새로운 질서」에서는 ‘실용적이고 개념적인 글쓰기’의 관점으로 코딩을 이야기합니다. 먼저 자신을 바라보며 자신의 관심사에 관해 글을 쓰고, 차례로 HTML, CSS, 자바스크립트를 도구 삼아 콘텐츠에 새로운 질서를 부여해보죠. 중간중간 인터넷과 웹의 역사, 견지해야 할 태도, 넷 아트, 컴퓨터 언어 자체에 관한 이야기도 하고요. 그러다 보면 적어도 이런 웹사이트는 별 어려움 없이 만들 수 있게 됩니다. 예습과 복습을 철저히 한다면 말이죠.

「새로운 질서」에서 함께 추억을 쌓은 분들이 ‘새로운 질서 그 후…’라는 느슨한 컬렉티브를 꾸렸는데, 최근 국립현대미술관에서 주관하고 현대자동차에서 후원하는 ‘프로젝트 해시태그’ 사업에 선정되는 쾌거를 이루기도 했죠. 후문에 따르면, 심사위원이었던 히토 슈타이얼(Hito Steyerl)이 적극적으로 추천했다고 해요. 오는 11월이면 그들이 고민하고 즐긴 결과물을 볼 수 있겠죠? 며칠 전 국립현대미술관에서 워크숍을 진행하면서 그들의 작업 상황을 엿볼 수 있었는데, 이번 전시가 그들에게 기억에 남을 만한 추억이 되기를 기원합니다.

최근에는 난지미술창작스튜디오 입주 작가분들을 대상으로 4주 동안 워크숍을 진행하기도 했죠. 지금은 사회적 거리 두기가 4단계로 격상하면서 잠시 문을 닫았어요. 온라인으로라도 개인 과외를 받고 싶다는 문의가 들어오기도 하지만 거절하고 있습니다. 기술을 다루더라도 서로 마주보며 이야기하는 시간이 중요하다고 생각해요. 자매학교로는 미국의 그래픽 디자이너 로럴 슐스트(Laurel Schwulst)와 존 프로벤처(John Provencher)가 운영하는 프루트풀 스쿨(Fruitful School)이 있습니다.

넷 아트처럼 웹사이트를 새로운 문학적, 예술적 매체로 바라보는 시각과 실천은 ‘하이퍼텍스트’(Hypertext)라는 개념과 밀접합니다. 1965년 테드 넬슨(Ted Nelson)이 처음 제안한 이 개념은 25년여 뒤 웹이 등장하면서 비로소 잠재력을 발휘하기 시작했죠. 요컨대 하이퍼텍스트는 선형적 구조를 탈피한 텍스트입니다. 독자는 작가가 정해둔 순서대로 작품을 읽는 게 아니라 하이퍼링크를 통해 자유롭게 텍스트 사이를 이동합니다. 보르헤스의 「끝없이 두 갈래로 갈라지는 길들이 있는 정원」(El jardín de senderos que se bifurcan)처럼 무한히 분기하는 이야기의 구조가 현실화한 셈이죠. 한 가지 특별한 차이점이 있다면 사용자가 마주한 길이 두 갈래가 아니라 그 이상이라는 사실이죠.

사실상 없다. 코로나와 무관하게 민구홍 매뉴팩처링의 태도는 한결같다. 요컨대 웹을 이루는 기초적이고 기본적인 기술, 즉 HTML(HyperText Markup Language)과 CSS(Cascading Style Sheets)를 중심으로 다른 컴퓨터 언어를 제약 안에서 맥락에 따라 강박적일 만큼 순수하게, 때로는 순수할 만큼 변칙적으로 구사하려 한다. (물론 필요하다면 최첨단 기술을 도입하기도 한다. 경우에 따라 시간이 많이 걸리겠지만.) 여기에는 앞에서 밝힌 기술을 향한 어떤 까닭 모를 믿음, 즉 기술 자체가 아니라 어떻게 규정하고 사용하는지와 관련이 있다. 그래픽 디자이너가 인디자인의 모든 기능을 속속들이 사용하지 않는, 또는 그럴 필요가 없는 까닭과도 같다. 콘텐츠가 아름답다면 콘텐츠를 담은 그릇은 특별한 장식이나 장치 없이, 심지어 아무것도 건드리지 않아도 자연스럽게 특정한 아우라를 지닌다고 믿는다. 즉, 이번 결과물이 해적단에게 유의미하거나 성공적이었다면 모든 공은 해적단 몫이다.

웹사이트든 인쇄물이든 가독성은 허울만 좋은 개념이라고 생각합니다. 가독성의 기준이 사람마다, 또 자신이 놓인 위치마다 다르기 때문이죠. 저만 해도 생산자로서는 명확한 원칙에 따른 정제된 타이포그래피를 추구하려 하지만, 이는 사실 자기 만족에 가깝습니다. 소비자의 입장에서는 가독성을 전혀 따지지 않거든요. 반드시 읽고 싶은 콘텐츠는 어떻게든 읽게 되지 않나요? 가독성을 따지기를 좋아하는 누군가 제가 좋아하는 책이나 웹사이트를 보면 할 말이 많을 거예요. 그럼에도 제가 즐겨 읽고, 즐겨 찾는 이유는 다른 데 있죠. 한편, 웹사이트에서는 생산자가 고심 끝에 부여한 시각적 질서가 제대로 작동하지 않는 경우가 왕왕 있습니다. 기본적으로 소비자가 웹 브라우저상에서 글자 크기를 제어할 수 있으니까요. 조금 더 능동적인 소비자는 확장 프로그램 등을 이용해 아예 자신의 취향에 맞게 글자체, 글자 크기, 글줄 사이 공간 등을 커스터마이징한 CSS 파일을 웹 브라우저에 탑재하기도 하고요. 이런 상황에서 따져봐야 할 건 가독성이 아니라 가독성 이전 또는 너머의 무엇 아닐까요?

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

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

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

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

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

루나 엠버시(Lunar Embassy)를 통해 달에 1에이커(약 1,224평)짜리 부동산을 마련해두긴 했습니다. 일론 머스크 관련 기사도 틈틈이 챙겨보죠. 최근(2021년 4월)에는 이런 말을 했더군요.

솔직히 초기엔 많은 사람들이 죽을지도 모른다. 이는 영광스러운 모험이자 놀라운 경험이 될 것이다. 불편하고 입맛에 안 맞게 들릴 수도 있지만, 당신도 죽을 수 있다.

몇 번 시도해봤지만 아무래도 지나치게 몰입하게 됩니다. 남들에게 주목받기 위해 공연한 이야기를 하게 되고요. 꼬마 때부터 인터넷을 사용하면서 경험한 바예요. 처음에는 재미있지만 나중에는 결국 그만두게 되더라고요. 그럼에도 실용성을 따지면 완전히 멀리할 수는 없기에 결국 소셜 미디어, 특히 인스타그램에서도 워크룸의 계정에 기생하기로 했죠. 팔로워 수도 적지 않은 만큼 파급력도 무시할 수 없고요. 이처럼 누군가의 명성에 기대는 것도 회사를 소개하는 방식 가운데 하나입니다.

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

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

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

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

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

좋은 질문이다. 국립국어원에서 정한 한글 맞춤법과 외래어 표기법을 되도록 준수하려 한다. 온라인과 오프라인에서 여러 프로젝트를 경험해 본 바로는 기본에 집중하다 보면 결과물은 자연스럽게 도출되기도 한다. 그리고 웹 브라우저의 기본 글자 크기가 16픽셀인 점에 의문을 품지 않는다. 나머지는 작업마다 달라지는 세칙일 뿐이다.

이야기를 할 때 가장 먼저 무엇을 이야기할지 결정한 뒤 어떻게 이야기할지 고려해야 하듯 디자인 또한 결국 필요한 일이다. 다만, 디자인 이전에 무엇을 디자인할지, 즉 무엇을 이야기할지 결정해야 한다. 그에 따라 자연스럽게 디자인의 범위가 결정된다. 예컨대 디자인의 범위가 무척 협소한 세계를 떠올려볼 법하다. 일반 검색 엔진으로는 검색이 불가능한 다크 웹(Dark Web)상에서는 위조지폐, 무기, 마약, 음란물 거래를 비롯해 청부살인, 공문서 위조 등 수많은 범죄 행위가 일어나곤 한다. 이곳에 자리한 웹사이트들은 ‘어떻게’보다는 ‘무엇’에 집중한 이야기들이다. 웹사이트 방문객에게는 ‘어떻게’가 별로 중요하지 않은 까닭이다. ‘어떻게’에 공을 들인, 즉 디자인이 근사한 웹사이트는 오히려 방문객에게 의심의 눈초리를 받기 쉬울 테다.

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

회사 여건에 따라 언제든 수정될 가능성이 있지만, 2015년 시청각에서 열린 단체전 『/문서』(/documents)에 발표한 어드벤처 게임 「민구홍 매뉴팩처링에 오신 것을 환영합니다」를 업데이트해 배포할 예정입니다. 이와 더불어 제품의 보도 자료를 모은 책인 『보도 자료』를 기획 중입니다. 한편, 회사가 웹 디자인 에이전시는 아니지만, 웹 기반 제품에 조금 더 집중해볼까 합니다. 웹은 상대적으로 적은 노동력으로 제품을 제작할 수 있는 환경이자 접근하기 쉬우면서 유용하고, 무엇보다 앞으로 더욱 많은 사람이 잠들기 전에 가장 마지막으로 마주할 대상이 될 테니까요.

글쎄요. 어쨌든 우리는 그곳을 ‘웹사이트’라 불렀습니다. 하지만 이제 이 말이 사전적으로 규정하는 바는 조금 협소해 보입니다. 웹사이트의 내일은 기술과 인간이 만나는 지점에 있습니다. 여전히 웹사이트는 정보와 예술, 기술과 인문학이 어우러진 공간이 될 테고, 우리는 이곳에서 새로운 문화를 만들고, 새로운 사고방식을 발전시키며 우리가 존재하는 새로운 방식을 모색할 수 있지 않을까요? T.S. 엘리엇의 말마따나 “우리는 출발점으로 돌아와 그곳을 처음으로 알게 된다.” 우리가 웹사이트를 통해 마주하는 경험도 이와 다르지 않습니다. 그리고 끝없는 디지털 공간을 배회하다 보면 우리가 알게 되는 건 결국 나 자신, 나아가 우리겠죠.

너무 사적인 질문 같습니다. 조금 더 친해지면 말씀드릴게요.

기술적으로는 다른 점이 없다. 지난 해 일론 머스크(Elon Musk)가 스타링크(Starlink) 프로젝트를 본격화했지만, 여전히 대륙과 대륙을 연결하는 해저 케이블 없이는 인터넷에 제대로 접속할 수 없고, 이따금 상어나 향유고래가 케이블을 물어뜯어 손상을 입히기라도 하면 인터넷은 먹통 신세가 된다. (물론 그럴 일은 거의 없다.) 게다가 웹은 인터넷과 웹 브라우저 없이는 제대로 열람할 수조차 없는, 제약이 분명한 매체다. 그럼에도 웹은 거의 누구나 매일 잠들기 전에 마지막으로 마주하는 대상이기도 하다.

다른 점은 기술 밖 또는 너머에 있을 것이다. 기술은 말 그대로 기술일 뿐, 중요한 바는 그것을 어떻게 규정하고 사용하는지에 있다. 해적단에서는 웹을 ‘국제법상 어떤 나라의 영토에도 포함되지 않은 지역’, 즉 무주지(無主地)로 규정했는데, 이 점에서 착안해 비커 브라우저(Beaker Browser)를 이용해보려 했다. 이 브라우저를 사용하면 컴퓨터는 클라이언트이자 서버가 된다. 즉, 브라우저 사용자는 중앙 서버를 거치지 않고 서로 정보를 주고받을 수 있다. 웹사이트와 P2P(peer to peer)가 결합한 형태로서 인터넷의 탈중앙화를 꾀하는 시도인데, 실제 작업에 적용하지는 못했다. 이런저런 테스트를 해보기에는 작업 시간이 썩 넉넉하지 않았고, 브라우저가 아직 베타 버전인 탓도 있었다. 아쉬울 따름이다.

어쩔 수 없는 경우가 아니면 사용하지 않는다. 전 세계 웹사이트 가운데 3분의 1이 워드프레스로 제작된다지만 지나치게 무겁다고 느낀다. 집 근처 공원으로 나들이를 가는데 KTX를 타려는 꼴이다. 게다가 워드프레스의 플러그인은 다양하고 사용하기 편리하지만 유지 보수 면에서는 최악에 가깝다. 그 탓에 워드프레스 공식 웹사이트 하단에 실린 문구인 “Code is poetry.”마저 지나치게 서정적으로 느껴진다. 민구홍 매뉴팩처링에서는 워드프레스의 단점을 극복해 오픈 소스를 자체적으로 커스터마이징한 「매니지먼트」(Management)를 사용하고, 고객들에게도 적극적으로 권하는 편이다. 구체적인 건 고객으로서 직접 경험해보는 편이 어떨까? 물론 콘텐츠와 코드를 한땀 한땀 입력하는 하드 코딩이 시간을 가장 절약하는 방식일 때도 있다.

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

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

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

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

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

가능하다면 이 질문에는 또 다른 질문으로 답하고 싶다. 종이 책과 웹사이트가 섞일 필요가 있을까? 본디 웹사이트는 과학자들끼리 논문을 효율적으로 공유하기 위해 발명됐다. 논문에서 각주, 방주, 미주에 불과한 정보는 파란색 밑줄이 그어진 하이퍼링크(hyperlink) 덕에 클릭이나 터치 한 번으로 열람할 수 있는 ‘진짜’ 정보가 됐다. 웹사이트는 종이 책에서 비롯해 종이 책의 부족한 점을 보완한 결과물이다. 즉, 진화한 종이 책이다. 따라서 종이 책과 웹사이트를 같은 선상에 놓고 비교하려 하면 질문은 공회전할 수밖에 없다.

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

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

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

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

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

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

이제 웹사이트를 매체로 삼는 작가 또한 엄연히, 그리고 마땅히 연희문학창작촌에 입주할 때입니다. 웹사이트를 문학답게 문학으로 포섭하는 것, 문학이 ‘오늘’과 어깨동무하는 또 다른 방법이라 생각합니다. 그게 제2, 제3의 한강이 아닌 새로운 무언가를 만드는 길일 테고요.

웹사이트를 예술적 매체로 바라보는 관점은 흥미로운 동시에 여러 도전과 마주합니다. 이는 기술과 예술, 상업성과 창의성, 접근성과 실험성 사이의 긴장을 낳지만, 이 긴장은 웹사이트를 더욱 풍부하고 다채로운 매체로 만들어주죠.

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

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

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