자주 하는 질문

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

보안관님, 피트 마텔 씬데요, 음, 전화 돌려드릴게요. 빨간색 의자 옆 테이블에 놓인 전화기로요. 벽에 붙은 빨간색 의자요. 테이블 위엔 램프가 있고요. 그 왜, 전에 우리가 저쪽 구석에서 옮긴 램프 있잖아요. 전화기는 갈색 말고, 검은색이요!

1990년대를 풍미한 미국 드라마 「트윈 픽스」(Twin Peaks)의 등장인물 루시 모런(Lucy Moran)의 역사적인 첫 대사다. 이는 「새로운 질서」의 모토이기도 하다. 보안관 사무실에서 비서로 일하는 루시가 보안관에게 전화를 돌려주는 모습에서 드러나는 것은 어떤 대상(여기서는 전화기)에 대한 편집증적인 집중이다. 내게 그 대상은 이따금 아무리 우스꽝스러워 보일지라도 무엇보다 나 자신이다.

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

바이러스나 인간, 어느 쪽이든 세계를 구원하는 일이 세계를 출력해 저장하는 일처럼 쉽고 간단하면 좋겠습니다.

물론입니다. 과목을 떠나 교육이 목적이라면 이미지를 포함해 마음껏 활용하셔도 좋습니다.

그래픽 디자인 스튜디오 겸 출판사에서 편집자로도 일하는 만큼 글자에 예민하고, 저보다 훨씬 더 예민한 동료들과 평일 대부분을 보냅니다. 며칠 전에는 “잘못된 띄어쓰기와 적절하지 않은 글자 사이 값 가운데 무엇이 콘텐츠에 더 치명적인가?”라는 주제로 가벼운 토론이 벌어지기도 했어요. 거칠게 말해 띄어쓰기는 콘텐츠의 구조와 체계, 글자 사이 값은 콘텐츠의 시각적 아름다움에 관한 문제죠. 결론은 입장이나 업무에 따라 다를 수 있습니다. 스노비즘일 수도 있겠지만, 글자를 다룰수록 이렇듯 글자뿐 아니라 글자를 둘러싼 세세한 부분에서 즐길 거리가 눈에 띕니다. 국적보다는 순전히 개인의 취향 때문일 텐데, 이는 제가 미국인이나 일본인이었어도 마찬가지였을 거예요. 하지만 오로지 글자만 즐기는 것도 별로 건강해 보이지 않습니다. 그래서 나름대로 균형을 맞추기 위해 주말에는 운동을 하거나 TV를 많이 봅니다. 낮잠을 자기도 하고요. 그렇지 않으면 글자에 대한 흥미가 금방 줄어들 것 같아서요.

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

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

출판 분야에서는 ‘편집’이 대개 교정, 교열 같은 협소한 의미로 사용되곤 하지만, 나는 편집을 창작을 포함한 (또는 창작과는 차원이 조금 다른) 행위로 간주하는 편이다. 실제로 그렇기도 하고. 내가 ‘편집’(editing)이라는 일을 의식한 건 1990년대 초 처음 컴퓨터를 접하고 한창 게임에 몰입하던 시절이었다. 흔히 ‘게임 에디터’로 통칭하는 소프트웨어를 이용하면 게임의 데이터베이스를 조작해 게임 속 캐릭터의 능력치뿐 아니라 게임 자체를 수정할 수 있었다. 즉, 내가 처음 접한 편집은 ‘어떤 공고한 틀을 그 안팎에서 지배해 국면을 제어하는 일’이었다. 이 생각은 지금도 크게 다르지 않다. 책을 만들거나 민구홍 매뉴팩처링을 운영할 때뿐 아니라 웹사이트를 구축하거나 이따금 미술관에 제품을 선보일 때도 편집자의 마음으로 임한다.

