민구홍 매뉴팩처링에서는 2015년 이래 진행한 길고 짧은 인터뷰를 꼼꼼히 정리한 뒤 다시 무작위로 늘어놓은 「자주 하는 질문」을 통해 회사 또는 운영자에 관한 궁금증이 모쪼록 해소될 수 있기를 바랍니다. 단, 질문의 시기에 따라 현재와 다른 사실이 있을 수 있습니다. 한편, 질문의 어조에 따라 언급한 인물에 대한 존칭을 생략하기도 했습니다. 「자주 하는 질문」을 섭렵한 뒤에도 궁금증이 도무지 해소되지 않는다면 [email protected] 앞으로 소상히 말씀해주세요. 민구홍 매뉴팩처링에서는 모든 것을 이해하고 인정할 준비가 돼 있습니다. 단, 답장은 이메일 대신 언젠가 「자주 하는 질문」에서 확인해주시기 바랍니다.
웹사이트를 제작할 때 워드프레스(Wordpress) 같은 콘텐츠 매니지먼트 시스템을 사용하는가?
어쩔 수 없는 경우가 아니면 사용하지 않는다. 전 세계 웹사이트 가운데 3분의 1이 워드프레스로 제작된다지만 지나치게 무겁다고 느낀다. 집 근처 공원으로 나들이를 가는데 KTX를 타려는 꼴이다. 게다가 워드프레스의 플러그인은 다양하고 사용하기 편리하지만 유지 보수 면에서는 최악에 가깝다. 그 탓에 워드프레스 공식 웹사이트 하단에 실린 문구인 “Code is poetry.”마저 지나치게 서정적으로 느껴진다. 민구홍 매뉴팩처링에서는 워드프레스의 단점을 극복해 오픈 소스를 자체적으로 커스터마이징한 「매니지먼트」(Management)를 사용하고, 고객들에게도 적극적으로 권하는 편이다. 구체적인 건 고객으로서 직접 경험해보는 편이 어떨까? 물론 콘텐츠와 코드를 한땀 한땀 입력하는 하드 코딩이 시간을 가장 절약하는 방식일 때도 있다.
‘지피지기(知彼知己)면 백전불태(百戰不殆)‘라는 고사성어로 이 제품을 설명했는데, 이런 시나리오를 생각한 배경이 궁금합니다.
“당신은 바이러스입니다.” 「바이러스 시뮬레이터」에 등장하는 첫 문장입니다. 「바이러스 시뮬레이터」 속 세계에서 사용자, 즉 바이러스는 허약한 인간을 찾아내 모두 감염시켜야 비로소 평화를 맞이합니다. 허약한 인간을 감염시키면 “좋습니다.” 같은 격려 메시지를, 건강한 인간과 마주하면 미리 설정된 목숨이 하나씩 줄고 “건강 조심하세요!” 같은 안부 메시지를 받습니다. 하지만 메시지의 수신자는 반대로 감염되거나 감염을 피한 인간이기도 합니다. 「바이러스 시뮬레이터」는 지구의 입장에서 인간 또한 또 다른 바이러스라는 생태학적 사실을 드러내기보다 오히려 바이러스의 입장에서 인간을 이해해보려는 시도입니다. 때로는 누군가의 불행이 결과적으로 불행한 누군가를 포함한 모두의 행복일 수 있고, 결국에는 어느 쪽이든 평화를 맞이하리라는 몰염치한 낙관론과 어떤 인간에게는 이런 방식이 코로나19 이후 속속 등장한 감염자 추이를 보여주는 수많은 웹사이트보다 유익할지 모른다는 판단도 작용했습니다. 민구홍 매뉴팩처링의 방식으로 고객에게 보내는 안부 메시지기도 하고요.
2005년 펜실베이니아 대학교(University of Pennsylvania)에서 열린 한 콘퍼런스 자리에서 미국의 시인이자 아방가르드 작품을 아카이빙해 소개하는 「우부웹」(UbuWeb)의 운영자 케네스 골드스미스(Kenneth Goldsmith)는 말했다. “무엇이 인터넷상에 없다면, 그것은 존재하지 않는 것과 마찬가지입니다.(If it doesn’t exist on the Internet, it doesn’t exist.)” 포스트 코로나 시대에는 인터넷이 현실과 조금 더 가까워지거나 다른 차원에서 현실을 대체할 예정이다. 이 점이 회사에 어떤 영향을 미쳤나?
민구홍 매뉴팩처링에서는 넓게는 인터넷을, 좁게는 웹을 사랑한다. 웹은 상대적으로 적은 노동력으로 제품을 제작할 수 있는 환경이자 접근하기 쉬우면서 유용뿐 아니라 무엇보다 많은 사람이 잠들기 전에 마주할 대상이 될 가능성이 크기 때문이다. 특히 코로나 이후에는 기술 지원에 관한 문의를 많이 받는 편인데, 대가가 합리적이고 여유만 있다면 기꺼이 응하는 편이다.

최근에는 뉴욕의 그래픽 디자인 스튜디오인 워크숍스(Wkshps)와 제11회 서울미디어시티비엔날레 티저 웹사이트를 만들었다. 행사명은 『하루하루 탈출한다』(One Escape at a Time)였는데, 2020년 9월에 열릴 예정이었다가 메인 웹사이트 작업 도중 내년 가을로 미뤄지고 말았다. 이제껏 현실과 깔끔하게 유리된 듯 보였던 미디어 아트도 현실과 완전히 분리될 수는 없는 듯하다. 예정된 여러 행사가 취소되거나 지연되는 소식을 마주하면, 이제껏 자연스럽고 당연하게 여겨온, 사람이 모이는 일의 경제적인 위력을 실감한다.

아예 온라인에 기반을 둔 레프트 갤러리(Left Gallery)나 DDDD처럼 조금 더 작지만 시류에 영리하게 영합하는 전시 모델도 있다. 특히 네덜란드의 미술가 하름 판 덴 도르펠(Harm van den Dorpel)이 2015년에 설립한 레프트 갤러리는 작품을 열람할 수 있을 뿐 아니라 작품의 소스 코드를 비트코인이나 이더리움 등으로 구입할 수 있다. 민구홍 매뉴팩처링이 임시로 소속돼 있기도 하다.

