자주 하는 질문

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

돌이켜보니 「너에게」와 「한국 코카-콜라 귀중」이 있었습니다. 여전히 답장을 받지 못했다는 점에서 말씀하신 것처럼 앞으로 “‘연애편지’ 연작”이라 부르겠습니다.

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

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

2001년에 열린 «코리아 웹 아트 페스티벌 2001» 이후 20여 년이 지났다. 그 사이 미술을 둘러싼 웹 생태계에서 어떤 일이 일어났는지 되돌아보는 작업이 필요하다. 일단 «웹-레트로» 전시 웹사이트부터 다시 운영하면 어떨까? 웹을 둘러싼 생산자를 정리하는 작업도 필요하겠다. 느닷없는 흐름에 휩쓸리듯 편승한 생산자도 있겠지만, 그 전부터 웹을 통해 이런저런 시도를 해온 사람도 적지 않다. 그들이 만든 지형도는 분명히 기존 미술 또는 디자인의 지형도와는 또 다른 모습일 것이다. 게다가 이 작업의 결과물은 누구나 어디서든 쉽게 열람할 수 있는 매체, 즉 웹사이트인 편이 좋겠다. 여기에 단순한 포럼 형태여도 좋으니 담론을 만들어내는 공간도 마련되면 좋겠다. 1996년 이래 수많은 생산자의 성공과 실패를 축적해온 뉴 뮤지엄(New Museum)의 아티스트 레지던시인 리좀(Rhizome)이 좋은 보기다. 사실 이 작업은 뜻이 맞는 몇몇 생산자와 이야기를 시작한 상태다. 혹시 관심 있는 생산자와 소비자는 [email protected] 앞으로 메일을 보내주시라.

최근 국립현대미술관, 서울시립미술관 같은 국공립 미술관과 작업할 기회가 몇 번 있었는데, 외부에서 작업한 웹사이트에 대한 서버 차원의 지원이 미비한 편이었다. 관공서 웹사이트는 대부분 자바로 개발된 전자 정부 표준 프레임워크를 기반으로 제작해야 하는데, 미술 및 디자인계에서 자바를 다룰 줄 아는 전문가는 민구홍 매뉴팩처링에서 파악하기로는 아무도 없다. HTML 태그도 의미론적으로 사용되지 않은 편이고, 기본적으로 작품 이미지에 시각장애인을 위한 대체 텍스트 또한 마련돼 있지 않다. 이는 즐거움 이전에 접근성을 위해 반드시 필요한 일이다.

학교에서도 웹에 관한 커리큘럼을 적극적으로 마련하면 좋겠다. ‹새로운 질서› 친구들 200여 명 가운데 미술 및 디자인 전공생이 30퍼센트 정도로, 적은 비율은 아니다. 그들 입장에서는 추가로 과외를 받는 셈인데, 그들에게 코딩 수업에서 무엇을 배우는지 물어보면 워드프레스 템플릿을 수정해보거나 특정 웹사이트를 그대로 재현해보는 정도에서 그친다고 한다. 한두 사람이 모든 경험과 실패를 독점하는 상황은 별로 건강하지 않다. 이를 나눌 수 있는 장치를 마련해야 옳겠다. 팀 버너스리 경이 강조한 웹의 정신이 ‘개방, 참여, 공유’ 아니던가. 커리큘럼을 마련하는 게 어려운 상황이라면 외부 강좌와 연계하는 방식도 있겠다.

설립 초반에 회사를 소개할 목적으로 호기 있게 사용해봤는데, 사용할수록 회사에는 맞지 않는다고 생각했다. 인스타그램에서는 글 한 줄을 게시하려 해도 이미지나 영상이 필요하고, 트위터에서는 글자 수에 제한이 있다. 소셜 미디어 플랫폼을 사용한다는 건 이런 제약에 암묵적으로 동의한다는 뜻이다.

