자주 하는 질문

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

타이포그래피의 수많은 강조법 가운데 특히 ‘가운데 맞추기’를 좋아한다. 고전적이긴 하지만, 그저 양쪽 여백을 동일하게 설정하는 것만으로 손쉽게 콘텐츠를 강조하고 장식할 수 있기 때문이다. 이따금 극적인 효과를 주기도 하고. 그 뒤에는 콘텐츠 자체에만 집중하면 된다. 좋아하는 만큼 즐겨 사용하기도 한다. 이 방법 앞에서 글자 크기를 키우거나 글자체를 바꾸는 데는 상대적으로 더 많은 고민이 필요하다. 게다가 글자를 얼마나 키울지, 어떤 글자체로 바꿀지, 합당한 또는 합당해 보이는 이유를 찾다 보면 억지스러워질 때도 있다. 이런 취향은 당연히 내 의생활에도 반영된다. 로고나 메시지 하나 없는 검은색 티셔츠일지라도 몸에 걸치는 순간 내게는 지나치게 멋을 부리는 셈이다.

웹사이트에서 이야기하는 대상과 방식에 따라 완성도의 기준은 천차만별일 거예요. 앞서 말씀드렸듯 일단 웹 브라우저상에서 제대로 동작해야 하지 않을까요? 사실 이를 위해 고려해야 할 부분만 따져도 무궁무진합니다. 뜬금없을지 모르지만 저는 어떤 글쓰기에 관해 이야기해보고 싶어요. 문학을 공부하던 시절에 배운 좋은 글쓰기의 원칙 가운데 중언부언하지 않는다는 게 있어요. 같은 대상에 관한 두 가지 진술이 있다면 간단한 쪽을 택하는 게 좋다는 오컴의 면도날(Occam’s Razor)도 비슷한 원칙이고요. 이 원칙은 코드를 포함한 웹사이트에도 충분히 적용될 수 있다고 생각해요. 중복되는 요소나 기능을 하나로 합치는 것처럼요. 이를 위해서는 글쓰기처럼 수차례 퇴고 과정이 필요하죠. 지난할 수 있지만 반드시 해야 하는 일이고요. 한 문장만으로 이뤄진 웹사이트라 해도 퇴고 과정을 얼마나 거쳤는지에 따라 결과물은 얼마든지 달라질 수 있습니다.

대한민국 서울이다. 북녘에 계시는 김 선생님의 잠재적 주요 타깃이기도 하다.

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

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

일반적으로 갤러리 웹사이트는 콘텐츠와 구조 덕에 메타적인 전시의 형식을 띨 수밖에 없다. 대안공간 루프 웹사이트도 크게 다르지 않다. 웹사이트의 요소는 루프의 영문명(Loop)을 암시하는 동시에 여러 페이지를 오갈 수 있는 내비게이션으로 기능한다. 접속할 때마다 무작위로 바뀌는 두 번째 ‘O’는 과거 전시와 연결되는데, 방문객뿐 아니라 루프의 구성원에게 그동안 루프에 쌓인 시간을 되새기려는 의도였다. 한편, 민구홍 매뉴팩처링은 웹사이트 제작으로 루프에 후원했다. 한국 대안 공간의 효시인 루프의 활동을 그렇게나마 응원하고 싶었다.

웹 3.0의 대표적인 화두인 NFT(Non-Fungible Token)와 관련한 몇 가지 프로젝트에 참여하고 있는데, NFT가 무엇인지 묻는다면 제대로 답변할 자신은 없습니다. 많은 사람이 주목하는 기술임에는 분명하지만, 러닝 커브(learning curve)가 가파른 탓에 선뜻 익히기가 쉽지 않아요. NFT를 둘러싼 커뮤니티가 초심자에게 조금 배타적이기도 하고요. 처음에는 ‘그들만의 놀이터’라 여겨지기 쉽죠. 그래서일까요? 오히려 웹 1.0을 향한 관심이 조금씩 늘어나는 것 같아요. 다들 아시겠지만 index.html 파일 하나만으로도 웹사이트가 될 수 있듯 ‘index.html 무브먼트’ 같은 게 일어나는 상황을 즐겁게 상상하곤 합니다.