아트선재센터에서 열리는 미술가 돈선필의 개인전 『초상권』(Portrait Fist)을 위해 만든 영상 「자기소개」(自己紹介)에서는 25여 분 동안 ‘얼굴’이 자신을 소개한다. 돈선필은 자타가 공인하는 피규어(フィギュア) 오타쿠다. 그가 쓴 대본대로 목소리를 녹음하고, 그가 웹에서 긁어모은 얼굴에 관한 ‘짤방’들에 심취하다 보니 결과물은 자연스럽게 TV 도쿄(テレビ東京)에서 방영하는 교양 프로그램 같은 형식을 띠게 됐다. 이에 관해 조금 더 알고 싶다면 『한국예술종합학교신문』에 실린 김얼터의 「나를 나로 만드는 것」을 읽어보기를 권한다.
이후 안그라픽스로 자리를 옮기고, ‘정체불명의 독립 사업부’를 운영하게 된 까닭은?
워크룸에서 일한 지 5년째 되던 해였어요. 안그라픽스의 안마노 씨에게 연락을 받았죠. “같이 일합시다.” 안그라픽스의 다음 단계를 준비하던 참이었고, 저를 디자인계로 이끌어준 안그라픽스에 힘을 보탤 기회가 생기면 좋겠다고 생각해왔었어요. 그렇게 ‘디렉터’라는 직함과 함께 ‘안그라픽스 랩’(약칭 및 통칭 ‘AG 랩’)이라는 정체불명의 독립 사업부를 맡게 됐죠. 사실 자리를 옮기기로 마음먹은 까닭은 사실 사소합니다. 사무실이 저희 집과 정말 가까웠거든요. 연남동 공원(경의선숲길) 옆에 있는데, 도보로 2분 거리입니다. 이제 운영한 지 1년 정도 됐는데, AG 랩은 안그라픽스라는 소프트웨어를 판올림하는 데 필요한 애드온 또는 플러그인 같은 게 아닐까 싶어요. 빨리 역할을 다하고 사라지는 게 맞을지도 모르겠어요.
이런 상황이 해적단 항해의 설계와 구현 과정에 영향을 준 부분이 있는가?
사실상 없다. 코로나와 무관하게 민구홍 매뉴팩처링의 태도는 한결같다. 요컨대 웹을 이루는 기초적이고 기본적인 기술, 즉 HTML(HyperText Markup Language)과 CSS(Cascading Style Sheets)를 중심으로 다른 컴퓨터 언어를 제약 안에서 맥락에 따라 강박적일 만큼 순수하게, 때로는 순수할 만큼 변칙적으로 구사하려 한다. (물론 필요하다면 최첨단 기술을 도입하기도 한다. 경우에 따라 시간이 많이 걸리겠지만.) 여기에는 앞에서 밝힌 기술을 향한 어떤 까닭 모를 믿음, 즉 기술 자체가 아니라 어떻게 규정하고 사용하는지와 관련이 있다. 그래픽 디자이너가 인디자인의 모든 기능을 속속들이 사용하지 않는, 또는 그럴 필요가 없는 까닭과도 같다. 콘텐츠가 아름답다면 콘텐츠를 담은 그릇은 특별한 장식이나 장치 없이, 심지어 아무것도 건드리지 않아도 자연스럽게 특정한 아우라를 지닌다고 믿는다. 즉, 이번 결과물이 해적단에게 유의미하거나 성공적이었다면 모든 공은 해적단 몫이다.
파주타이포그라피배곳 졸업생입니다. 웹상에서 이뤄지는 국내외의 실천 가운데 특히 주목할 만한 부분이 있을까요?
웹 3.0의 대표적인 화두인 NFT(Non-Fungible Token)와 관련한 몇 가지 프로젝트에 참여하고 있는데, NFT가 무엇인지 묻는다면 제대로 답변할 자신은 없습니다. 많은 사람이 주목하는 기술임에는 분명하지만, 러닝 커브(learning curve)가 가파른 탓에 선뜻 익히기가 쉽지 않아요. NFT를 둘러싼 커뮤니티가 초심자에게 조금 배타적이기도 하고요. 처음에는 ‘그들만의 놀이터’라 여겨지기 쉽죠. 그래서일까요? 오히려 웹 1.0을 향한 관심이 조금씩 늘어나는 것 같아요. 다들 아시겠지만 index.html 파일 하나만으로도 웹사이트가 될 수 있듯 ‘index.html 무브먼트’ 같은 게 일어나는 상황을 즐겁게 상상하곤 합니다.
2019년부터 매주 금요일마다 ‘현대인을 위한 교양 강좌’를 표방하는 ‹새로운 질서›를 진행한다. 개설될 때마다 신청이 마감되는 이 강좌의 정체는 무엇인가.
‹새로운 질서›는 2016년 크리스마스 이튿날 워크룸에서 열린 비공개 웹 세미나에서 시작됐다. 시적 연산 학교를 마치고 뉴욕에서 막 돌아온 참이었는데, ‘현대인을 위한 교양’으로서 웹 기술을 익혀두면 워크룸 구성원들이 일하는 데 어떤 방식으로든 도움이 되리라는 생각에서였다. 그 뒤 여러 특강과 워크숍, 파주타이포그라피배곳 강의 등을 통해 조금씩 커리큘럼이 다듬어져 지금에 이르렀다. 지금까지 200여 명의 ‘‹새로운 질서› 친구들’과 추억을 쌓았고, 이들 가운데는 국립현대미술관의 «프로젝트 해시태그»(Project Hashtag, 2020–) 사업에 선정돼 느닷없이 미술계로 편입되기도 했다.

민구홍 매뉴팩처링, ‹새로운 질서›, 웹사이트. 웹사이트 제목인 ‘새로운 질서’는 1초마다 낱자별로 새로운 질서를 부여받는다. 사진 제공: 작가
‹새로운 질서›에서는 기술로서 디자인을 다루기도 하지만, 웹 디자인 강좌가 아니다. 오히려 ‘실용적이고 개념적인 글쓰기’ 강좌에 가깝다. ‹새로운 질서› 친구들은 자신의 관심사(자신이 좋아하는 것, 싫어하는 것 등)를 토대로 자신만의 콘텐츠를 생산하고, HTML, CSS, 자바스크립트 같은 컴퓨터 언어를 익혀 콘텐츠에 단계별로 새로운 질서를 부여해본다. 기술을 다루므로 실패에 익숙해지고, 자신의 한계를 파악해 욕망을 발산할 우회 전략을 고민해보기도 한다. 글쓰기의 결과물은 결국 웹사이트지만, 사실 더욱 가치 있는 건 그 과정에서 시작되는 이야기다.
이상적인 생활 방식은 무엇이라고 생각하는가? 회사의 복지 환경과도 연결되는 질문이다.
요컨대 적절한 시간에 일어나 적절한 시간에 식사하고 적절한 시간에 운동하고 적절한 시간에 자는 것. 그리고 무엇보다 이런 적절함을 확보하는 데 적절한 에너지를 소비하는 것. 모자란 잠을 커피나 에너지 드링크, 서툰 자기최면 등으로 채우는 건 한 달에 한두 번이면 족하다. 생활의 나머지 요소는 체리 한 알과 비슷하다. 다른 체리들과 함께 바구니에 담길 수도, 무르고 터져서 악취와 끈적한 자국을 남길 수도 있다. 내가 지금 이렇게 생활하고 있는지는 잘 모르겠지만, 여기에 민구홍 매뉴팩처링이 어느 정도 기여하는 건 분명하다. 생크림 케이크 꼭대기에서 말이다.
2018년에는 민간인의 첫 번째 달 여행이 시작된다고 합니다. 다가오는 우주 시대를 위한 대비책이 있다면?