특히, 인스타그램에서는 게시물 속 하이퍼링크가 작동하지 않는다. (일정 금액을 지불하면 해당 기능이 활성화한다고 알고 있다.) 이는 사용자가 되도록 오랫동안 ‘환상의 세계’에 머무르기를 바라는 인스타그램의 전략일 것이다. 또한 ‘좋아요’ 기능은 취지와 무관하게 자신의 게시물을, 나아가 자신을 현실에서 만날 일이 없는 불특정 다수의 사용자에게 평가받는 위치로 옮겨 놓는다. 그것을 눈으로, 게다가 깜찍한 하트 아이콘과 불과 몇백에 불과한 숫자로 확인하는 건 고역이다. 모든 사람이 ‘좋아요’ 개수가 많을 수는 없을 테니 누군가는 스스로 초라함을 느끼거나 자신의 삶 자체를 부정할지 모른다. 타임라인이 지닌 중독성 탓에 정신 없이 빠져들다 보면 거기서 벗어나기 두려워지는 현상은 일찍이 ‘PC 통신’ 시절부터 경험해왔다. 결국, 민구홍 매뉴팩처링에서는 소셜 미디어에서까지 워크룸의 계정에 기생하기로 했다.

대개 유니클로다. 특정 국가의 브랜드를 고집한다기보다 그저 집에서 도보로 10분 거리에 매장이 있기 때문이다. 가장 중요한 아이템인 만큼 조금이라도 해지면 손쉽게 공급할 수 있어야 한다. 단, 무슨 일이 있어도 페이크 삭스나 발목 양말은 신지 않는다.

무엇보다 취업에 대한 고민은 별로 없었어요. 대학 시절 텍스트, 즉 글에 관해서는 제 기준으로 당대의 손꼽히는 전문가들에게 잘 읽고, 잘 쓰고, 나아가 잘 베끼는 방법을 훈련받은 만큼 뭐라도 할 수 있겠다는 자신감이 있었어요. 까닭 모를 만용일까? 어쨌든 무슨 일을 하든 글을 잘 쓰고, 잘 읽고, 잘 베끼는 능력은 기본적으로 필요하니까요. 정 안 되면 시인이나 소설가로 등단할 수도 있었을 테고요.

제1판을 선보인 뒤 1년 사이 달라진 상황에 따라 몇몇 내용이 추가되거나 삭제됐고, 더욱 큰 화면에 오직 장영혜 중공업만 사용할 수 있는 소파와 헤드폰이 마련됐다. 그럼에도 장영혜 중공업을 향한 존경과 사랑, 그리고 부탁 한 가지는 그대로다. 답변을 받을 때까지 기회가 있을 때마다 선보이는 연작이 될 예정이다.

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

아무래도 약력 쓰기겠죠. 작가라면 앞으로 두고두고 사용할 자신의 약력만큼은 제대로 쓰고 편집할 수 있어야 하지 않을까요?

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

그렇게 생각한다면 감사할 따름이다.

귀하는 / 유니클로에서 / 느닷없이 / 친척 어른에게 / 귀하의 직업을 / 설명하게 될 것입니다. / 축하드립니다.

하지만 가장 섬뜩했던 건 메시지보다 음악가 김윤기의 오프닝 공연이었을 것이다.

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

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

다음 조건을 만족하는 사람 이름 짓기. 순서는 무순이다. 특정 성별을 암시하지 않을 것. 누구나 발음하기 쉬울 것. 순우리말 같지만 한자로 표기할 수 있을 것. 영어로 표기했을 때 열 글자 이하일 것. 지나치게 유별나지 않을 것, 즉 주위에서 놀림감이 될 여지가 없을 것, 즉 이름의 주인이 뒤늦게 나를 증오할 가능성을 차단할 것. 시대를 초월해 우아하고 세련될 것. 한 글자 이상일 것. 음양오행의 조화를 이룰 것. 성은 ‘민’일 것.

「회사 소개」는 일종의 선언문처럼 보이기도 한다. 그런데 일반적으로 선언문들이 풍기는 엄정함과는 거리가 있다. 회사를 만들었으니 소개는 해야겠는데, 무엇을 하는 게 좋을지 몰랐던 내게는 그만한 차선책이 없었다. 여기서 중요한 건 무엇을 하는지, 하지 않는지가 아니라 규정하는 것 자체에 있다. 그리고 일단 운신의 폭을 넓히는 데는 무엇을 하지 않는 쪽을 규정하는 게 낫다고 생각했다.

