자주 하는 질문

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

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

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

감동적인 편지 잘 읽었습니다. (가로세로 100vw, 100vh 크기로) 좋습니다. 당장 월요일부터 출근하시면 좋겠습니다. 월요일이 공휴일이라면 화요일부터요. 그나저나 소스 코드를 훔치는 데 일가견이 있으시네요!

‘매뉴팩처링(manufacturing)’은 일반적으로 ‘원재료를 인력이나 기계력 등으로 가공해 제품을 대량생산하는 산업’을 뜻하지만, 야구에서는 ‘도루나 진루타, 희생타 등 안타가 아닌 방법으로 득점하는 기술’을 가리키기도 합니다. 단어가 품은 기능주의와 기회주의를 실천하려는 의지를 회사 이름에 드러내고 싶었습니다.

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

정확합니다. 2015년부터 호스팅 업체로 미국의 드림호스트(Dreamhost)를 사용하고 있는데, 미국 서부의 오레곤에 있던 데이터 센터를 한국과 더 가까운 싱가포르로 옮기고, 여기에 클라우드플레어(Cloudflare)의 네임서버까지 사용했습니다. 쉬운 일은 아니었지만, 그 결과 200밀리초에 가까웠던 핑 속도가 100밀리초 미만으로 감소했습니다.

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

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

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

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

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

글쎄?

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

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

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

2021년 초겨울쯤 시청각 랩에서 민구홍 매뉴팩처링의 ‘회사 소개’라는 제목의 전시를 마련한다고 가정해 보자. 제한된 공간에서 주목도가 가장 높은 위치에 작품이 놓인다. 작품은 그저 납작할 수도, 납작하면서 움직일 수도, 부피가 있을 수도, 소리나 와이파이 신호처럼 비가시적일 수도 있다. 사람과 그 운동성이 작품이 될 수도 있다. 공간 한 쪽에는 전시와 관련한 정보가 리플릿 같은 형태로 놓인다. 그 옆에는 방명록, 토트백이나 티셔츠 같은 제품이 놓일 수도 있겠다. 소셜 미디어에 전시 정보를 담은 정방형 이미지가 게시되며 전시의 시작과 끝을 알리고, 관람객이 방문한다. 전시장 안에서는 큐레이터나 도슨트가 작품을 소개하거나 질문에 답변하거나 그들과 서로 친목을 다지고, 전시장 밖에서는 전시와 작품에 관한 이야기가 퍼진다. 전시가 끝난 뒤에는 비평문이 실린 도록이 출간되고, 그렇게 전시는 사람들의 추억 속에 놓인다.

온라인 전시에서는 대부분의 일이 웹사이트상에서 일어난다. 작품은 이진수로 이뤄진 데이터로서 웹 페이지에 놓인다. 홈페이지에서 전체 작품을 파악하고, 개별 작품을 하나하나 들여다보는 일뿐 아니라 방명록을 작성하고, 제품을 구입하는 일까지 웹 페이지를 오가거나 한 페이지에서 스크롤을 통해 이뤄진다. 짐을 싸고 공항으로 향하는 순간부터 여행이듯 온라인에서는 오프라인의 비가시적인 경험이 삭제된다. 전시장으로 향할 때의 기대감, 다른 출판물 사이에서 전시 도록을 들춰보는 재미 등은 웹 브라우저의 주소창에 주소를 타자하는 일로 축약된다.

상반기는 물론이고 하반기에도 없습니다. 회사에서 제공할 수 있는 것은 고작 운영자가 사용하는 책상의 일부 공간, 스툴, 사원(인턴)증, 명함, minguhongmfg.com을 도메인 네임으로 한 업무용 이메일 주소뿐이거든요.

해적단 사이에서 ‘오가사와라 키트’로 불린 인터넷 공유기는 이제껏 별 고민 없이 접속해온 인터넷에 가시적인 관문을 만드는 장치였다. 즉, 해적단 웹사이트에서 참여 작가들의 활동을 열람하려면 인터넷 공유기를 설치한 뒤 특정 와이파이(ogasawara)에 접속해 일종의 인증 절차를 거쳐야 한다. 공항이나 스타벅스 같은 공공장소에서 인터넷을 사용해본 적이 있는 사람은 익숙할 것이다. 한편, 인증 절차가 다소 복잡하다는 점(방문자는 단계마다 질문을 받고, 다음 단계로 넘어가려면 웹상에서 올바른 답변을 찾아내야 한다.)은 보물 상자의 잠금장치를 푸는 일과 비슷하다.