루나 엠버시(Lunar Embassy)를 통해 달에 1에이커(약 1,224평)짜리 부동산을 마련해두긴 했습니다. 일론 머스크 관련 기사도 틈틈이 챙겨보죠. 최근(2021년 4월)에는 이런 말을 했더군요.
솔직히 초기엔 많은 사람들이 죽을지도 모른다. 이는 영광스러운 모험이자 놀라운 경험이 될 것이다. 불편하고 입맛에 안 맞게 들릴 수도 있지만, 당신도 죽을 수 있다.
지방의 공립 도서관 사서입니다. 한 명의 ‘현대인’으로서 웹 기술을 익혀보고 싶은데, 추천해주실 만한 책이 있을까요?
수영을 익히려면 얕더라도 일단 물에 들어가야 하듯 웹 기술을 익히기 가장 좋은 학교는 아무래도 웹이겠죠. 웹 기술에 관한 책을 집필하고, 편집하고, 디자인하고, 인쇄하는 순간에도 기술은 발전하고, 다듬어집니다.
우선 HTML(HyperText Markup Language)을 익혀 자신의 관심사를 다룬 웹사이트를 하나 만들어보시는 걸 추천합니다. 그러면 자연스럽게 CSS(Cascading Style Sheets)를 익히고픈 욕망이 입니다. 그 뒤에는 자바스크립트(JavaScript, JS), PHP(PHP: Hypertext Preprocessor), 파이선(Python), 루비(Ruby) 등으로 확장되고, 욕망이 커진다면 자신만의 컴퓨터 언어까지 만들게 될지도 모르죠. 즉, 어디에 사용할지 모를 기술에서 시작하는 게 아닌 아닌 자신의 욕망에 따라 기술을 취하는 게 흥미와 동력을 잃지 않는 방법입니다. 단, 어떻게 시작하는지가 중요할 텐데, 민구홍 매뉴팩처링 주위에는 「새로운 질서」와 프루트풀 스쿨(Fruitful School)이 있습니다.
AG 랩에 방문하고 싶습니다.
당장 AG 랩에는 완성된 공간이 중요하지 않습니다. 일단 저와 제 오랜 비즈니스 파트너 로럴 슐스트(Laurel Schwulst), 랩톱 한 대만으로 뉴욕에서 약 2주 동안 파이어플라이 생추어리(Firefly Sanctuary), 프린스턴 대학교, 링크트 바이 에어(Linked by Air)를 오가며 비공식적인 업무를 시작하고, 이후 서울에서도 물리적인 하이퍼링크를 마련할 때까지 책상과 의자를 임대하는 방식으로 가볍게 움직일 예정입니다. 혹시 AG 랩(덩달아 민구홍 매뉴팩처링까지)이 의탁할 만한 자리가 있다면 편히 알려주세요.
서울시립대학교 학생입니다. 삶의 목표는?
부모님께는 송구스럽지만, 저는 세상에 우연히 태어났다고 생각합니다. 그 남성과 여성을 부모로 둔 것, 한국인으로 태어난 것, 남성으로 태어난 것, 심지어 제 이름이 ‘민구홍’인 것까지 제 기준에서는 다 우연이죠. 우연히 시작된 ‘삶’이라는 프로젝트를 어떻게 진행하고 완수해야 할까요? 고민하다 보면 끝이 없습니다. 열심히 고민한다고 해서 해결되는 것도 아니고요. 중요한 건 어쨌든 무엇이든 선택할 수밖에 없다는 점입니다. 작게는 글자체에서, 넓게는 이 강연이 끝나고 먹을 저녁 메뉴까지. 그 기준은 넓게 보면 무엇보다 제 행복이고요.
더글러스 애덤스(Douglas Adams)의 SF 소설 『은하수를 여행하는 히치하이커를 위한 안내서』(The Hitchhiker’s Guide to the Galaxy)는 삶, 우주, 그리고 모든 것을 둘러싼 궁극적인 질문에 대한 답으로 42을 제시한다. 내게도 비슷한 숫자가 있습니다.
본디 인간이라는 동물의 자연 수명은 38년이라고 해요. 저는 어느덧 38년 하고도 1년을 더 살았습니다. 내년에는 놀랍게도 마흔이 되고요. 남은 생은 그저 ‘덤’, 즉 보너스 스테이지라고 생각합니다. 그렇게 오해해보면 마음이 편안해집니다. 좋은 일이든 나쁜 일이든 “그러려니…” 하면서요. 그게 불교에서 이야기하는 카르마, 즉 업보를 없애는 길이기도 하고요.
조금 더 구체적으로 설명해주신다면요?
먼저 접근성의 문제를 살펴볼까요? 웹 접근성 지침(Web Content Accessibility Guidelines, WCAG)은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있어야 한다고 말합니다. 하지만 이따금 예술적 표현은 이런 지침과 충돌할 수 있죠. 특히 실험적인 타이포그래피나 복잡한 인터랙션은 ‘웹사이트를 듣는’ 스크린 리더(Screen Reader) 사용자에게는 난해할 수 있으니까요. 하지만 이는 오히려 또 다른 해결책을 요구하는 도전이 될 수 있습니다. 디자이너 사라 헨드렌(Sara Hendren)은 장애와 기술의 경계를 다룬 작업으로 접근성에 대한 고정관념을 흔들었죠.
상업성과의 충돌도 마찬가지입니다. 특히 기업의 웹사이트는 브랜드 아이덴티티를 표현하는 동시에 사용자 경험까지 고려해야 합니다. 이 또한 표현을 제한하는 동시에 새로운 가능성을 열어줍니다. 예컨대 애플의 웹사이트는 미니멀리즘과 인터랙티브 요소를 절묘하게 결합해 브랜드 가치를 전달하는 동시에 사용자를 매료시킵니다. “형태는 기능을 따른다”(Form follows function.)라는 바우하우스(Bauhaus)의 원칙을 디지털 시대에 재해석한 것과 같죠.
기술적 제약 또한 양날의 검입니다. 웹 브라우저 호환성, 로딩 속도, 모바일 최적화 등의 문제는 창작자를 제한하는 동시에 새로운 해결책을 찾도록 자극합니다. 예컨대 미디어 쿼리(Media Query)를 이용한 반응형 웹 디자인은 이런 제약에서 비롯했죠. 악기의 한계를 극복하며 매순간 새로운 질서를 만들어내는 재즈 뮤지션들이 떠오르지 않나요?
최정호의 흐름을 이어나가려면 우리는 어떻게 해야 할까?
오늘 인터뷰 때문에 위키백과에서 최정호를 찾아보니 설명이 무척 빈약했다. 하고 싶은 누군가 이런 사소한 것에서 시작하면 어떨까. 최정호에 관한 책이 있기는 하지만, 그의 활동을 정리한 웹사이트도 만들고, 최정호 정도면 그의 이름을 딴 글자체 디자인상 같은 것을 제정하는 것도 나쁘지 않겠다. 활자나 원도로만 남아 있는 글자체들을 폰트화하면 디자이너들에게는 선택지도 넓어질 것이다. 모두 기록의 다른 방식이라고 생각하는데, 그러다 보면 최정호가 아무래도 지금보다는 조금 더 알려질 테고, 나처럼 생각지도 못하게 도움을 받는 사람도 생기지 않을까.
최정호를 언제 어떻게 처음 접했나?
기억이 잘 안 난다. 전에 다니던 회사에서 최정호에 관한 책을 만든 적이 있는데, 그전까지 피상적으로만 알던 최정호를 아무래도 그때 남들보다 조금 더 자세히 알게 된 것 같다. 책 초판이 출간된 게 2014년이니 어쨌든 4년이 채 안 된 셈이다.
맞아요. 특히 소셜 미디어를 사용하다 보면 자극적이고 즐거운 동시에 제 소중한 바이오리듬이 엉망이 되곤 합니다. 깜찍한 하트 아이콘과 숫자 몇 개 때문에 감정이 요동치기 일쑤입니다.
오늘날 우리가 웹상에서 마주하는 정보는 대부분 알고리즘에 따라 선별됩니다. 페이스북의 뉴스 피드, 유튜브나 넷플릭스의 영상 등은 모두 우리의 취향과 관심사를 분석한 결과물이죠. 편리함의 대가로 우리는 자신도 모르는 사이 정보의 거품에 갇히기도 합니다. 플라톤의 동굴처럼 알고리즘이 제안하는 그림자가 전부라 믿으면서요. 작가 엘리 프레이저(Eli Pariser)는 이런 현상을 ‘필터 버블’(Filter Bubble)이라 불렀습니다. 필터 버블 속에서 점점 자신의 기존 관점을 강화하는 정보만 접하고, 다른 의견이나 새로운 시각을 접할 기회는 줄어든다는 거죠. 하버드 대학교의 심리학자 댄 길버트(Dan Gilbert)의 말마따나 “우리는 정보의 바다에서 헤엄치고 있지만, 지식의 섬에 고립돼 있다.”
BEM에서 판매한 「민구홍 매뉴팩처링에 오신 것을 환영합니다」 롬 카트리지에는 무엇이 수록돼 있나요?