『빅이슈』가 독자에게 더욱 관심과 사랑을 받아 이번 호가 여느 때보다 많이 판매되기를 바랍니다. 일차적으로 그만큼 ‘빅판’의 수익이 늘고, 어느 정도는 회사를 홍보하는 데 도움이 될 테니까요. 이는 누군가 불행해지지 않으면서 누군가 행복해지는 일 가운데 하나입니다.

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

요컨대 적절한 시간에 일어나 적절한 시간에 식사하고 적절한 시간에 운동하고 적절한 시간에 자는 것. 그리고 무엇보다 이런 적절함을 확보하는 데 적절한 에너지를 소비하는 것. 모자란 잠을 커피나 에너지 드링크, 서툰 자기최면 등으로 채우는 건 한 달에 한두 번이면 족하다. 생활의 나머지 요소는 체리 한 알과 비슷하다. 다른 체리들과 함께 바구니에 담길 수도, 무르고 터져서 악취와 끈적한 자국을 남길 수도 있다. 내가 지금 이렇게 생활하고 있는지는 잘 모르겠지만, 여기에 민구홍 매뉴팩처링이 어느 정도 기여하는 건 분명하다. 생크림 케이크 꼭대기에서 말이다.

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

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

사실 웹 브라우저의 주화면은 이렇다 할 콘텐츠를 마련하지 못한 이에게 너무나도 광활합니다. 이 공간을 대관절 무엇으로 채워야 할까요? 억지로 뭔가를 채우려다 보면 옹색해지기 마련이죠. 이는 민구홍 매뉴팩처링에도 적용될 수 있습니다. 웹사이트를 제작하는 데 <body> 태그 속을 반드시 채워야 할까요? 회사를 소개하는 데는 웹 브라우저 상단의 주소 표시줄 속 패비콘(favicon)과 웹사이트 제목뿐이면 충분할지 모릅니다. (구글 크롬에서만 올바르게 작동합니다.) 물론 주소 표시줄까지 웹사이트로 포함할 수 있다면 말이죠. 마우스 등의 장치를 이용해 웹 브라우저 화면을 적절하게 축소하는 것 또한 방법입니다.

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

책을 디자인할 때 본문 글자 크기를 대개 10포인트(약 3.5밀리미터) 안팎으로 지정하는 데는 역사적이고, 경제적이고, 인지과학적이고, 무엇보다 생물학적인 이유가 있는 것 같습니다. 최소한의 규칙이라면 규칙이죠.

이는 웹에서도 다르지 않습니다. 웹 브라우저에서 설정된 기본 글자 크기는 16픽셀입니다. 저보다 뛰어난 전문가들이 연구한 수치인 만큼 저는 여기에 의문을 품지 않습니다. 이에 따라 모든 수치를 16픽셀을 1REM, 즉 기본값으로 설정합니다. 그리고 모든 곳에 16의 약수와 배수를 적극적으로 활용합니다. 아시는 분은 아시겠지만, 이는 유별나게 저는 사용하는 방법론은 아닙니다.

다른 한 가지는 웹사이트가 ‘실행된다는’ 사실을 염두에 둡니다. 웹사이트가 하나의 공간이라면, 탭이나 클릭은 공간과 공간을 이동하는 일과 비슷합니다. 탭하거나 클릭하는 횟수가 많아지면 동선이 길어지는 셈이죠. 저는 이 동선을 가능하면 최소화하려 합니다. 그러다 보니 웹사이트에서 여러 페이지를 만들기보다 한 페이지를 활용하는 방식을 선호합니다. 즉, 스크롤을 통해 페이지상의 요소를 연결하는 거죠. 그러다 보면 자연스럽게 웹 페이지가 굉장히 길어지기도 하지만, 그 또한 웹사이트의, 나아가 웹의 자연스러운 특성입니다.

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

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

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

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

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

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

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

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

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

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