얼핏 평온하고 순진해 보이지만 들여다볼수록 어딘가 불온해 보인다. (또는 그 반대.) 처음 세운 논리와 원칙을 끝까지 유지하며 동시에 부순다. 가볍다.

소비자로서 내용은 내게 유익하기만 하면 그만이다. 이는 아무래도 상대적이고 유동적이다. 예컨대 간식으로 먹을 파이를 만드는 데 칼 세이건(Carl Sagan)의 『코스모스』(Cosmos)는 내가 구운 ‘우주적’ 파이의 맛까지 보장해주지 않으니까.

형식에 관해서는 할 말이 좀 더 있다. 마이크로 타이포그래피는 완벽할수록 좋지만, 매크로 타이포그래피에 대해서는 잘 모르겠다. 앞표지에 예쁜 꽃 사진 한 장만 넣어도 충분할 때가 있다. 중요한 건 그게 수선화인지, 양귀비인지다.

한편, 나는 디자인 학교에서 넓게는 웹, 좁게는 인터랙티브 디자인을 가르치기도 한다. 학생들에게 웹사이트는 판형이 정해지지 않은, 부피와 무게가 없는 책이고, 책은 하이퍼링크와 스크롤바가 없는, 부피와 무게가 있는 웹사이트라고 말하곤 한다. 당신도 알다시피, 웹이 과학자들의 논문 공유를 통한 공동 연구를 위해 시작된 것처럼 웹사이트의 형식은 책에 많은 부분을 빚지고 있다. 언젠가 둘은 형식에서는 갈림길에서 헤어졌지만 목적지는 하나다. (둘이 가는 길은 테서랙트 안에 있는 것 같다.) 물론 이사할 때는 책이 훨씬 불리하다. 반대로 웹사이트는 ‘인쇄한(publish)’ 뒤에도 언제든 수정할 수 있다는 점에서 절제력과 결단력이 없으면 팔목터널증후군이 생길 가능성이 커지니 주의해야 한다.

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

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

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

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

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

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

HTML, CSS, 자바스크립트, PHP, 파이선입니다. 여기에 한국어와 영어도 포함하고 싶습니다. 프롬프트처럼 이제 자연어로도 컴퓨터와 소통할 수 있는 시대니까요.

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

가장 직접적인 것은 추가 소비가 늘고 신체에 변화가 생겼다는 점이다. 사람이 많이 모이는 곳을 피하다 보니 지하철이나 버스 같은 대중교통보다는 택시를 이용하게 됐고, 매주 일요일에 마스크를 구입한다. 비말이나 공기를 통한 감염을 방지하려는 목적도 있지만, 무엇보다 내가 무증상 감염자일 수 있다는 판단에서 집 밖에 있을 때는 식사 시간을 제외하고 항상 마스크를 착용한다. 그러다 보니 머리와 귀가 만나는 부분에 마스크 밴드의 너비만큼 골이 패였고, 특히 어릴 때 야구를 하다 다쳐서 수술한 오른쪽 귀 뒤쪽에 이따금 가벼운 통증을 느낀다. 앞으로 본격적인 여름이 시작되면 얼굴에서 마스크를 착용하지 않는 부분만 뙤약볕에 그을릴 게 뻔한데, 이를 어떻게 대비할지 고민하고 있다. 게다가 몸무게가 점점 줄고 있다. 손을 자주 씻으면서 전보다 더 몸을 움직이기 때문인 듯하다.

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

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

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

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