해당 게임뿐 아니라 게임을 마음껏 뜯어고칠 수 있도록 주석과 함께 소스 코드가 제공됩니다. 지금은 안타깝게도 품절됐다고 합니다.
다른 언어를 다른 언어로 변환하는 일, 즉 번역에 관해서는 어떻게 생각하는가? 단행본을 번역한 적도 있는데, 자주 하는 편인가?
나 자신을 번역가로 생각해본 적은 없지만, 어쨌든 내가 경험해본 바로 번역 과정은 코딩과 비슷했다. 출발어(입력)와 도착어(출력), 그 사이에 번역(함수)이 있다는 점에서.
이는 재미있게도 내가 배운, 시를 쓰는 과정과도 비슷했다. 시적 대상(입력)과 시(출력), 그 사이에 시적 인식(함수)가 있다는 점에서. 이런 생각은 시적 연산 학교(School for Poetic Computation, SFPC)에서의 경험을 떠올릴 때 더욱 분명해졌다. 내가 거기서 컴퓨터 프로그래밍이 아니라 주로 문학과 언어학을 배웠다고 말하는 걸 좋아하는 이유다.
‘온라인에서 전시하기’ 또는 ‘온라인에서 생산하기’를 주제로 질문하기 전에 몇 가지 개념을 정리할 필요가 있을 것 같다. 순전히 우리의 대화를 엿보는 누군가, 특히 이제 막 온라인에 관심을 갖기 시작한 미술 및 디자인계 관계자를 위해서다.
좋은 지적이다. 단, ‘온라인’이란 말은 범위가 너무 넓으니 여기서는 월드 와이드 웹(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)를 참고하는 것도 괜찮은 방법이다.

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

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

민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」이나 최근 미국 프루트풀 스쿨(Fruitful School)에서 발표한 「프루트풀 프레젠테이션」을 참고하면 좋겠다. 민구홍 매뉴팩처링이 기생하는 워크룸에 직접 방문하는 것도 괜찮은 방법이다. 단, 두 회사 모두 이렇다 할 간판을 내걸지 않은 탓에 중국발 미세먼지가 가득한 거리에서 얼마간 서성일 각오를 해야 한다.
파주타이포그라피배곳 졸업생입니다. 웹사이트를 만들 때 글자를 독특하게 구사해본 경험이 있나요?
명확한 이유가 있다면 글자를 독특하게 구사할 필요가 있겠지만, 그런 상황 자체를 함부로 만들지 않는 편입니다. 앞서 말씀드린 태도를 견지하다보면 아무래도 콘텐츠에 더 집중하게 되거든요. 웹사이트가 하나의 이야기라면, 어떻게 이야기할지보다 무엇을 이야기할지를 먼저 생각하는 거죠. 실제로 가로세로 1픽셀 정방형만큼은 그게 더 중요하고요. 얼마 전에 홍익대학교 시각디자인과 학생분들을 대상으로 강연할 기회가 있었는데, 여기서 『웹사이트 탄소 계산기』(Website Carbon Calculator)라는 웹사이트를 소개했어요. 이 웹사이트는 여러 웹사이트가 발생시키는 탄소를 수치화해 보여주는데, 이를 통해 웹이 결국 화석 연료에 기반하고, 웹사이트가 무거울수록 환경에 영향을 미친다는 점을 상기할 수 있습니다. 2020년 연평균 이산화탄소 농도가 413.2 ppm으로, 산업화 이전(278.0 ppm)보다 48퍼센트 정도 증가했다고 해요. 이미지, 영상, 애니메이션 등 시각적인 부분에 집중할수록 웹사이트가 무거워지는 경우가 적지 않아요. 제가 극단적인 환경론자는 아니지만, 웹사이트를 가볍게 만드는 게 조금이나마 인류에 공헌할 수 있는 길이 아닐까 싶어요.
운영자 민구홍 씨는 실존 인물인가요? ‘민구홍’은 본명인가요? 어떻게 생겼나요?
실존 인물이고, 본명(엄마의 작품)이며, 다음과 같이 생겼고…