이렇게 자연스럽게, 때로는 노골적으로, 때로는 느닷없이, 때로는 누군가의 명성에 기대. 그래픽 디자인 듀오 슬기와 민은 이렇게 회사를 소개했다.

우선, 『레인보 셔벗』은 출판사 겸 그래픽 디자인 스튜디오 워크룸에 기생하는 기업, 민구홍 매뉴팩처링에 관한 책이다. 창설자 민구홍은 저술가이자 편집자이자 번역가이자 디자이너이자 소프트웨어 개발자인데, 직함 순서는 그때그때 달라진다. 민구홍 매뉴팩처링은 비디오 게임과 컴퓨터 소프트웨어에서 단편 소설과 음악 재생 목록까지 다양한 실용적, 공상적 제품을 내놓는다. 이처럼 다양한 제품에 일관된 주제는 자기 반영이다. 즉, 대부분 제품은 결국 ‘민구홍 매뉴팩처링’을 주제로 한다.

너무 많아서 하나도 기억 나지 않아요. 열한살 무렵 처음 웹사이트를 만든 이래 웹사이트를 만드는 게 일종의 취미가 된 터라 사실 대학교 졸업 작품까지 웹사이트로 만들었죠. 물론 보기 좋게 반려당했지만요.

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

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

구글 검색 결과에 따르면, 2021년 현재 웹상에 존재하는 웹사이트는 19억 개에 달한다고 하는데, 그렇다면 웹사이트를 만드는 방법은 최소 19억 개다. 통계에 잡히지 않는 웹사이트까지 고려하면 사실 이보다 훨씬 많을 것이다. 하지만 큰 얼개만 따지면 책 한 권을 만드는 과정과 비슷하다. 콘텐츠를 기획하고, 생산하고, 편집하고, 공개하고.

과거에는 콘텐츠를 편집할 때 나모 웹 에디터, 어도비 드림위버(Adobe Dreamweaver), 마이크로소프트 프런트 페이지(Microsoft FrontPage) 같은 위지위그(WYSIWYG, What You See Is What You Get) 소프트웨어를 사용하기도 했지만, 오늘날 전문적인 작업은 ‘코딩용 워드프로세서’라 할 수 있는 텍스트 에디터상에서 이뤄지는 게 일반적이다. GUI(Graphic User Interface)상에서 아이콘이 수행하던 일을 글자가 대신하는 셈인데, 내가 웹사이트를 만드는 일이 글쓰기와 다르지 않다고 무던히 말하는 까닭이다.

민구홍 매뉴팩처링에서는 우선 콘텐츠 가운데 무엇이 중요한지, 즉 무엇을 강조해야 하는지, 사용자(운영자)가 웹사이트를 공개한 뒤에도 콘텐츠를 제어할 수 있어야 하는지 판단한다. 이에 따라 프런트엔드(front-end)가 중심이 될지, 백엔드(back-end)까지 구축해야 하는지가 결정된다. 프런트엔드는 일반 사용자가 웹 브라우저상에서 경험하는 영역이고, 백엔드는 말 그대로 뒤에서 프런트엔드와 상호작용하는 기술이다. 그 뒤에는 콘텐츠를 파악해 데이터베이스를 구축하고, 콘셉트에 따라 화면과 세부 요소를 구성한다. 특정 기능을 개발하기도 한다. 오늘날 웹사이트에는 스마트폰과 데스크톱 화면을 위해 적어도 두 가지 레이아웃이 필요하다. 태블릿, 랩톱, 전광판같이 데스크톱보다 큰 화면까지 고려하는 경우도 있다. 추가적으로는 의미론적 태그를 사용하며 웹 표준을 준수했는지, 검색 엔진에서 제대로 검색되는지, 보안에는 문제가 없는지 등을 파악하는 작업이 필요하다. 여유가 있다면 작성한 글, 즉 코드가 아름다운지까지. 프로젝트에 따라 순서에 차이가 있을 뿐 모든 작업은 서로 엮여 거의 동시에 이뤄지고, 시안 대신 간략하게나마 기술과 콘셉트가 적용돼 실제로 구동하는 웹사이트를 함께 보며 이야기하는 편이다. 다소 장황해 보이지만, 사실 웹사이트는 일단 두 가지 컴퓨터 언어, HTML과 CSS(Cascading Style Sheets)만 익히면 누구나 만들 수 있다.