오늘날 웹은 이미 일상이 됐다. 웹 브라우저는 냉장고 패널이나 자동차 대시보드에까지 탑재된다. 자연스러운 상황에서 생각지 못한 순간과 맞닥뜨리면 자연스러움 자체를 다시 생각하게 된다. 인터넷 기술을 적극적으로 이용하려는 여러 분야의 시도는 대개 웹사이트 자체에만 집중한다. 이는 비단 미술계뿐이 아니다. 그런 점에서 오가사와라 키트는 웹사이트 이전에 인터넷에 접속하는 일 자체를 환기해보려는 장치이기도 하다. 물론 누구나 이용할 수 없다는 점에서 느슨하게 연결된 서로를 확인하는 징표 역할 또한 수행한다.

안그라픽스에는 날개집에서 맡아 진행하던 프로젝트가 길어지면서 자연스럽게 입사했어요. 대학교 4학년, 스물여섯 살 때였죠. 우연이라면 우연이었고, 그게 첫 사회 생활이었죠. 그러다 보니 인터뷰에서 이제껏 제 전공과 지금 하는 일에 관한 질문, 또는 “저는 디자인을 전공하지 않았는데, 디자이너로 일할 수 있을까요?” 같은 질문을 많이 받았는데, 답변은 한결같아요. 저는 제가 다닌 학교와 제 전공이 자랑스럽지만, 그렇다고 추앙하지는 않습니다. 즉, 제 학교와 전공이 제 앞날을 고스란히 결정하리라고 생각하지 않았어요. 문학을 전공한 덕일까요. 그럼에도 시인이나 소설가로 살고 싶은 마음은 별로 없었어요. 단지 글을 잘 쓰고, 또 잘 다루고 싶었죠. 그러다 보니 자연스럽게 글의 형식에 관한 기술인 타이포그래피에까지 관심을 두게 됐고요. 그러다 안상수 선생님과 인연이 닿은 거랍니다. 타이포그래피 또한 그 관심의 끝이라기보다는 여러 징검다리 가운데 하나일 뿐입니다. 언젠가는 스타트업을 운영하거나 힙합 음악을 발표하거나 일본으로 이민을 갈지도 몰라요. 그게 제가 생각하는 제 글쓰기에 도움만 된다면요. 결국 문학이 제게 가르쳐준 건 언어를 다루는 법, 그리고 그 언어로 세계를 엮는 방식인 것 같아요. 그게 저술이든, 편집이든, 번역이든, 디자인이든, 프로그래밍이든 저는 늘 글을 쓰고 있다고 느낍니다.

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

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

웹사이트는 강력하지만 동시에 허약한 매체입니다. 만질 수도 없고, 일반적으로 웹 브라우저 없이는 열람할 수조차 없죠. 그리고 세입자가 방을 빌리듯이, 웹사이트도 돈을 내서 도메인의 일정 용량을 사용합니다. 이렇게 되면 한곳에 모든 데이터가 모이죠. 자칫하면 데이터를 관리하는 회사가 정보를 통제하는 위험성이 생기기도 합니다. 이런 문제를 해결하고자 다양한 시도가 이뤄지고 있어요. 예컨대 비커 브라우저(Beaker Browser)를 사용하면 사용자의 컴퓨터는 클라이언트이자 서버가 됩니다. 즉, 사용자는 중앙 서버를 거치지 않고 서로 정보를 주고받을 수 있죠. 데이터를 조각내서 공유하는 토렌트(Torrent)와 유사해요. 웹사이트와 P2P(Peer-to-peer)가 결합한 형태로 인터넷의 탈중앙화를 꾀하는 시도죠. 이렇게 의문을 제기하는 게 중요하다고 생각해요.

웹사이트는 ‘영원한 베타(perpetual beta)’ 버전입니다. 서버를 운영하는 데 돈을 지불하지 않으면 폐쇄되죠. 링크가 깨지는 경우도 많고요. 하지만 웹의 존속은 제작자의 마음에 달려있다고 생각해요. 예컨대 전시나 행사를 위한 웹사이트일 경우, 일정 기간 필요한 정보를 모두 전달하면 더 이상 유지할 필요가 없습니다. 하지만 도록이나 아카이브로 사용하는 웹이라면 오래 존재할 수 있죠. 예컨대 최초의 웹사이트는 30년 넘게 지금까지도 운영 중이에요. 똑같은 내용과 똑같은 형식으로 말이죠. 그래서 웹의 생명이 짧다고 일반화할 수는 없습니다. 필요에 따라서 어떤 웹사이트는 오랫동안 지속하기도 하니까요.

첫째는, 운영자의 근무지에 기생하는, 다시 말해 근무지의 동산과 부동산을 무단 이용하는 운영 방식을 유지하는 것입니다. 이는, 실제로도 그렇지만, 형식적으로도 운영자가 민구홍 매뉴팩처링을 취미로 삼을 수 있는 플랫폼을 마련해줍니다. 둘째는 리코타 치즈를 중심으로 한 음식 사업에 도전하는 것입니다. 리코타 치즈는 제작하기 상대적으로 어렵지 않고, 맛있는 데다가 아주 하야니까요. 물론 계획이란 게 언제나 그렇듯 수정되거나 무기한 연기될 여지는 얼마든지 있습니다.

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

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