민구홍 매뉴팩처링(‘민구홍매뉴팩처링’으로 붙여쓰기 할 수 있다.)은 1인 기생 회사다. 여기서 ‘기생’은 다른 회사, 즉 내 근무지에 더부살이한다는 뜻이다. 민구홍 매뉴팩처링 운영 방식 중 하나다. 지금은 그래픽 디자인 스튜디오 겸 출판사 워크룸(Workroom)에 기생한다. 이전 숙주는 대한민국의 주식회사 안그라픽스(Ahn Graphics)였고. 한편, 2015년 회사를 설립하면서 서른일곱 가지 목록을 통해 회사를 처음 소개했다. 열세 번째 시청각 문서로 발표한 「회사 소개」라는 글로, 회사의 첫 번째 제품이었다. 이는, 지금도 어느 정도 그렇지만, 당시 회사의 주 업무가 명확하지 않기 때문이었다. 여기에는 회사라면 모름지기 무엇을 하기보다 하지 말아야 하는 게 더 중요하다는, 별 근거 없는 신념도 어느 정도 작용했다. 각 항목은 “민구홍 매뉴팩처링에서는 비트코인으로 후원금을 모금하지 않습니다.”를 포함해 여전히 유효하다.

며칠 전 뉴욕을 방문했을 때 JFK 공항으로 돌아가는 전동차 안에서 여기에 몇 가지 항목을 더하기로 했다. 기존의 항목 중에 몇 가지를 수정할 필요도 생겼다. 그러면서 그간 명확하지 않았던 주 업무 하나를 결정해 한 문장으로 정리했다.

민구홍 매뉴팩처링에서는 무엇보다 회사를 소개하는 데 주력합니다.

그리고 여기에 구체성을 더하고 혼동을 피하고자 몇 구절을 더하면 좋겠다고 생각했다.

민구홍 매뉴팩처링에서는 무엇보다 여러 방식으로 회사, 즉 민구홍 매뉴팩처링 자체를 소개하는 데 주력합니다.

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

좋은 질문입니다. 가비아는 민구홍 매뉴팩처링에서 경험한 호스팅 업체 가운데 가격 대비 성능 측면에서 그리 좋지 못한 쪽으로 다섯손가락 안에 듭니다. (여전히 PHP 7.4가 최신 버전이라는 게 가당키나 할까요?) 게다가 업체명처럼 고객에게 ‘갑’ 행세를 하는 데 거리낌이 없죠. 인터넷의 평화를 위해 되도록 속히 다른 업체를 찾아보시는 게 현명합니다.

2022년 『더플로어플랜』(The Floorplan)과의 인터뷰에서 이렇게 말한 적이 있습니다. “저를 무엇으로 규정하는지는 그저 상대방에게 맡기고 싶습니다. 제가 생각지 못한 직함이 튀어나오고, 그에 따라 상대방을 대하는 제 태도도 달라지는 게 재미있고요. 그렇게 저는 상대방에 따라 편집자뿐 아니라 작가, 선생님, 나아가 남편이나 애인이 되기도 하겠죠.” 여러 직함으로 불리곤 하지만, 저는 무엇보다 ‘편집자’에서 풍기는 무미건조함이 마음에 듭니다. 이는 ‘편집’이라는 행위가 아우르는 범위가 불분명하다는 점에서 비롯합니다. 아주 넓기도 하고, 아주 좁기도 하죠. 저는 디자인 또한 편집의 일부라고 생각해요. 편집과 디자인을 동시에 경험해본 분은 제 말 뜻을 아실 거예요.

그건 내가 한국인 부모 사이에서 태어난 것처럼 그야말로 우연이다. 한글도 마찬가지다. 한글을 따라다니는 ‘고도로 진화한 문자’ 같은 수식어는 언뜻 바로 손에 잡히지 않는다. 우연에 관해 말하는 건 아무래도 쉽지 않다. 내가 한국어를 좋아하는 건 단지 그게 (HTML, CSS, 자바스크립트처럼) 내가 곧잘 쓸 수 있는 도구이기 때문이다.