워크룸에서 일한 지 5년째 되던 해였어요. 안그라픽스의 안마노 씨에게 연락을 받았죠. “같이 일합시다.” 안그라픽스의 다음 단계를 준비하던 참이었고, 저를 디자인계로 이끌어준 안그라픽스에 힘을 보탤 기회가 생기면 좋겠다고 생각해왔었어요. 그렇게 ‘디렉터’라는 직함과 함께 ‘안그라픽스 랩’(약칭 및 통칭 ‘AG 랩’)이라는 정체불명의 독립 사업부를 맡게 됐죠. 사실 자리를 옮기기로 마음먹은 까닭은 사실 사소합니다. 사무실이 저희 집과 정말 가까웠거든요. 연남동 공원(경의선숲길) 옆에 있는데, 도보로 2분 거리입니다. 이제 운영한 지 1년 정도 됐는데, AG 랩은 안그라픽스라는 소프트웨어를 판올림하는 데 필요한 애드온 또는 플러그인 같은 게 아닐까 싶어요. 빨리 역할을 다하고 사라지는 게 맞을지도 모르겠어요.

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

어떤 프로젝트든 결과물을 예상했을 때 반드시 필요한 것, 특히 제목에서 모티브를 찾아보려 하는 편입니다. 조금 더 정확한 뜻을 파악하기 위해 사전을 들춰보기도 하고, 관련된 경험이나 추억은 없는지 되뇌어 보기도 합니다. 그러는 와중에 거리를 걷다가 나무나 돌멩이를 보고 갑자기 뭔가 떠오를 때도 있고요. 그 과정이 적절하다면, 많은 부분은 자연스럽게 해결된다고 믿습니다. 예컨대 『타이포잔치 2021: 거북이와 두루미』의 경우 거북이와 두루미가 지닌 특성에 주목했어요. 거북이는 땅에서 느릿느릿 기어다니고, 두루미는 하늘을 날죠. 그렇게 웹사이트상에서 두 가지 읽기 환경을 제안했어요. ‘거북이’ 환경에서는 콘텐츠를 느긋하게 열람할 수 있도록 1단으로, ‘두루미’ 환경에서는 전체 콘텐츠를 한눈에 조망할 수 있도록 최대 6단으로 설정했죠. 제목에 관해 조금 더 이야기하면, 스스로 제목을 제어할 수 있는 개인 프로젝트에서는 제목이 영 마음에 들지 않으면 나머지가 다 마무리됐더라도 공개하지 않는 경우가 많아요. 저는 기본적으로 제목이 프로젝트 자체를 규정한다고 생각하거든요. 전체 작업 기간 가운데 제목에 공을 들이는 게 반 이상은 될 거예요.

민구홍 매뉴팩처링이 독립하는 대신 운영자의 근무지에 기생하는 방식을 취한 건 무엇보다 자본과 용기가 부족했기 때문이다. 내가 조세법에 완전히 무지하고 집에서는 일을 제대로 하지 못하는 점도 한몫했다. 그렇게 회사는 숙주에 노동력과 얼마간의 즐거움을 제공하는 대신 운영자의 월급으로 운영비를 충당하고 숙주의 동산과 부동산, 즉 작업 공간을 비롯해 컴퓨터, 책상, 와이파이, 커피 머신 등을 이용할 기회를 얻는다. 이런 방식은 회사를 취미 삼아, 즉 이윤 창출에 대한 고민 없이 순전히 개인의 행복을 위해 운영할 수 있는 플랫폼을 마련해준다. 바람은 민구홍 매뉴팩처링과 숙주가 서로 필요한 부분을 제공하며, 함께 일하는 동료의 말을 인용하면 “어색함 없이 서로 착취하며” 함께 성장하는 것이다. ‘피를 빨아먹는다’는 일반적 의미의 기생과 다른 점이다. 이때 필요한 양분은 고객의 사랑과 관심일 테고.

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