지금까지 총 세 명이 거쳐갔죠. 특히 첫 번째 인턴이었던 송예환 씨는 하루 만에 퇴사했어요. 회사와 인턴이 서로 원하는 걸 얻는 데 시간은 별로 중요하지 않아요. 예환 씨 덕에 회사에서는 인턴을 둘 만큼 건실하다는 사실을 증명할 수 있게 됐고, 저는 편하게 차를 마실 수 있는 친구도 생겼죠. 지원 방법을 비롯해 민구홍 매뉴팩처링 인턴에 관한 자세한 이야기는 다음 글을 참고해주세요.

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

지금까지 경험해본 바로는 이해할 수 없는 대상과 사랑에 빠지는 건 이따금 감행해볼 만한 일이다. 모든 게 엉망진창이 되리라는 것을 예감하더라도 몸과 마음을 그저 흐름에 맡겨보는 것이다. 2021년의 트렌드 가운데 특히 메타버스(Metaverse)와 NFT(Non-Fungible Token)는 여전히 이해하기 어렵고, 사실 이해하고픈 마음도 별로 일지 않지만, 분위기상 한동안 이야깃거리가 되리라는 것만큼은 분명하다. 민구홍 매뉴팩처링에서도 여기에 한 발 담글 수 있는 여지가 없을지 기회를 엿보고 있다.

좋은 질문입니다. 무엇보다 국립국어원에서 정한 한글 맞춤법과 외래어 표기법을 준수하려 노력합니다. 기본적인 것에 충실하다 보면 결과물이 자연스럽게 도출되기도 해요.

「회사 소개」. 열세 번째 ‘시청각 문서’로, 민구홍 매뉴팩처링에서 하지 않는 일 서른일곱 가지를 나열했다. 홍은주·김형재 씨가 디자인하고, 영어판은 고아침 씨가 번역했다.

「장영혜 중공업 귀중」. 장영혜 중공업의 장영혜, 마크 보주(Marc Voge) 대표에게 보내는 공개서한으로, 장영혜 중공업을 향한 민구홍 매뉴팩처링의 존경과 부탁 한 가지를 담았다. 형식적으로는 장영혜 중공업을 민구홍 매뉴팩처링식으로 답습했다. 단, 결과물은 어도비 플래시(Adobe Flash)나 비미오(Vimeo) 영상이 아닌 그보다 조금 더 단순하지만 기민하게 동작하는 웹 페이지로, 구절마다 글자와 배경 색이 무작위로 바뀌고, 구절마다 할당한 소리(드럼과 하이햇)가 반복되면서 심드렁한 음악을 만든다. 참고로 답장은 아직 받지 못했다. 음악 때문일까? 「장영혜 중공업 귀중」에 관해 조금 더 알고 싶다면 더 북 소사이어티 웹사이트에 실린 글을 읽어보기를 권한다.

먼저 접근성의 문제를 살펴볼까요? 웹 접근성 지침(Web Content Accessibility Guidelines, WCAG)은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있어야 한다고 말합니다. 하지만 이따금 예술적 표현은 이런 지침과 충돌할 수 있죠. 특히 실험적인 타이포그래피나 복잡한 인터랙션은 ‘웹사이트를 듣는’ 스크린 리더(Screen Reader) 사용자에게는 난해할 수 있으니까요. 하지만 이는 오히려 또 다른 해결책을 요구하는 도전이 될 수 있습니다. 디자이너 사라 헨드렌(Sara Hendren)은 장애와 기술의 경계를 다룬 작업으로 접근성에 대한 고정관념을 흔들었죠.

상업성과의 충돌도 마찬가지입니다. 특히 기업의 웹사이트는 브랜드 아이덴티티를 표현하는 동시에 사용자 경험까지 고려해야 합니다. 이 또한 표현을 제한하는 동시에 새로운 가능성을 열어줍니다. 예컨대 애플의 웹사이트는 미니멀리즘과 인터랙티브 요소를 절묘하게 결합해 브랜드 가치를 전달하는 동시에 사용자를 매료시킵니다. “형태는 기능을 따른다”(Form follows function.)라는 바우하우스(Bauhaus)의 원칙을 디지털 시대에 재해석한 것과 같죠.