지금은 한국어와 영어보다는 둘의 문자 체계, 즉 한글과 로마자에 관해 이야기하는 게 나을 듯하다. 몇 년 전 민구홍 매뉴팩처링에서는 구글 폰트 + 한국어 웹사이트를 만드는 데 참여한 적이 있다. 그 덕에 민구홍 매뉴팩처링은 구글 폰트의 친구가 됐고. 한글은 닿자 열아홉 가지와 홀자 스물한 가지로 이뤄진다. 둘은 서로 조합돼 한 글자가 되고, 그 조합의 합은 물경 1만 7,388가지나 된다. 이런 특징은 한글 폰트를 제작할 때는 물론이고 특히 웹에서 사용할 때 영향을 미친다.

노토 산스(Noto Sans)를 기준으로 로마자 버전은 455킬로바이트지만, 한글 버전은 2.2메가바이트에 달한다. 작은 차이 같지만 브라우저가 폰트를 완전히 내려받는 단 몇 초 동안에는 페이지가 깜빡이며 제대로 표시되지 않는다. 구글은 이 깜빡임을 최대한 줄이기 위해 심지어 머신 러닝 기술까지 도입했다.

나는 때로는 구글이 이 깜빡임을 완전히 없애는 것과 번역 기술 개선을 통해 언어 민주화를 이룩하는 것 중에 어느 쪽이 먼저가 될지 궁금하다. 영어권 사용자에게는 도시 전설처럼 들릴지 모르겠다. 그런데 웹에서는 생각보다 많은 일이 일어난다.

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

공식 웹사이트를 비롯해 여러 방식으로 회사를 소개하기 때문일까요? 사실 민구홍 매뉴팩처링을 소개할 일은 생각보다 많지 않습니다. 이미 어느 정도 짐작하신 상태에서 이야기가 시작되곤 합니다. 회사를 소개하는 방식은 소개하는 대상마다 달라지는 것 같아요. 며칠 전 한국 코카-콜라와 미팅할 때는 코카-콜라를 사랑하는 회사로 소개했어요.

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

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

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

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

민구홍 매뉴팩처링 그 자체. 한 인간의 생활을 제법 둥글게 작동시키는 도구라는 점에서 말이다. 지금 당신과 마주 앉아 이런 이야기를 주고받을 수 있는 것도 다 그 덕이라고 생각한다. 게다가 민구홍 매뉴팩처링이 아니라면 자본과 용기가 부족하다는 속내를 쉽게 털어놓지 못했을 테다. 그리고 행복한 척하며 미국이나 네덜란드를 떠돌았겠지.

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

넓은 의미에서 제게 문학은 언어를 가지고 노는 일이고, 언어학은 언어의 구조와 규칙, 기능과 의미를 발견하는 일입니다. 디자인이나 코딩 또한 사용하는 언어가 조금 다를뿐 모두 이 범주 안에 있습니다.

일반적인 글쓰기든 코딩이라는 글쓰기든 모두 소통을 전제합니다. 그 일차적인 소통 대상은 글을 쓰는 사람, 즉 자신일 테고요. 하지만 코딩에서는 자신과 소통한 뒤에는 컴퓨터와 소통해야 하죠. 얄궂게도 컴퓨터는 인간만큼 너그럽지 않습니다. 코딩에 정확성, 명확성, 명료성 등이 수반되는 까닭입니다.

좋은 지적이다. 단, ‘온라인’이란 말은 범위가 너무 넓으니 여기서는 월드 와이드 웹(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)를 참고하는 것도 괜찮은 방법이다.

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

이 책은 지금은 문을 닫은 전설적인 갤러리 ‘아카이브 봄’에서 열린 『레인보 셔벗』을 정리한 도록 겸 단행본이에요. 기획을 포함한 책임 편집은 최근에 일민미술관으로 자리를 옮긴 윤율리 씨가 담당했죠. 민구홍 매뉴팩처링의 주 고객 가운데 한 분으로, 어쩌다 보니 여름이 다가오면 함께 평양냉면을 먹는 사이가 됐어요. 도록에는 보통 작품에 관한 비평문이 실리기 마련인데, 여기서는 ‘작품’이 아닌 ‘제품’이니 ‘비평문’보다는 ‘후기’가 어울리기 때문 아니었을까요? 저도 궁금하니 이참에 율리 씨를 한번 인터뷰해보시는 건 어떨까요?