5년여 동안 일한 안그라픽스를 그만둘 무렵, 내가 편집하고 디자인한 『타이포그래피에 관한 에세이』의 보도 자료를 웹에 게시하다가 우연히 발견했다. 뉴욕 중심가에 있다는 점과 교육 과정이 길지 않다는 점이 마음에 들었고, 무엇보다 서로 어울릴 법하지 않은 어휘인 ‘시적(poetic)’과 ‘연산(computation)’을 조합한 학교명이 멋있었다. 겉으로 드러나는 자유분방한 학교의 분위기와 달리 이름만큼은 세심하게 결정한 듯했고, 경쟁률도 모르는 상황에서 휴가 삼아 다녀오면 좋겠다는 생각이 들었다. 미국의 시인 케네스 골드스미스(Kenneth Goldsmith)가 출강했다는 점도 기대가 됐다.

운 좋게 합격한 학교는 내 상상보다 (긍정적인 의미로) 훨씬 더 이상했다. 학생들의 면면은 화이트 해커, 형사학 전공 대학원생, 건축가, 무용수, 일렉트로닉 음악가 등 다양했다. 참고로 내 코딩 컨벤션 선생은 프랑스에서 제빵사로 일하던 헬렌이었다. 학교에서는 예술 이론과 컴퓨터 이론을 둘러싼 개념적이고 실용적인 수업이 오전 9시부터 오후 6시까지 진행되고, 강연이나 워크숍이 있는 날은 더 늦게 끝나기도 했다. (뉴욕은 지하철이 24시간 운영된다.) 주말도 대부분 학교에서 생활하며 일반 대학교에서 몇 학기 동안 익히고 고민할 것을 짧은 시간 안에 소화해야 했다. 특히 미국의 시인이자 MIT 디지털 미디어 교수인 닉 먼포트(Nick Monfort)의 수업에 열심히 참여했다.

한 가지 주지할 점은 이 학교가 기술을 처음부터 하나하나 가르쳐주는 친절한 학교는 아니라는 점이다. 조금 과장하면 선생은 맞닥뜨린 문제를 해결하는 데 필요한 힌트를 제공하는 ‘검색어 제안기’로 기능하고, 학생은 선생이 제안한 검색어를 이정표 삼아 인터넷을 헤매면서 자신의 욕망과 기술적 한계를 인식하고 우회 전략을 고안해야 했다. 이런 교수법이 유의미한 건 중요한 게 기술 자체가 아니라 어떤 기술을 어떻게 활용할지기 때문이다.

마지막 수업은 자신만의 학교를 만드는 것이었는데, 학생이 반대로 선생의 입장에서 교육 자체에 관해 고민해보는 시간이었다. 내가 제안한 학교는 리코타를 중심으로 요리, 글쓰기, 코딩, 디자인, 마케팅을 익히는 ‘리코타 인스티튜트(Ricotta Institute)’였다. 내가 매주 금요일에 진행하는 「새로운 질서」는 언젠가 문을 열 리코타 인스티튜트의 프로토타입인 셈이다. (‘현대인을 위한 교양 강좌’를 표방하는 이 강좌에서 주로 다루는 바는 아트선재센터에서 발표한 「새로운 질서」에서 체험할 수 있다.)

단, 학교에는 이렇다 할 졸업장이 없었다. 태평양 건너 타국에까지 가서 공부를 마쳤는데, 이를 증명할 수 없다면 무슨 소용인가. 결국 졸업 작품으로 졸업장 생성기를 제작해 스스로, 그리고 친구들에게 학교 대신 졸업장을 수여했다. 학교 직인을 찍는 자리에는 「무작위 서명 생성기(Random Signature Generator)」가 무작위로 생성한 자신의 서명이 들어갔다.

나를 입양하고 싶다던 루이스 아저씨(위 사진 왼쪽 남성)와 매릴린 아줌마(뒤쪽 여성), 민구홍 매뉴팩처링의 또 다른 대모인 로럴 슐스트(Laurel Schwulst)를 만난 것도 큰 행운이다.

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

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

잘 모르겠습니다.