없는 것 같아요. 뭐가 맞고 뭐가 틀리다는 생각 자체를 별로 하지 않는 편이에요. 살다 보면 조금 전까지 당연히 맞다고 생각한 게 몇 분 뒤 당연히 틀린 게 되고, 그 반대의 경우도 일어나잖아요. 질문과 비슷한 제목의 영화가 2015년에 개봉했는데, 아마 그게 제가 마지막으로 본 홍상수 감독의 영화일 거예요. 제가 오직 맞다고 생각하는 건 맞음과 틀림이 없음을 맞다고 생각하는 게 틀림없어요.

아직은 회사를 소개하는 데 집중하고 싶습니다. 회사 웹사이트의 또 다른 기능을 알려주셔서 감사합니다.

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

‘분홍이’라는 별명으로 더 많이 불리는 푹신은 아득히 먼 옛날 미술 평론가 겸 기획자 이한범 씨가 기획한 아카이브 전시 『픽션-툴』 웹사이트에서 태어났다. 웹사이트 자체가 또 하나의 전시였으므로 웹사이트상의 전시를 해설할 도슨트가 있으면 좋겠다고 생각했다. 전시 관련자가 아닌 제3자, 즉 관람객의 입장에서 말이다. 그렇게 웹사이트 화면을 돌아다니며 클릭할 때마다 메시지를 출력하는 기능이 탑재됐다. 그리고 전시 전체 기간을 백분율로 계산해 하루에 웹사이트 화면 높이의 일정 비율씩 커지도록 했다. 전시 종료일에 화면을 가득 채우는 모습을 의도한 것이기도 하다. 이한범은 전시 리플릿에 푹신에 관해 이렇게 썼다.

이제 여러분은 1층으로 다시 돌아와 한 벽면에 놓인 모니터를 통해 전시장에서 본 작업들의 정리된 정보를 확인하실 수 있습니다. 아마 남몰래 목록을 더해가고 있을 테니 시간 날 때마다 슬쩍 슬쩍 구경해도 재미가 쏠쏠하겠죠? 잠깐만요, 그런데 화면에 떠다니는 귀여운 녀석이 보이시나요? 커서로 쫓아가 (모바일 디바이스라면 손가락으로!) 건드리고 클릭하면 여러분께 말을 건넬지 모릅니다! 이 친구는 민구홍 매뉴팩처링이 이번 전시를 위해 특별히 만든 신제품입니다. 민구홍 매뉴팩처링은 웹이라고 하는 공간에 기반해 그 시스템의 기술을 이용한 기생형 프로그램을 만듭니다. 말하자면 직접 어떤 공간을 새로이 만들지 않고, 기존에 있는 공간에 달라붙어 그것을 비틀거나 변형시키는 방식으로 기능하는 거죠. 민구홍 매뉴팩처링은 심각하지 않습니다. 언제나 우리를 유쾌하게 해주는 장난스러운 개구장이에 더 가깝죠. 화면의 저 분홍색 친구는 절대 여러분을 해치지 않을 겁니다. 그런데 전시 기간 하루가 달리 몸집이 불어난다고 하니 조금 걱정이 되긴 하네요.

모양은 UX 분야에서 전통적으로 널리 사용되는 ‘생략 버튼’(ellipsis button)에서 따왔다. 대개 클릭하면 두드러질 필요 없는 부가적인 기능이나 정보를 드러내는데, 그 속성이 도슨트의 역할과 비슷하다고 생각했다. 곡률은 이후 모바일 애플리케이션으로 개발할 것까지 고려해 여러 모바일 운영 체제 아이콘 곡률의 평균값(전체 크기의 약 22퍼센트)을 지정했다.

이후 잠시 현실로 도피했다가…

지금은 다시 웹상에서 중얼거림을 이어가고 있다. 특히 난지미술창작레지던시의 큐레이터 정시우 씨와 코디네이터 정지원 씨의 사랑을 독차지하고 있다.

CMS의 가장 큰 장점은 사용자가 코드를 다룰 필요 없이 따로 마련된 페이지에서 콘텐츠를 관리할 수 있다는 점이다. 그렇다고 반드시 모든 웹사이트에 CMS가 필요한 건 아니다. 한번 공개한 뒤 더는 수정할 필요가 없거나 수정의 범위가 아주 제한적이라면 오히려 HTML과 CSS를 중심으로 만들어진 정적 웹사이트가 실용적이다. 게다가 두 언어만으로도 충분히 훌륭한 웹사이트를 만들 수 있다.