이 책에서 제가 담당한 건 뒤표지였어요. 뒤표지에는 보통 책 내용을 정리한 소개문을 싣죠. 소개문은 책을 디자인하고 드물게 인쇄 과정을 감리까지 해주신 슬기와 민 선생님들께 의뢰했는데, 덕분에 근사한 소개문이 탄생했어요. “『레인보 셔벗』은 민구홍 매뉴팩처링에서 회사를 소개하는 데 일조하는 책이다. 이런 식의 소개문 몇 줄이 들어가면 좋겠습니다. (…) 다만, 분량은 160자 정도로 제한해 주세요.” 덩달아 회사에서는 자연스럽게 선생님들의 명성에 기댈 수 있었고요. 참, 표지를 장식한 인물은 그래픽 디자이너 강문식 씨가 발견했죠.

컴퓨터는 잘못이 없습니다. 문제는 우리, 즉 인간에게 있죠. 지오시티는 2009년 느닷없이 사라졌습니다. 지금은 네오시티(Neocities)가 그 역할을 맡고요. 이처럼 웹사이트는 매체인 동시에 느닷없이 등장하고 사라지는 공간이기도 합니다.

그리고 2000년대 초반, 웹 2.0 시대가 열렸죠. 블로그와 소셜 미디어의 등장은 모두를 창작자로 만들었습니다. 마이스페이스(MySpace)에서는 누구나 자신만의 음악을 공유할 수 있었고, 위키백과(Wikipedia)에서는 모두 지식의 공동 생산자로 거듭났고요. 일상이 예술이 되고, 모든 이가 예술가가 되는 시대. 보들레르가 말한 ‘현대성’의 디지털 버전이랄까요? 2007년에는 아이폰의 등장으로 모바일 혁명이 일어났습니다. 반응형 웹 디자인(Responsive Web Design)의 등장으로 웹사이트는 더 이상 고정된 책이 아니라 프로테우스(Proteus)같이 형태를 바꾸는 유동적인 존재로 탈바꿈했죠. 그렇게 우리의 디지털 경험 또한 근본적으로 변화했고요. 그리고 지금, 우리는 인공지능을 비롯해 가상현실(Virtual Reality, VR), 증강현실(Augmented Reality, AR) 등이 주도하는 새로운 시대의 문턱에 서 있습니다. 웹사이트는 더 이상 2차원의 평면이 아니라 몰입할 수 있는 3차원 공간으로 거듭났습니다. 보르헤스의 알렙처럼 작디작은 화면 속에 무한한 세계가 펼쳐지는 거죠. 이따금 위키백과에서 이런 일도 벌어지면서요.

웹사이트의 변천사를 돌아보면 기술의 발전뿐 아니라 인간의 표현 욕구와 소통 방식의 진화를 목격할 수 있습니다. 각 시대의 웹사이트는 해당 시대의 꿈과 욕망, 미학을 담은 문화적 아카이브입니다. 벤야민이 말했듯 “과거의 진정한 이미지는 휙 스쳐 지나간다.” 우리가 매일 마주하는 수많은 웹사이트도 언젠가는 사라질 게 분명하지만 모두 우리 시대를 이해하는 중요한 단서가 되겠죠. 오늘의 고고학자들이 도자기 파편으로 고대 문명을 연구하듯 내일의 고고학자들은 아카이브된 웹사이트를 통해 우리의 디지털 문명을 연구할지 모릅니다. 그렇다면 지금 우리가 만드는 웹사이트는 후대에 어떤 이야기를 전하게 될까요? 이는 수사적 질문이 아닙니다.

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