작년 말에 건국대학교 근처에 문을 연 ‘인덱스’라는 복합 공간에서 전시 『유용한 말』이 열렸다. 포스터 「(웃음)」은 그때 출품한 것이다. 일본어판 위키백과를 찾아보니 ‘(웃음)’은 제2차 세계대전 시기에 일본 의회의 속기사들이 상황을 함축하기 위해 만든 기호라고 하더라. 지금은 주로 인터뷰 지면에서 상황을 묘사하거나 분위기를 환기하는 데 사용하곤 하는데, 온갖 유용할 말이 모일 전시에 그런 ‘(웃음)’의 역할을 하는 작품도 있으면 제법 유용하겠다고 생각했다. 작품에 소괄호와 ‘웃음’이라는 낱말만 들어가는 만큼 서체를 고르는 게 중요했다. 평범하면서 약간 달라 보이는 서체면 좋겠다고 생각하던 차에 최정호체 시험판을 써볼 기회가 생겼다. 특히 괄호 모양이 예뻐 보여서 선택했다. 자매품인 동명의 자석도 있다. 전시와 비슷한 시기에 열린 제9회 언리미티드 에디션의 작업실유령 부스에서 제품을 산 분들에게 나눠드렸다. 「(웃음)」을 돈을 받고 팔기보다 그냥 드리는 게 좋겠다고 생각했다. 그런데 정작 최정호는 웃음과는 거리가 먼, 오로지 글자만 바라보는, 진지한 삶을 산 사람이었던 것 같다.

거의 듣지 않는다. 듣는다 해도 선택지는 그리 많지 않다. 언제나 자신을 ‘가장 친한 미국인 친구’로 소개해달라는 로럴 슐스트(Laurel Schwulst)는 이따금 손수 꾸린 음악 선집을 보내준다. 여러 음악이 수록돼 있지만, 내가 아는 노래는 마이클 잭슨(Michael Jackson), 왬!(Wham!), 다츠로 야마시타(Yamashita Tatsuro) 정도다. 쿠스코(Cusco)나 일본의 아방가르드 오르간, 바이올린 듀오 시지지스(Syzygys)도 최근 재생 목록에 있다. 매년 회사에 귀여운 연하장을 보내주시는 스튜디오 FNT의 이재민 실장님에게 쿠스코 LP 전집을 선물받았는데, 정작 LP 플레이어가 없어서 죄송하게도 관상용으로 보고 있다.

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

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

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

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

약 2년 사이 일반에 공개하지 않는 것까지 헤아리면 100여 개는 될 것 같다. 처음 ‘민구홍 매뉴팩처링’이라는 회사명을 결정했을 때, 즉 내 이름 뒤에 ‘매뉴팩처링(manufacturing)’을 붙이는 게 좋겠다고 마음먹었을 때 막연히 회사가 글쓰기와 편집을 통해 이런저런 ‘제품’을 대량으로 생산하는 모습을 상상했다. 하지만 비즈니스가 이런 식으로 확장하리라고는 상상하지 못했다. 나는 이제껏 글의 내용뿐 아니라 글쓰기의 형식과 방법에 관해 고민해왔는데, 생각해 보면 이런 게 내게 적합한 글쓰기 방식 아닐까 싶다. 나는 웹사이트를 디자인한다기보다 그저 내가 좋아하고 잘하는 방식으로 글을 쓰고 편집한다고 생각한다. 그 결과물 가운데 하나가 웹사이트고, 그게 용케도 오늘날 누군가의 욕망에 적절하게 부합하는 거고. 여러 차례 밝혀왔듯 민구홍 매뉴팩처링은 웹 디자인 에이전시나 그래픽 디자인 스튜디오가 아니다.

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

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

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

웹을 둘러싼 기술은 너무나도 빠르게 발전하므로 하나하나 따라가는 건 불가능에 가깝다. 게다가 우리가 대화를 나누는 이 순간에도 새로운 기술이 등장하고, 어떤 기술은 폐기된다.

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

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

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

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