2003년 처음 공개돼 지금까지 꾸준히 업데이트되는 워드프레스는 훌륭한 소프트웨어다. 역사가 긴 만큼 사용자도 많고, 매뉴얼도 충실하다. 이는 문제가 생겼을 때 도움을 받을 수 있는 방법이 많다는 뜻이다. 전 세계 웹사이트 가운데 40여 퍼센트가 워드프레스 기반으로 만들어져 운영되고, 사용되는 CMS 가운데는 60여 퍼센트를 차지한다. 단, 범용성을 염두에 둔 탓에 기능이 지나치게 많아 기본적으로 용량도 크고 무거운 편이다. 모든 CMS가 그렇지만, 특정 기능을 구현하려면 추가적인 프로그래밍이 필요하고, 그럴 능력이 없다면 누군가 만들어놓은 플러그인을 막연하게 사용할 수밖에 없다. 그러다 보면 플러그인끼리 꼬이면서 웹사이트가 느려지거나 오작동하기도 한다. 워드프레스 웹사이트 하단의 “코드는 시다.(Code is poetry.)”라는 모토가 무색할 정도다.

한국에서는 여전히 웹사이트를 만드는 일이 워드프레스를 다루는 일처럼 받아들여지기도 하지만, 워드프레스는 수많은 CMS 가운데 하나일 뿐이다. 기술을 선택하고 사용하는 데는 조금 덜 세련된 방식과 조금 더 세련된 방식이 있을 뿐 정답은 없다. 한국에 비교적 덜 알려진 CMS 가운데는 표준 메타데이터 요소의 집합인 더블린 코어(Dublin Core)를 지원하는 ‘오메카(Omeka)’를 주목할 만하다.

최근 미국 뉴욕의 908A의 강이룬과 농담 삼아 미술 및 디자인계의 콘텐츠 생산 및 소비 방식에 특화된 CMS를 만들어보자는 이야기를 나누기도 했는데, 이처럼 조금 더 적극적인 모델도 있다. 즉, 자신에게 적합한 CMS를 직접 개발하는 방식이다. 한때 국내외를 막론하고 그래픽 디자인계에서 널리 사용된 대니얼 이톡(Daniel Eatock)의 ‘인덱시비트(Indexhibit)’가 좋은 보기다. 그밖에 링크드 바이 에어(Linked by Air)에서는 ‘이코노미(Economy)’를, 에어리어17(Area17)에서는 ‘트윌(Twill)’을, 라부드(Labud)는 ‘포레스트’(Forest)를 개발했다. 민구홍 매뉴팩처링에서는 자체적으로 오픈 소스를 커스터마이징한 ‘매니지먼트(Management)’를 사용한다. 이에 관해서는 따로 이야기할 기회가 있을 것 같다. 아니, 회사의 고객으로서 실제로 사용해보는 게 가장 좋다.

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

저는 디자인을 전공하지는 않았지만, 운 좋게 주위에 솜씨 좋은 선생님, 선배, 동료가 있었고, 그들 바로 옆에서 그들이 어떻게 일하는지 지켜보며 디자인을, 정확히는 ‘디자인’이라는 기술을 익힐 수 있었어요. 특히 그들이 디자인하며 결정을 내릴 때 그 이유를 따져보는 게 도움이 됐죠. 제가 디자인을 익힌 또 다른 학교인 구글(Google)의 도움도 많이 받았고요. 요즘에는 챗GTP(ChatGTP)의 도움까지 받죠. 디자이너로서 저는 일반적이거나 모범적인 사례는 아니에요. 일종의 우화(寓話)로 보는 게 맞겠죠. 디자이너가 되겠다는 목표 없이 우연히 또는 느닷없이 디자인계에 발을 들여놓게 된 만큼 당연히 따라야 할 모범이나 따르고픈 모범 같은 것도 없었고요. 무엇보다 모범을 따른다고 반드시 그렇게 되리라는 보장도 없죠. 모범이 있다면, 그를 참고해 자신에 맞게 편집하는 게 중요하겠죠. 지금 제 모습은 그저 제가 발 디딘 자리에서 최고의 선(善), 즉 하루 24시간 가운데 여덟 시간을 행복하게 보내는 상태를 더듬어본 결과 또는 과정입니다.