페이스앱에 따르면, 언젠가는 다음과 같이 생길 예정입니다.

온라인과 오프라인을 걸쳐 이제껏 굉장히 많은 작품을 발표했다. 가장 만족스러웠던 작업은?
안그라픽스를 거쳐 워크룸에서 일하는 동안 얇게는 16쪽짜리 책에서 두껍게는 1,000쪽에 가까운 책까지 적지 않은 책을 만들어왔다. 모든 책은 웹사이트와 달리 재판(再版)하기 전까지 조금도 수정할 수 없다는 점에서 얼마간 불만족스럽다.

『생활 공작』은 미국에서 돌아온 뒤 워크룸으로 자리를 옮겨 기획한 첫 번째 책이다. 이 책은 제2차 세계대전 시절 미국 중앙정보국의 전신인 전략사무국에서 적지에 침투한 간첩들에게 배포한 비밀문서를 원전으로 삼는다. 책에는 불필요한 회의를 자주 열거나 퇴근할 때 불을 끄지 말아야 한다는 식의 생활 속에서 누구나 실천할 수 있는 공작 방법이 소개돼 있다. 번역은 군사 전문가 홍희범 선생에게 부탁했다. 『생활 공작』은 ‘실용 총서’의 첫 번째 책이기도 한데, 이 책 외에도 지금까지 『헤비듀티』, 『히트곡 제조법』, 『실전 격투』가 출간됐다. 참고로, ‘실용 총서’의 모토는 다음과 같다. “과거에는 실용이었으나 오늘날 실용만으로 기능하지 않는, 과거에는 실용이 아니었으나 오늘날 실용으로 기능하는 자료를 발굴합니다. 실용을 곱씹게 하는 현대인의 교양 총서를 자처합니다. 아름다운 실용의 세계에 독자 여러분을 초대합니다.”

패션 브랜드 thisisneverthat의 10년을 정리한 『thisisenverthisisneverthat』도 기억에 남는다. 앞서 말한 1,000쪽에 가까운 책이 바로 이 책이다. 책의 많은 부분은 3,000여 가지에 달하는 제품의 목록으로 이뤄져 있는데, 다양한 항목으로 이뤄진 목록을 정리하는 도구로서 웹사이트를 요긴하게 활용했다. 웹사이트가 맨 앞에서 프로젝트를 이끈 좋은 보기다. 『타이포잔치 2021: 거북이와 두루미』의 콘텐츠도 일차적으로 웹사이트상에서 정리됐다. 두 경우 모두 웹사이트가 맨 앞에서 프로젝트를 이끌고 종이책과 함께 또 다른 결과물로 완성된 좋은 보기다.

웹사이트로 한정하면 2020년 크리스마스 즈음에 발표한 「장영혜 중공업 귀중」을 꼽고 싶다. 이 작품은 장영혜 중공업을 향한 민구홍 매뉴팩처링의 존경과 사랑, 그리고 부탁 한 가지를 담은 편지 형식을 띤다. 그들이 주로 사용한 기술인 어도비 플래시(Adobe Flash)가 폐기된 지금 비메오(Vimeo)를 사용할 수밖에 없는 기분이 궁금했는데 이 참에 묻기도 했다. 장영혜 중공업 공식 이메일로 전달했음에도 답장은 아직 받지 못했다. 처음에는 아쉽고 섭섭했지만, 이제는 다시 한번 편지를 보낼 용기가 생겼다.
늘 견지하는 모토가 있다면?
보안관님, 피트 마텔 씬데요, 음, 전화 돌려드릴게요. 빨간색 의자 옆 테이블에 놓인 전화기로요. 벽에 붙은 빨간색 의자요. 테이블 위엔 램프가 있고요. 그 왜, 전에 우리가 저쪽 구석에서 옮긴 램프 있잖아요. 전화기는 갈색 말고, 검은색이요!
1990년대를 풍미한 미국 드라마 「트윈 픽스」(Twin Peaks)의 등장인물 루시 모런(Lucy Moran)의 역사적인 첫 대사다. 이는 「새로운 질서」의 모토이기도 하다. 보안관 사무실에서 비서로 일하는 루시가 보안관에게 전화를 돌려주는 모습에서 드러나는 것은 어떤 대상(여기서는 전화기)에 대한 편집증적인 집중이다. 내게 그 대상은 이따금 아무리 우스꽝스러워 보일지라도 무엇보다 나 자신이다.
2020년 현재 HTML의 표준 명세인 HTML5에서 사용되는 태그 113가지 가운데 가장 좋아하는 태그는 무엇인가요?
<a> 태그입니다. 하이퍼링크를 만들어 콘텐츠와 콘텐츠를 잇는 태그죠. a는 ‘닻(anchor)’을 뜻하고요. 즉, 우리가 어떤 웹사이트에서 하이퍼링크를 클릭했을 때 우리는 그곳에 닻을 내리고, 다른 곳으로 이동하는 셈입니다. 인쇄물과 웹사이트를 구별짓는 대표적인 태그이기도 합니다. 인쇄물에서 각주, 방주, 미주에 불과했던 콘텐츠는 <a> 태그 덕에 웹에서 새로운 지위를 획득했습니다. 웹을 웹답게 만드는, 웹의 산소 같은 존재가 된 거죠.
한편, 사진, 영상 등 기술이 발전하면서 새로운 매체가 등장하면 그것을 처음 의도와 달리 활용하는 사람들이 등장하기 마련입니다. 웹사이트에서는 어떤가요? 일찍이 민구홍 매뉴팩처링이 빚진 대상이 있을 것 같아요.
1990년대 말, 넷 아트(net.art)가 등장했을 때 사람들에게 코드로 만든 예술은 그저 낯설기만 했습니다. “이게 예술인가요?” 마르셀 뒤샹(Marcel Duchamp)이 남성용 소변기를 전시장에 들여놓았을 때 사람들이 보인 반응과 비슷했죠. 특히 올리아 리알리나(Olia Lialina)의 「내 남자친구가 전쟁에서 돌아왔다」(My Boyfriend Came Back from the War) 같은 작품은 당시에는 생소했지만, 지금은 넷 아트의 고전으로 인정받습니다. 넷 아티스트들은 웹사이트를 단순한 전시 공간이 아닌 작품 그 자체로 활용했죠. 그렇게 기술적인 HTML의 구조, 하이퍼링크의 비선형성, 인터넷의 상호작용성은 예술적 도구로 거듭났습니다. 관람객은 클릭을 통해 스스로 이야기를 만들어갑니다. 이는 전통적인 서사 구조를 해체하고, 독자를 공동 창작자로 끌어들이는 혁신적인 시도였죠. 즉, 넷 아트는 완성태로 존재하는 게 아니라 관객의 참여를 통해 계속해서 새롭게 태어납니다. 잠깐 ‘JODI’라는 예명으로 활동한 예술가 듀오 조안 힉맨(Joan Heemskerk)과 디르크 패스만스(Dirk Paesmans)의 작품 「wwwwwwwww.jodi.org」를 살펴보면 어떨까요?