적확한 지적입니다. 이제는 그런 구분이 무의미할 정도죠. 예컨대 로이 애스콧(Roy Ascott)이 주창한 ‘텔레마틱 아트’(Telematic Art)나 제프리 쇼(Jeffrey Shaw)의 인터랙티브 설치 작품은 넷 아트가 추구한 가치와 포개지며 기술과 예술의 결합, 관객 참여의 중요성을 강조합니다. 라파엘 로자노헤머(Rafael Lozano-Hemmer)의 「벡터 고도」(Vectorial Elevation)에서 관객은 웹사이트를 통해 도시의 조명을 제어할 수 있었고, 애런 코블린(Aaron Koblin)의 「조니 캐시 프로젝트」(The Johnny Cash Project)는 웹사이트를 통해 전 세계 사람들이 함께 뮤직비디오를 만들 수 있는 플랫폼을 제공했죠.

넷 아트는 웹사이트를 정보의 저장고를 넘어 예술가의 상상력을 담는 그릇이자 관객과 소통하는 인터페이스, 나아가 새로운 미학적 경험을 만들어내는 공간으로 다시 정의했습니다. 동시에 디지털 시대의 아방가르드로서 우리에게 웹사이트를 바라보는 새로운 시선을 제시했죠. 벤야민이 말했듯 기술적 복제 시대의 예술 작품은 그 본질을 바꿉니다. 넷 아트는 여기서 한 걸음 더 나아가 복제와 변형, 참여가 작품의 본질이 되는 새로운 예술 형식을 만들어냈고요. 이는 그 자체로 우리에게 디지털 시대의 예술, 나아가 우리의 존재 방식에 관해 곱씹어볼 기회를 제공합니다.

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

감사하게도 제가 서울시에 납부해온 세금으로 또 다른 매체를 활용해볼 수 있다는 점 외에 회사, 즉 민구홍 매뉴팩처링을 소개한다는 주 업무에는 큰 변화가 없습니다. 온라인이든 오프라인이든, 2차원이든 3차원이든 결국 추억 속에는 민구홍 매뉴팩처링만 놓이지 않을까요?

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

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

반갑습니다. 하나하나 살펴보니 대부분 인터뷰를 통해 이미 밝힌 내용인 듯합니다. 우선 민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」을 참고해보시면 어떨까요? 그럼에도 부족한 점이 있다면 언제든 다시 연락 부탁드립니다.

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

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

“당신은 바이러스입니다.” 「바이러스 시뮬레이터」에 등장하는 첫 문장입니다. 「바이러스 시뮬레이터」 속 세계에서 사용자, 즉 바이러스는 허약한 인간을 찾아내 모두 감염시켜야 비로소 평화를 맞이합니다. 허약한 인간을 감염시키면 “좋습니다.” 같은 격려 메시지를, 건강한 인간과 마주하면 미리 설정된 목숨이 하나씩 줄고 “건강 조심하세요!” 같은 안부 메시지를 받습니다. 하지만 메시지의 수신자는 반대로 감염되거나 감염을 피한 인간이기도 합니다. 「바이러스 시뮬레이터」는 지구의 입장에서 인간 또한 또 다른 바이러스라는 생태학적 사실을 드러내기보다 오히려 바이러스의 입장에서 인간을 이해해보려는 시도입니다. 때로는 누군가의 불행이 결과적으로 불행한 누군가를 포함한 모두의 행복일 수 있고, 결국에는 어느 쪽이든 평화를 맞이하리라는 몰염치한 낙관론과 어떤 인간에게는 이런 방식이 코로나19 이후 속속 등장한 감염자 추이를 보여주는 수많은 웹사이트보다 유익할지 모른다는 판단도 작용했습니다. 민구홍 매뉴팩처링의 방식으로 고객에게 보내는 안부 메시지기도 하고요.