이 질문에는 어떤 대상을 향한 질문자의 마음과 질문자가 느끼는 어떤 대상을 둘러싼 주위의 인식이 어우러진 듯하다. 자신이 지닌 희망 자체에 관해서는 희망에 다가가 성공 또는 실패를 겪은 뒤 판단할 수밖에 없다. 일단 자신이 다가가야 한다. 이에 관해서는 누구도 멍청하다고 생각하지 않는다. 조금 더 정확히 이야기하면, 다른 사람의 희망에 관해서는 마음을 다해 관심을 가지지 않는다.

thisisneverthat 박인욱 대표님께 선물 받은 뉴발란스 992. 어쩌다 보니 평소 신어온 신발보다 반 치수 큰데, 외출할 때마다 습관처럼 신다 보니 놀랍게도 신발에 맞게 발이 커지고, 키 또한 조금 자란 느낌이다. 선물이 가져다준 행복의 놀라운 힘일까? 건강 또는 미용상의 이유로 사지연장술을 고민하는 독자가 있다면 모쪼록 참고하기 바란다.

파급력만 놓고 보면 소셜 미디어만 한 도구가 없죠. 하지만 소셜 미디어에는 저마다 제약이 있고, 이런 제약은 사용자의 행복을 제한해요. 예컨대 트위터에서는 게시물 글자 수에 제한이 있고, 인스타그램에서는 글 한 줄을 게시하려 해도 이미지나 영상이 필요해요. 게시물 속 하이퍼링크도 작동하지 않고요. 사용자를 인스타그램에 영원히 머물게 하려는 전략이죠.

또한 ‘좋아요’ 기능은 자신의 생활을, 자신의 작품을, 나아가 자신을 불특정 다수에게 평가받는 위치로 옮겨놓습니다. 그 결과를 깜찍한 하트 아이콘과 몇백에 불과한 숫자로 확인는 건 그리 유쾌하지 않죠. 누구나 ‘좋아요’ 수가 많지는 않을 테니 누군가는 초라함을 느끼거나 자신의 작업 또는 삶 자체를 부정하게 되기도 하고요. 주체적으로 사용하지 않는다면 분위기에 휩쓸릴 수밖에 없죠.

한편, 디자인계에서 주로 소비되는 카르고(Cargo) 같은 서비스는 코딩에 익숙하지 않은 사람을 위해 그럴듯한 템플릿을 제공합니다. 사용하기 편리한 건 사실이지만, 템플릿들은 사실 콘텐츠와는 유리된 상태예요. 이미 짜인 틀에 콘텐츠를 맞추는 셈이죠. 그러다 보니 사용하다 보면 어딘가 입맛에 맞지 않고, 디자인에서 이런저런 요소를 바꿔보려고 시도해보면 쉽지 않죠. 덩달아 코드도 지저분해지고요. 웹사이트를 만드는 건 이런 템플릿을 수정하는 일처럼 받아들여지기도 하죠.

몇 가지 컴퓨터 언어를 익히면 거의 모든 걸 스스로 제어할 수 있습니다. 백지 상태에서 오직 자신을 위한 웹사이트를 만드는 건 ‘현대인을 위한 교양’으로서 해볼 만한 일이죠. 내가 누구인지, 무엇을 좋아하는지, 무엇을 싫어하는지 생각해보고, 그것을 정리해 글을 써보고, 그것에 컴퓨터 언어로 어떻게 새로운 질서를 부여할지 고민하는 건 소중한 일입니다. 게다가 기술을 주체적으로 받아들이고 사용할 수 있게 되고요.