지금까지 아트선재센터의 ‹홈워크›(HOMEWORK, 2020), 국립현대미술관의 ‹프로젝트 해시태그›(2020–), ‹서울시립미술관 모두의 연구실 세마 코랄›(SeMA Coral, 2021), ‹타이포잔치 2021›(2021), ‹옵/신 페스티벌›(Ob/Scene Festival) 등 여러 크고 작은 웹사이트를 만들었다. 누군가는 과장을 보태 민구홍 매뉴팩처링을 ‘웹사이트 제작 공장’이라 표현하기도 했는데, 웹사이트를 글쓰기의 결과물이라 말한 게 특히 인상적이다.
약 2년 사이 일반에 공개하지 않는 것까지 헤아리면 100여 개는 될 것 같다. 처음 ‘민구홍 매뉴팩처링’이라는 회사명을 결정했을 때, 즉 내 이름 뒤에 ‘매뉴팩처링(manufacturing)’을 붙이는 게 좋겠다고 마음먹었을 때 막연히 회사가 글쓰기와 편집을 통해 이런저런 ‘제품’을 대량으로 생산하는 모습을 상상했다. 하지만 비즈니스가 이런 식으로 확장하리라고는 상상하지 못했다. 나는 이제껏 글의 내용뿐 아니라 글쓰기의 형식과 방법에 관해 고민해왔는데, 생각해 보면 이런 게 내게 적합한 글쓰기 방식 아닐까 싶다. 나는 웹사이트를 디자인한다기보다 그저 내가 좋아하고 잘하는 방식으로 글을 쓰고 편집한다고 생각한다. 그 결과물 가운데 하나가 웹사이트고, 그게 용케도 오늘날 누군가의 욕망에 적절하게 부합하는 거고. 여러 차례 밝혀왔듯 민구홍 매뉴팩처링은 웹 디자인 에이전시나 그래픽 디자인 스튜디오가 아니다.
안녕하세요? 민구홍 매뉴팩처링에 서면 인터뷰를 요청합니다. 질문은 민구홍 매뉴팩처링의 전용 글자체로 알려진 타임스 블랭크(Times Blank)를 사용해 아래에 열거했습니다. 질문이 적지 않은 편인데, 모두 답변해주시면 감사하겠습니다.

반갑습니다. 하나하나 살펴보니 대부분 인터뷰를 통해 이미 밝힌 내용인 듯합니다. 우선 민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」을 참고해보시면 어떨까요? 그럼에도 부족한 점이 있다면 언제든 다시 연락 부탁드립니다.
추앙하는 숫자가 있나요?
제법 많습니다. 0.125, 2, 3, 6, 12, 14, 16, 24, 38, 42, 999입니다. 어떤 것은 글쓰기, 어떤 것은 또 다른 글쓰기, 즉 코딩, 어떤 것은 마이크로 타이포그래피, 어떤 것은 매크로 타이포그래피와 관련이 있습니다.
하나의 대상을 만드는 데 구조, 표현, 기능이라는 세 가지 레이어가 필요한 셈이군요. 노엄 촘스키(Noam Chomsky)의 말이 떠오르네요. “언어는 무한한 표현을 가능케 하는 유한한 규칙 체계다.”
자연어와 컴퓨터 언어 모두 문법 구조를 지니고, 의미를 전달하며, 추상적 개념을 표현합니다. 하지만 컴퓨터 언어는 자연어로 실현할 수 없는 일을 가능케 하죠. 요컨대 컴퓨터 언어로 쓴 코드는 실행할 수 있습니다. 『스노 크래시』(Snow Crash)의 작가 닐 스티븐슨(Neal Stephenson)은 이를 ‘언어의 실행 가능성’으로 불렀죠.
서울시립대학교 학생입니다. 웹 환경에서 디자인할 때 최소한으로 지켜야 할 점이 있을까요?
책을 디자인할 때 본문 글자 크기를 대개 10포인트(약 3.5밀리미터) 안팎으로 지정하는 데는 역사적이고, 경제적이고, 인지과학적이고, 무엇보다 생물학적인 이유가 있는 것 같습니다. 최소한의 규칙이라면 규칙이죠.
이는 웹에서도 다르지 않습니다. 웹 브라우저에서 설정된 기본 글자 크기는 16픽셀입니다. 저보다 뛰어난 전문가들이 연구한 수치인 만큼 저는 여기에 의문을 품지 않습니다. 이에 따라 모든 수치를 16픽셀을 1REM, 즉 기본값으로 설정합니다. 그리고 모든 곳에 16의 약수와 배수를 적극적으로 활용합니다. 아시는 분은 아시겠지만, 이는 유별나게 저는 사용하는 방법론은 아닙니다.
다른 한 가지는 웹사이트가 ‘실행된다는’ 사실을 염두에 둡니다. 웹사이트가 하나의 공간이라면, 탭이나 클릭은 공간과 공간을 이동하는 일과 비슷합니다. 탭하거나 클릭하는 횟수가 많아지면 동선이 길어지는 셈이죠. 저는 이 동선을 가능하면 최소화하려 합니다. 그러다 보니 웹사이트에서 여러 페이지를 만들기보다 한 페이지를 활용하는 방식을 선호합니다. 즉, 스크롤을 통해 페이지상의 요소를 연결하는 거죠. 그러다 보면 자연스럽게 웹 페이지가 굉장히 길어지기도 하지만, 그 또한 웹사이트의, 나아가 웹의 자연스러운 특성입니다.
질서와 정리 정돈이라는 행동양식이 몸에 익은 것처럼 보인다. 민구홍에게 무질서란 사고(accident)인가? 본인이 접해온 무질서한 상황의 예시나, 이와 같은 상황을 접할 때 어떤 순서로 대책을 세우는지 또는 때로는 세우지 않는지 알려달라.
내가 관심 있는 건 질서 자체가 아닌, 어떤 대상에 질서를 부여하는 과정과 방식이다. 물론 어떤 상황에서는 우스꽝스러워 보일 정도로 지나치게 질서에 집착하지만, 모든 것을 완벽하고 깔끔하게 편집할 수는 없는 노릇이다. 모든 외래어를 순화하려는 국립국어원의 시도가 이를 증명한다. 특정한 원칙을 마련한 뒤 충실히 따르려 해도 해당 원칙을 무너뜨리는, 그래서 옹색한 세칙을 마련할 수밖에 없는, 내가 통제하기 어려운 상황이 일어나고야 만다. 따라서 우리 집은 물론이고, 내가 일하는 책상과 책상 주변은 질서와는 거리가 멀다. 온갖 콘텐츠와 기술이 뒤섞인 웹처럼, 가깝게는 우리 생활처럼 차라리 엉망진창이 자연스러운 상태임을 인정하는 편이 정신 건강에 이롭다.
구글 크롬 확장 프로그램 「읽기 전에 태우라」 탓에 웹에서 작성하던 글을 모두 날려버렸습니다. 어떻게 책임지실 건가요?