회사의 첫 번째 숙주인 안그라픽스에는 근무 시간 일부를 개인 작업에 사용할 수 있는 제도가 있습니다. 작업 성격에 따라 금전적으로 지원도 해주고요. “한국 그래픽 디자인의 역사를 새롭게 만들어가기 위한 크리에이티브 집단”에 어울릴 만한 제도였지만, 무슨 이유인지 아무도 이용하지 않았죠. 내 회사가 있으면 좋겠다는 기약 없던 꿈은 그 기회를 통해 실현됐습니다. 자본과 용기가 부족한 탓에 근무지에 기생하는 운영 방식을 택했지만요. 그렇게 회사는 숙주에 노동력과 얼마간의 즐거움을 제공하는 대신 운영비를 충당하고 숙주의 동산과 부동산을 이용할 기회를 얻습니다. 이런 방식은 회사를 취미 삼아, 즉 이윤 창출에 대한 고민 없이 순전히 개인의 행복을 위해 운영할 수 있는 플랫폼을 마련해줍니다. 바람은 회사와 숙주가 서로 필요한 부분을 제공하며, 누구가의 말을 인용하면 “서로 착취하며”, 함께 성장하는 것입니다. ‘피를 빨아먹는다’는 일반적인 의미의 기생과 다른 점이죠. 이때 필요한 양분은 고객의 사랑과 관심이겠고요.

시즌마다 급변하는 패션 경향을 따라가는 일은 재미있지만, 결국 많은 돈과 에너지를 수반한다. 이를 감당하기 벅찬 사람들은 체계(시스템)나 통일(유니폼)을 택하기도 한다. 내 옷차림은 코로나와 무관하게 이미 몇 년 전부터 미군의 ECWCS(Extended Cold Weather Clothing System)처럼 얼마간 시스템화했다. 유니폼화가 가장 두드러지는 업계는 IT 분야일 테다. 1980년대 초반 일본 도쿄의 소니(Sony) 본사를 방문한 애플의 스티브 잡스(Steve Jobs)는 직원 3만여 명이 똑같은 유니폼을 입은 광경을 본 뒤 1998년부터 세상을 떠날 때까지 예의 옷차림을 유지했다. 페이스북(Facebook)의 마크 저커버그(Mark Zuckerberg)는 회색 티셔츠, 청바지, 아디다스 슬리퍼를 애용한다.

따지고 보면 누구나 자신만의 옷차림이 있다. 내 경우에는 체감온도에 따라 상의, 하의, 신발, 크게 세 부분이 바뀐다. 한여름에는 프린트스타(Printstar) 티셔츠, 그라미치(Gramicci)나 갭(Gap) 반바지에 레인보 샌들(Rainbow Sandals) 플립플롭을 신는다. 햇빛이 강한 날에는 인터넷 아카이브(Internet Archive) 모자를 쓴다. 뉴욕에 있을 때 친구에게 선물 받은 아이템으로, 망가지지 않는 이상 계속 쓸 생각이다. 비가 오거나 바람이 많이 불면 까웨(K-Way) 바람막이를 입는다. 이를 기본으로 체감온도가 내려가기 시작하면 상의, 하의, 신발 순으로 바뀐다. 티셔츠 위에 챔피언(Champion) 회색 스웨트셔츠나 후디를 덧입고, 반바지 대신 유니클로(Uniqlo) 치노 팬츠나 리바이스(Levi’s)나 A.P.C. 청바지를 입고, 플립플롭 대신 뉴 밸런스(New Balance) 운동화를 신는다. 한때 선물 받은 992를 신어보기도 했는데 내 족형에는 아무래도 530이나 996이 잘 맞는 것 같다. 체감온도가 영상 10도 이하로 내려가면, 부산의 중고 의류 매장에서 구입한 브랜드를 알 수 없는 M-65 필드 재킷을, 겨울에는 랩(Rab) 다운재킷이나 글로버올(Gloverall) 더플코트를 덧입는다. 장당 5,000원대인 티셔츠는 1년 정도 입으면 모두 처분한 뒤 같은 제품으로 다시 구입하고, 나머지는 해지면 수선해 입는다.