기술적 제약 또한 양날의 검입니다. 웹 브라우저 호환성, 로딩 속도, 모바일 최적화 등의 문제는 창작자를 제한하는 동시에 새로운 해결책을 찾도록 자극합니다. 예컨대 미디어 쿼리(Media Query)를 이용한 반응형 웹 디자인은 이런 제약에서 비롯했죠. 악기의 한계를 극복하며 매순간 새로운 질서를 만들어내는 재즈 뮤지션들이 떠오르지 않나요?

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

시적 연산 학교에 합격한 무렵 워크룸의 박활성 선배에게 연락을 받았어요. “같이 일합시다.” 박활성 선배를 비롯해 김형진, 이경수 선배는 안그라픽스에서 ’16시’를 기획하면서 처음 만났어요. 그 뒤로 좋아하고, 또 존경하는 선배였고, 당연히 그들과 일하는 모습을 상상하기도 했죠. 그렇게 학교를 마치고 귀국한 뒤 자연스럽게 워크룸에 입사하게 됐습니다. 사실 워크룸의 제안이 없었다면 저는 지금도 미국에 있었을 거예요. 동기들처럼 작가로 활동하거나 학교에 출강하면서요. 워크룸에서 제 역할은 편집자였지만, 가장 먼저 한 일은 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』(Forget all the rules about graphic design. Including the ones in this book.)를 한국어로 번역하고, 워크룸 웹사이트와 워크룸 프레스 웹사이트를 개편한 일이었어요. 워크룸이 구성원의 역할을 엄격하게 규정하지 않은 덕에 가능한 일이었죠. 그 뒤 ‘실용 총서’ 등 여러 책을 기획하고, 미술 및 디자인계 안팎의 크고 작은 웹사이트를 만들며 사람을 대하고 일하는 방법을 배웠죠. 이 과정에서 민구홍 매뉴팩처링을 널리 소개할 수 있게 됐고요. 워크룸 덕에 30대 초중반을 정말이지 행복하게 보냈습니다.

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

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

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

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

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

누군가를 혐오하기보다 그를 자기 것으로 이용할 구실을 만들어보시면 어떨까요? 분에 못 이겨 혐오를 공론화하신다면, 이 또한 결국 민구홍 매뉴팩처링을 소개하는 일로 수렴할 가능성이 큽니다.

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

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

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

콘텐츠를 담는 그릇으로서는 별다른 차이가 없지만, 파급력 면에서는 웹사이트가 인쇄물보다 우수하다. 웹사이트를 열람하기 위해서는 물리적으로 이동할 필요 없이 인터넷에 연결된 스마트폰 한 대면 충분하니까. 학교에서 강의를 하다 보면 학생들이 종종 인쇄물과 웹사이트를 비교하려 한다. 기존 커리큘럼의 영향도 있겠지만, 아무래도 생산자로서 책이나 포스터 같은 전통적인 인쇄 매체에 익숙하기 때문일 것이다. 웹은 태생적으로 과학자들이 논문을 효율적으로 공유하기 위해 발명됐다. 즉, 웹사이트는 역사적으로 인쇄물에서 출발한 셈이다. 웹사이트는 인쇄물의 장점을 포섭하고 발전한다. 따라서 두 매체를 같은 출발선상에 놓고 비교하기보다는 인쇄물을 웹의 조상, 그리고 웹은 진보한 인쇄물로 여기는 편이 이롭다. 물론 웹사이트는 종이를 만질 때 느껴지는 흡족함을 주지 못하고, 책과 달리 영원한 베타 버전이라는 차이가 있지만. 팀 버너스리 경과 함께 최초의 웹사이트를 만드는 데 참여한 CERN의 댄 노예스(Dan Noyes)는 이렇게 말했다. “웹사이트는 책과 다르다. 책은 시간을 통해 존재한다. 웹사이트에서 데이터는 반복적으로 덮어씌워진다. 책과 비교하면 웹사이트를 만드는 건 얼마간 부질없는 일이다.”

언젠가 한 출판사 관계자와 웹사이트 개편에 관해 이야기를 나누다 비슷한 질문을 받은 적이 있다. “이참에 웹사이트에서 책의 물성을 구현해보고 싶은데… 가능하겠죠?” 그는 순진한 표정으로, 특히 ‘물성’에 힘을 보태 말했다. 이는 책에서 유튜브 영상을 재생하고 싶다는 말과 다르지 않다. 웹에서는 Z축상에 레이어가 아무리 쌓이더라도 두께는 0픽셀이다. 웹상의 물성에 관해 이야기할 수 있는 바는 이뿐이다. 오랜 고민 끝에 출판사 관계자에게는 결국 구글이나 네이버 본사에 문의해보시는 게 좋겠다고 정중히 말씀드렸다.

해당 게임뿐 아니라 게임을 마음껏 뜯어고칠 수 있도록 주석과 함께 소스 코드가 제공됩니다. 지금은 안타깝게도 품절됐다고 합니다.