죄송합니다. 일찍이 시인 송승언 씨 또한 같은 상황을 경험하고 분노와 당혹감을 표출한 바 있습니다. 『레인보 셔벗』에 실린 그의 경험담을 읽으며 일단 화를 눅여보시는 건 어떨까요?
민구홍 매뉴팩처링에 웹사이트는 무엇인가?
애플(Apple)처럼 적당히 단단하면서 상큼한 것, 또는 마이크로소프트(Microsoft)처럼 미세하고 부드러운 것 사이에 있는 어떤 것.
아카이브 봄, 아트선재센터, 서울시립미술관 등에서 제품을 전시한 민구홍 매뉴팩처링에서는 오는 9월에 예정된 DDDD의 기획 전시에도 참여할 예정입니다. 오프라인 전시는 온라인과 달리 매체, 설치 과정, 전시, 관람 방식 등이 다를 수밖에 없는데, 온라인이 아닌 오프라인에서 2차원이 아닌 3차원의 결과물을 선보이는 것은 민구홍 매뉴팩처링에 어떤 의미가 있을까요?
감사하게도 제가 서울시에 납부해온 세금으로 또 다른 매체를 활용해볼 수 있다는 점 외에 회사, 즉 민구홍 매뉴팩처링을 소개한다는 주 업무에는 큰 변화가 없습니다. 온라인이든 오프라인이든, 2차원이든 3차원이든 결국 추억 속에는 민구홍 매뉴팩처링만 놓이지 않을까요?
민구홍이 가진 가장 장식적인 옷은 어떤 것인지 궁금하다.
타이포그래피의 수많은 강조법 가운데 특히 ‘가운데 맞추기’를 좋아한다. 고전적이긴 하지만, 그저 양쪽 여백을 동일하게 설정하는 것만으로 손쉽게 콘텐츠를 강조하고 장식할 수 있기 때문이다. 이따금 극적인 효과를 주기도 하고. 그 뒤에는 콘텐츠 자체에만 집중하면 된다. 좋아하는 만큼 즐겨 사용하기도 한다. 이 방법 앞에서 글자 크기를 키우거나 글자체를 바꾸는 데는 상대적으로 더 많은 고민이 필요하다. 게다가 글자를 얼마나 키울지, 어떤 글자체로 바꿀지, 합당한 또는 합당해 보이는 이유를 찾다 보면 억지스러워질 때도 있다. 이런 취향은 당연히 내 의생활에도 반영된다. 로고나 메시지 하나 없는 검은색 티셔츠일지라도 몸에 걸치는 순간 내게는 지나치게 멋을 부리는 셈이다.
조만간 「새로운 질서」에서 만날 날을 고대합니다. 한편, 인공지능을 비롯해 가상현실, 증강현실 같은 기술이 웹사이트의 가능성을 더욱 확장하는 마당에 웹사이트는 앞으로 어떻게 달라질까요?
인공지능은 콘텐츠를 생성하고 사용자 경험을 개선하는 데 혁신적으로 활용됩니다. 예컨대 『워싱턴 포스트』(The Washington Post)의 인공지능 기반 자동 기사 작성 시스템인 ‘헬리오그래프’(Heliograf)는 스포츠 경기 결과나 선거 속보 같은 데이터 중심 뉴스를 빠르게 생성하고, 이미 많은 웹사이트가 몰입형 경험을 제공합니다. 한편, ‘웹 3.0’이라 불리는 패러다임도 주목할 만하죠. 블록체인(Blockchain) 기술에 기댄 분산형 웹은 중앙화된 플랫폼에 기대지 않는 새로운 형태의 웹사이트를 촉발합니다. 그리고 많은 사람이 이를 통해 기술이 생산자와 소비자 사이의 직접적인 상호작용을 촉진하고, 디지털 자산의 소유권 문제를 해결할 수 있다고 믿습니다. 일찍이 보르헤스가 꿈꾼 알렙처럼 작은 점 속에 무한한 우주가 담기는 경험이 가능해지는 거죠.
하지만 이런 기술적 진보에도 ‘인간의 욕망과 창의성을 담아내는 그릇’이라는 웹사이트의 본질적 가치는 변하지 않습니다. 아무리 인공지능이 발전하더라도 우리, 즉 인간의 자리는 고스란하리라 믿는 까닭입니다. 민구홍 매뉴팩처링이 설립된 2015년, 1세대 넷 아티스트 J.R. 카펜터(J.R. Carpenter)가 주창한 핸드메이드 웹(Handmade Web)은 기술과 예술의 경계를 허물며 웹사이트가 얼마나 더 즐겁고 창의적일 수 있는지 증명합니다. 나아가 ‘핸드메이드 웹’의 정신은 웹사이트의 다른 모습과 기능을 꿈꾸는 사람들에게 수없이 강조해도 지나침이 없습니다. “우리에게 익숙한 ‘핸드메이드’(handmade)라는 말은 일반적으로 기계가 아닌 손이나 간단한 도구로 만든 물건을 가리킨다. 그 물건은 점토 재떨이처럼 평범하거나 질박할 수도, 고급 수제화 한 켤레처럼 완벽에 가까울 만큼 정교할 수도 있다.”