전염병 때문에 ‘죽음’이라는 말이 어느 때보다 익숙한 시대입니다. 매일 아침이면 어제 몇 명이 세상을 떠났는지 보도되죠. 그만큼 생활에 관해 생각해보게 돼요. 자신을 위한 웹사이트를 만드는 일은 어쩌면 자신을 도저하게 사랑하는 일과 다르지 않습니다. 나를 도저하게 사랑하다 보면 남도 도저하게 사랑할 수 있죠. 사랑과 그에 따른 행복은 전염병보다 빠르게 전염되고요. 죽기 전에 해야 할 이보다 중요한 일이 있을까요?

사실 지금도 그렇지만, 그때는 무엇을 하는 게 좋을지 전혀 몰랐기 때문에 하지 않는 일을 소개하기로 마음먹었죠. 회사라면 모름지기 무엇을 해야 하는지보다 하지 않는지가 중요하다고 생각하기도 했고요.

「민구홍 매뉴팩처링 기프트 카드」가 준비돼 있습니다. 취미가 또는 스튜디오 파이에 문의해주시면 감사하겠습니다. 카드에 표시된 비율만큼 기술 지원 비용을 할인해드리며, 카드 판매 수익은 회사에서 지원하는 「새로운 질서」를 운영하고, 새로운 교육 프로그램을 개발하는 데 사용됩니다.

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

너무 극단적인데요? 오늘날 헨리 데이비드 소로(Henry David Thoreau)가 되는 건 아무래도 쉽지 않은 일입니다. 그럼에도 웹사이트의 가치는 무화하지 않습니다. 실시간으로 업데이트되는 뉴스, 24시간 운영되는 쇼핑몰, 언제 어디서나 접속할 수 있는 은행 등 오늘날 저뿐 아니라 누구나 마주하는 이기(利器)는 모두 웹사이트 덕이니까요. 우리에게 필요한 건 그저 웹사이트를 조금 더 깊이 있게 바라보는 시선 아닐까요? 요컨대 웹사이트는 새로운 표현의 장이자 새로운 언어가 될 수 있습니다. 율리시스가 세이렌의 노래를 감상하며 배를 조종했듯 디지털의 온갖 유혹에 현명하게 대처할 수만 있다면 말이죠. 이쯤에서 잠시 생각해볼까요? 오늘 하루 얼마나 많은 웹사이트를 방문했을까요? 그 경험은 무엇을 남겼을까요? 시인이 언어로 시를 쓰듯 웹사이트로 무엇을 표현할 수 있을까요? 이 질문에 대한 답을 찾는 과정에서 웹사이트의 또 다른 가능성을 발견할 수 있습니다.

다음은 민구홍 매뉴팩처링의 또 다른 제품 「‘좋아요’가 좋아요」입니다. 많은 사람이 깜찍한 하트 아이콘을 위시한 ‘좋아요’의 자발적 노예가 된 오늘날, ‘좋아요’를 신봉하는 이 웹사이트에서 방문자가 할 수 있는 일은 오직 ‘좋아요’뿐입니다. 그 앞에서 다른 기능은 불필요하죠.

그렇게 해석할 수도 있겠네요. 한때 도서관을 뒤지거나 전문가를 찾아다녀야 비로소 얻을 수 있던 정보가 이제는 검색창에 몇 글자를 입력하는 것만으로 충분할 만큼 쏟아집니다. 하지만 잠시 그 이면을 들여다보면, 저도 늘 경험하듯 깊은 사고는 사라지고, 클릭과 ‘좋아요’만 남죠. 어제보다 더 많은 것을 알지만 어쩌면 아무것도 이해하지 못한 채로요. 나아가 우리의 개인 정보는 끊임없이 수집되고 분석되며, 때로는 우리가 모르는 사이 판매되기까지 하죠. 미래학자 니콜라스 카(Nicholas Carr)가 『생각하지 않는 사람들』(The Shallows)에서 우려한 대로 우리의 뇌는 점점 단편적인 정보를 처리하는 데 익숙해집니다. 파블로프의 개처럼 알림음에 조건반사적으로 반응하면서요. 소셜 미디어를 끊임없이 스크롤하는 사이 우리는 무엇을 얻고, 무엇을 잃었을까요?