결과적으로 구체적이면서 유연한 규칙, 즉 일종의 템플레이트(template)를 마련하고 아이템 각각을 모듈화해 조합하고 편집하는 전략이다. 장점은 소비 규모를 예측할 수 있고, 많은 사람이 꼽는 것처럼 아이템을 선택하는 데 들이는 시간을 다른 데 활용할 수 있다는 점이다. 아이템은 겨울에 입는 겉옷을 제외하고 세탁기의 표준 모드로 빨아도 무방하기 때문에 관리하기도 용이하다. 물론 결혼식장이나 장례식장에 갈 때는 숙부가 맞춰준 슈트에 구두는 알든(Alden) 9901이나 파라부트(Paraboot) 샴보드(Chambord) 가운데 하나를 선택하지만, 웬만하면 피하고 싶은 착장이다.

이 시스템은 별 고민 없이 오랫동안 편안하게 입을 수 있는 옷을 추구하는 과정에서 자연스럽게 정해지고 정리된 결과다. 코로나 이후에는 여기에 마스크가 추가됐을 뿐이다. 내가 갑자기 히피나 자연주의, 한국의 전통 복식 문화에 심취하지 않는 이상 크게 달라지지 않을 것 같다.

민구홍 매뉴팩처링 공식 웹사이트의 「자주 하는 질문」이나 최근 미국 프루트풀 스쿨(Fruitful School)에서 발표한 「프루트풀 프레젠테이션」을 참고하면 좋겠다. 민구홍 매뉴팩처링이 기생하는 워크룸에 직접 방문하는 것도 괜찮은 방법이다. 단, 두 회사 모두 이렇다 할 간판을 내걸지 않은 탓에 중국발 미세먼지가 가득한 거리에서 얼마간 서성일 각오를 해야 한다.

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

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

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

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

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

후회나 미련은 결과적으로 어떤 선택에 대한 호기심 어린 아쉬움이다. 후회는 무엇을 선택한 것에 대한, 미련은 무엇을 선택하지 않은 것에 대한. 어쨌든 후회나 미련 모두 몰입하면 몰입할수록 불행해지기 마련이고, 이제껏 잊고 있던 근원적 질문이 피어오른다. 나는 왜 태어났는가. 그것도 한국인 부모 사이에서. 따라서 되도록 후회와 미련에서 멀어지려 하지만, 일상이 크고 작은 선택으로 이뤄진 만큼 완전히 자유로울 수는 없다. 그때 그 여성에게 조금 더 적극적으로 고백했더라면… 그때 그 선생님에게 이메일을 보내지 않았더라면… 그때 그 약물을 복용하지 않았더라면… 그때 뉴욕에 더 오래 머물렀더라면… 그때 그 아파트를 매수했더라면… 그때 그 인물에게 투표했더라면… 그때 이 원고 청탁을 거절했더라면…

제품을 홍보할 때마다 “좋은 친구의 경솔한 속삭임은 차라리 모르는 게 낫죠.”라는 영국 가수 조지 마이클(George Michael)의 경구를 되새깁니다. 하지만 제품의 성격에 따라 못할 것도 없겠습니다.

10여 년 동안 종이책과 웹사이트를 편집해온 바로 오프라인 출판은 핑퐁 게임과 비슷합니다. 생산자의 역할은 크게 편집과 디자인으로 나뉘고, 서로 콘텐츠를 탁구공 삼아 주고받으며 결과물을 완성하죠. 반대로 온라인 출판, 즉 웹사이트는 저 한 사람이 거의 모든 것을 총괄합니다. 혼자 벌이는 핑퐁 게임이랄까요? 이 과정은 제게 글쓰기와 같습니다. 텍스트 에디터상에서 코딩, 즉 글을 쓰면서 시작해 트러블슈팅(troubleshooting), 즉 퇴고로 끝나니까요. 이 과정에서 자연스럽게 결과물의 구조적 질서, 시각적 질서, 기능적 질서까지 고려하게 되고요. 이 글쓰기의 끝에는 반드시 웹사이트만 있는 건 아닙니다. 공장에서 제품이 컨베이어벨트를 지나며 차곡차곡 조립되는 것처럼 과정이 분명하면 좋겠지만, 실제로는 아주 엉망진창입니다. 글쓰기 또는 웹처럼요.

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