특히 이 문장이요. “오늘날 웹은 다국적 기업, 독점 애플리케이션, 읽기 전용 기기, 검색 엔진 알고리즘, 콘텐츠 관리 시스템(Content Management System, CMS), 위지위그(WYSIWYG, What You See Is What You Get) 에디터, 디지털 퍼블리셔 등과 함께 상업화를 향한다. 이때 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다. (…) 오늘날 웹은 독점적이고, 약탈적이고, 음란한 공간이 되고 있다. 그럴수록 나는 웹을 더욱 시적이고, 비타협적으로 사용하는 데 전념하려 한다.”
당신은, 역할은 다르지만, 인쇄 매체와 디지털 매체를 함께 다룬다. 좋아하는 책을 아우를 만한 특징이 있나? 있다면, 좋아하는 웹사이트와는 어떻게 다를까?
얼핏 평온하고 순진해 보이지만 들여다볼수록 어딘가 불온해 보인다. (또는 그 반대.) 처음 세운 논리와 원칙을 끝까지 유지하며 동시에 부순다. 가볍다.
소비자로서 내용은 내게 유익하기만 하면 그만이다. 이는 아무래도 상대적이고 유동적이다. 예컨대 간식으로 먹을 파이를 만드는 데 칼 세이건(Carl Sagan)의 『코스모스』(Cosmos)는 내가 구운 ‘우주적’ 파이의 맛까지 보장해주지 않으니까.
형식에 관해서는 할 말이 좀 더 있다. 마이크로 타이포그래피는 완벽할수록 좋지만, 매크로 타이포그래피에 대해서는 잘 모르겠다. 앞표지에 예쁜 꽃 사진 한 장만 넣어도 충분할 때가 있다. 중요한 건 그게 수선화인지, 양귀비인지다.
한편, 나는 디자인 학교에서 넓게는 웹, 좁게는 인터랙티브 디자인을 가르치기도 한다. 학생들에게 웹사이트는 판형이 정해지지 않은, 부피와 무게가 없는 책이고, 책은 하이퍼링크와 스크롤바가 없는, 부피와 무게가 있는 웹사이트라고 말하곤 한다. 당신도 알다시피, 웹이 과학자들의 논문 공유를 통한 공동 연구를 위해 시작된 것처럼 웹사이트의 형식은 책에 많은 부분을 빚지고 있다. 언젠가 둘은 형식에서는 갈림길에서 헤어졌지만 목적지는 하나다. (둘이 가는 길은 테서랙트 안에 있는 것 같다.) 물론 이사할 때는 책이 훨씬 불리하다. 반대로 웹사이트는 ‘인쇄한(publish)’ 뒤에도 언제든 수정할 수 있다는 점에서 절제력과 결단력이 없으면 팔목터널증후군이 생길 가능성이 커지니 주의해야 한다.
알파벳 대문자 O 셋, 하이픈(-) 하나로 이뤄진 ‘OOO-’에서 무엇이 떠오르는가?
몇 년 전 오사카 도톤보리에서 아내와 함께 먹은 삼색 당고. 내가 먹은 건 잘 쑨 팥소가 들어 있었다. 충동적으로 떠난 여행의 피로와 긴장이 해소되는 맛이었다. 아내가 먹은 나머지 두 개는 과연 어떤 맛이었을까?
검은색 배경에 점멸하는 노란색 글자를 한 시간 정도 명상하듯 읽다 보니 ‘너’와 ‘이것’ 모두 ‘웹사이트’를 가리키는 것 같은데요?
그렇게 해석할 수도 있겠네요. 한때 도서관을 뒤지거나 전문가를 찾아다녀야 비로소 얻을 수 있던 정보가 이제는 검색창에 몇 글자를 입력하는 것만으로 충분할 만큼 쏟아집니다. 하지만 잠시 그 이면을 들여다보면, 저도 늘 경험하듯 깊은 사고는 사라지고, 클릭과 ‘좋아요’만 남죠. 어제보다 더 많은 것을 알지만 어쩌면 아무것도 이해하지 못한 채로요. 나아가 우리의 개인 정보는 끊임없이 수집되고 분석되며, 때로는 우리가 모르는 사이 판매되기까지 하죠. 미래학자 니콜라스 카(Nicholas Carr)가 『생각하지 않는 사람들』(The Shallows)에서 우려한 대로 우리의 뇌는 점점 단편적인 정보를 처리하는 데 익숙해집니다. 파블로프의 개처럼 알림음에 조건반사적으로 반응하면서요. 소셜 미디어를 끊임없이 스크롤하는 사이 우리는 무엇을 얻고, 무엇을 잃었을까요?
서울시립대학교 학생입니다. 코딩을 처음 공부하는 사람들에게 반드시 해주고 싶은 말은?
우화 삼아 제가 처음 웹사이트를 만든 계기를 이야기하곤 합니다. 열한 살 무렵이던 1995년 처음 웹사이트를 만들었습니다. 당시 제가 사랑하던 친구를 행복하게 해주기 위해서였죠. 콘텐츠나 디자인 이전에 단순하지만 명징한 목표가 있었죠. 목표가 단순하고 명징하다면 나머지는 자연스럽게 따라옵니다. 즉, 자신의 야심과 취향에 따라 어떻게든 하게 되는 거죠. 사실 모든 게 그렇지 않나요?
앞서 말했듯 목표를 세우는 게 중요합니다. 아무것도 모르던 우리가 말을 하게 되거나 글을 쓰게 되는 과정을 떠올려보면, 처음에는 그냥 이것저것 따라 해보는 게 필수적입니다. 엄마나 아빠의 말을 따라 하는 것처럼요. 글쓰기에서 이야기하는 다독, 다작, 다상량에서 다독에 해당하는 과정이죠. 그 과정을 논리적으로 설명할 수 없을 만큼 자연스럽게 규칙을 체화하고, 규칙이 아닌 느낌에 따라 움직일 수 있을 때까지요.
나아가 어도비 소프트웨어처럼 세련된 아이콘이 즐비한 툴바가 없는 텍스트 에디터상에서 코딩이 이뤄지는 만큼 다른 접근 방법이 필요합니다. 예컨대 HTML을 익히고 텍스트 에디터상에서 다루다 보면 자연스럽게 콘텐츠를 콘텐츠의 맥락과 함께 구조적으로 이해할 수 있습니다. 제목은 제목으로, 문단은 문단으로, 이미지는 이미지로. 그렇게 HTML만으로 만들어진 최초의 웹사이트가 아름다워 보이기 시작하는 순간 또 다른 미감, 기준, 필터가 생겨납니다.
그리고 무엇보다 코딩 이전에 폴더와 파일 등 컴퓨터를 다루는 게 능숙해야겠죠.