자주 하는 질문

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

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

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

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

일곱 살 무렵이던 1991년에 처음 컴퓨터를 접했어요. 매킨토시 LC였는데, 지금 봐도 정말 근사하죠. 그때부터 자연스럽게 컴퓨터를 향한 환상 같은 게 생긴 것 같아요. 열한 살 무렵에는 무료 호스팅 서비스인 야후! 지오시티(Yahoo! Geocities)에 첫 번째 웹사이트를 만들었어요. 사랑하는 친구를 위해서였죠. 어떻게 하면 그를 행복하게 할 수 있을지 고민하며 글을 쓰고, 이미지를 만들고, MIDI 음악까지 만들어보면서 콘텐츠와 기술의 관계를 어렴풋하게나마 인식한 것 같아요. 하지만 ‘닷컴 버블’이 꺼져가던 2009년, 야후!에서 느닷없이 지오시티 문을 닫으면서 그 웹사이트는 이제 제 꿈속에만 있습니다. 백업이란 게 뭔지도 모르던 때였으니까요. ‘웹 디자인’이라는 말로 한정하기는 어렵지만, 그 뒤로 누군가를 위해 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 자바스크립트(JavaScript) 같은 컴퓨터 언어를 이용해 뭔가 만들어내는 일은 제 오랜 즐거움이 됐어요. 그건 결국 저를 위한 일이기도 하고요.

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

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

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

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

오늘날 ‘출판’(publishing)은 종이 위에서만 이뤄지지 않는다. 온라인상에서 콘텐츠를 공개하고 소개하는 일 또한 ‘출판’이라 부르는 만큼 이제는 종이 책을 ‘오프라인 출판물’로, 웹사이트를 ‘온라인 출판물’로 불러도 별로 어색하지 않을 것 같다. 종이 책과 웹사이트를 한데 출판물로 묶는다면, 즉 콘텐츠가 놓인 자리만 바뀌었을 뿐이라 믿는다면, 두 매체를 둘러싼 고민은 교정되거나 몇몇은 자연스럽게 해결될지 모른다.

스스로 작가를 겸하는 경우를 제외하면, 내 역할은 매체에 따라 제한되고 조금씩 달라진다. 대개 종이 책에서는 기획자와 편집자 사이를, 웹사이트에서는 기획자, 편집자, 디자이너, 프로그래머 사이를 오간다. 이 과정은 단순하게는 문장의 오류를 점검하거나 문장을 매끄럽게 다듬는 일에서 이따금 1차 생산자의 존재가 옹색해지는 창작이 되기까지 한다. 그럼에도 잊지 않으려 하는 바는 작업 대부분이 콘텐츠 없이는 시작할 수조차 없는 2차 생산이라는 점이다. 출판이 말하기라면, 내 역할 가운데 하나는 말이 제대로 전달될 수 있도록 힘을 보태는 일이다. 그렇다면 가장 중요한 것은 1차 생산자가 무엇을 말하려 하는지 파악하는 일 아닐까?

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

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

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

알고 있다. 그만큼 ‘소개’가 문제적인 까닭이다.

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

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

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

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

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

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

없습니다. 하지만 반드시 만들어야 한다면 처음부터 선언문을 직접 쓰기보다 아무래도 평소처럼 적절한 선언문을 선택해 편집하는 편이 좋겠습니다.

• 아이디어에서 출발할 것.
• 우연을 받아들이고, 우연의 일치를 즐길 것.
• 즉흥적으로 만들고, 작위적으로 해석할 것.
• 불필요한 요소를 제거할 것.
• 기대를 배반할 것.
• 어려운 일을 쉬워 보이게, 즉 스프레차투라.
• 처음이 되거나, 마지막이 되거나.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿을 것.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿은 결과물을 적어도 두 번 이상 반복할 것.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿은 결과물을 적어도 두 번 이상 반복할 것.
• 과정을 믿을 것.
• 개념이 형태를 결정하도록 설계하거나 유도할 것.
• 재료와 제작을 본질로 환원할 것.
• 아이디어의 온전함을 유지할 것.
• 어리석어 보일 만큼 정직함을 해결책으로 제시할 것.
• 아니면 완전히 반대로.

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

제법 많습니다. 0.125, 2, 3, 6, 12, 14, 16, 24, 38, 42, 999입니다. 어떤 것은 글쓰기, 어떤 것은 또 다른 글쓰기, 즉 코딩, 어떤 것은 마이크로 타이포그래피, 어떤 것은 매크로 타이포그래피와 관련이 있습니다.

자연스러운 현상입니다.

일반에 공개된 세계 최초의 웹사이트가 30여 년 동안 같은 모습을 유지하는 까닭과 다르지 않습니다.

누구보다 웹을 사랑한다고 자부하지만, 1년 넘게 소셜 미디어를 사용하지 않았다. 실수로 스마트폰 설정을 초기화하면서 자동 로그인 기능이 해제된 까닭이다. 사실 터치 몇 번만으로 다시 암호를 찾아 로그인하면 그만인데, 잠시나마 주저하게 되는 데는 분명한 까닭이 있다. 그 아름다운 공간을 해매는 동안 느끼는 행복만큼 그 반대편에서 피어오르는 감정 또한 무시할 수 없는 것이다. ‘이러다 사랑하는 사람들의 기억 속에서 완전히 잊히는 건 아닐까?’ 심각한 우려와 달리 사회성을 유지하는 데는 별다른 문제가 없었다. 오히려 전보다 자주, 어쩌면 더 깊이 사람과 만나고, 전화 통화를 하고, 문자 메시지와 이메일을 쓴 것 같다. 굳이 깜찍한 하트 아이콘의 힘을 빌리지 않더라도 국가를 초월해 연결될 사람은 연결되고, 알아야 할 소식은 알게 된다. 나머지는 간단하고 자연스럽게 굳이 연결되지 않아도 그만인 사람, 알지 않아도 그만인 소식이 된다. 나와 내 곁만 살피기에도 시간은 부족하다.

안그라픽스가 지루해질 무렵 우연히 발견했어요. 저는 이름을 중요하게 생각하는 편인데, ‘시’(poetic)와 ‘연산’(computation)을 조합한 학교 이름이 근사했습니다. 제 관심사를 잘 정리한 말이라고 생각했어요. 그런 만큼 제 이력서의 학력에 이 학교가 들어가면 어울리겠다고 생각했죠.

잘 다니던 회사를 갑자기 그만두고 미국에 다녀오겠다는 말에 어머니는 아연실색하셨죠. 결혼도 한 상태였거든요. 나중에 알고 보니 경쟁률이 꽤 높았는데, 사실 어떻게 합격했는지 모르겠어요. 일종의 대안 학교였고, 3개월 과정이었지만, 아침 9시부터 오후 6시까지 계속 수업이 있었고, 수업이 끝나면 밤 늦게까지 이런 외부 특강 같은 행사가 거의 매일 열렸어요. 다른 지역이나 다른 나라에 살던 친구들이 많았던 터라 주말에도 딱히 할 일이 없어서 대부분 학교에 있었고요.

오랜만에 학생이 되니 무엇보다 기분이 좋았습니다. 가장 큰 수확은 사람이었어요. 친구를 많이 사귀었습니다. 최태윤, 강이룬, 소원영 등 당시 뉴욕의 미술 및 디자인계에서 활동하던 한국인뿐 아니라 예전부터 이메일로만 연락하던 로럴 슐스트(Laurel Schwulst)라는 친구를 만났고, 그 덕에 데이비드 라인퍼트(David Reinfurt), 존 프로벤처, 민디 서 같은 또 다른 친구들을 사귈 수 있었고요. 최근에 출간된 책을 번역하거나 프린스턴 대학교에서 강연할 수 있었던 건 이 친구들 덕입니다. 그리고 무엇보다 뉴욕에 친구가 많다는 건 뉴욕에 놀러갔을 때 저렴한 비용으로 잘 수 있는 공간이 많다는 뜻이기도 하고요.

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

해적단 모집 웹사이트에서 신청자 정보를 입력하는 필드마다 민구홍 매뉴팩처링의 실제 정보가 플레이스홀더(placeholder)로 입력돼 있다. 여러 방식으로 회사, 즉 민구홍 매뉴팩처링을 소개하는 일은 회사의 원동력이다. 가장 큰 원동력은 고객의 사랑과 관심일 테고. 하지만 민구홍 매뉴팩처링이 모든 사람에게 사랑과 관심을 받는 사회는 별로 아름답지 않다. (한편으로는 그런 사회를 갈망하는 자신을 향한 배덕감 또한 느낀다.) 그럼에도 이번 토크에 참여한 분들만큼은 언젠가 고객으로 삼아 사랑과 관심을 받고 싶다.

구글 검색 결과에 따르면, 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)만 익히면 누구나 만들 수 있다.

웹은 제게 또 다른 학교입니다. 요즘에는 누구에게나 그렇지 않을까요? 물론 잘못된 정보가 적지 않지만, 거기서 옥석을 가려내는 것도 학습의 일부예요. 물론 조금 더 수월하게 디자인을 익힌 데는 안상수 선생님 연구실, 안그라픽스, 워크룸을 거치면서 솜씨 좋은 생산자들과 교유한 덕도 있죠. 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』를 번역하는 과정도 공부가 됐어요. 실제로 이 책은 여러 학교에서 그래픽 디자인 교재로 사용되고, 네덜란드의 그래픽 디자인 스튜디오 익스페리멘털 젯셋(Experimental Jetset)은 이 책을 거의 성경처럼 여기죠. 차례만 읽어도 도움이 된다고 생각해요. 책 제목처럼 언젠가는 잊어버려야겠지만요.

저도 마찬가지입니다. 드림호스트를 사용하는데, 싸구려 플랜인지라 한국에서는 조금 느립니다.

안타깝지만 이미 늦었습니다. 그런 욕망을 품은 건 비단 저희뿐이 아닌 것 같습니다. 조너선 바실(Jonathan Basile)이 만든 다음 웹사이트는 보르헤스의 바벨의 도서관을 웹상에서 가뿐하게 구현합니다.

조너선 바실은 이 도서관의 사서를 자임합니다. 어느 날 그는 침대에 누워 있다가 온라인 바벨의 도서관에 관한 생각을 떠올렸고, 이를 위해 상상할 수 있는 것보다 훨씬 더 많은 저장 공간이 필요하다는 것을 깨달았죠. 이 한계를 우회하기 위해 바벨의 도서관을 시뮬레이션하는 알고리즘을 설계했습니다.

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

단순히 ‘직장’이라 부르고 싶지 않을 만큼 워크룸은 제게 그 자체로 너무나 각별하고 소중하기에 함부로 ‘떠난다’고 표현하기 어렵습니다. 문장을 완성하는 순간 실제로 그렇게 될 것 같아서요. 남은 한 달 동안 제가 관여해온 일을 정리하는 한편, 완벽한 표현을 찾을 때까지 김형진 선배의 진심을 담은 우스갯소리 “어색함 없이 서로 착취하는 관계”를 어떤 방식으로든 이어나가고 싶습니다.

물론 있다. 하지만 (영업) 비밀이다. 특별할 건 없지만, 그럼에도 우리가 알다시피 오늘날 비밀은 인터넷 밖에 있을 때 온전히 비밀이 된다. 구글이나 인터넷 아카이브 웨이백 머신(Internet Archive Wayback Machine) 서버 밖 말이다. 오늘 당신과 많은 이야기를 나눴지만 정말 나누고 싶은 건 어쩌면 거기, 그러니까 당신과 마주 앉은 이 테이블 사이, 바로 이 안개꽃 옆에 있을지 모른다.

미국 뉴욕 브루클린에서 가장 친한 친구이자 동료이자 선생이다. 오랜 비즈니스 파트너이기도 하다. 내가 세상을 떠나면 민구홍 매뉴팩처링은 ‘로럴 슐스트 매뉴팩처링’이 될 예정이다.

저 또한 마찬가지입니다.

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

안그라픽스를 거쳐 워크룸에서 일하는 동안 얇게는 16쪽짜리 책에서 두껍게는 1,000쪽에 가까운 책까지 적지 않은 책을 만들어왔다. 모든 책은 웹사이트와 달리 재판(再版)하기 전까지 조금도 수정할 수 없다는 점에서 얼마간 불만족스럽다.

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

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

웹사이트로 한정하면 2020년 크리스마스 즈음에 발표한 「장영혜 중공업 귀중」을 꼽고 싶다. 이 작품은 장영혜 중공업을 향한 민구홍 매뉴팩처링의 존경과 사랑, 그리고 부탁 한 가지를 담은 편지 형식을 띤다. 그들이 주로 사용한 기술인 어도비 플래시(Adobe Flash)가 폐기된 지금 비메오(Vimeo)를 사용할 수밖에 없는 기분이 궁금했는데 이 참에 묻기도 했다. 장영혜 중공업 공식 이메일로 전달했음에도 답장은 아직 받지 못했다. 처음에는 아쉽고 섭섭했지만, 이제는 다시 한번 편지를 보낼 용기가 생겼다.

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

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

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

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

소소하기는 하지만 5년여 동안 워크룸 안팎에서 추억을 쌓은 분들에게 소식을 알리고 싶었다. 신년 인사도 겸하고. ‘asdf’에 관해 설명하려면 많은 시간이 필요하다. 그전까지는 asdf 애호가들이 운영하는 asdf.com을 참고하면 좋겠다.

영업 비밀이 드러날 수 있으므로 자세히 밝히기는 곤란하지만, 좋아하는 몇 가지 방식을 소개할 수는 있겠다. 하나는 ‘화면 가운데에 맞춘, 화면 너비에 크기가 비례하는 글자’다. 타이포그래피의 여러 강조법 가운데 특히 ‘가운데 맞추기’를 좋아하는데, 가장 단순하면서 효과적인 강조법이라는 생각에서다. 특히 화면 가운데 놓이면 어떤 권위를 생기기도 한다. 좋아하는 만큼 즐겨 사용하기도 한다. 이렇게 범용적인 스타일을 구축한 뒤에는 콘텐츠 자체에 관해서만 고민할 수 있다.

또 하나는 ‘무작위’다. 웹사이트에 접속할 때마다 새로운 또는 생경한 느낌을 주려는 의도다. 가나다순, 알파벳순, 게시 날짜 역순 등 기본적인 콘텐츠 정렬 순서 탓에 눈에 잘 띄지 않는 콘텐츠를 위한 장치이기도 하고, 수많은 디자인적 선택에 따른 책임을 함수(function), 즉 컴퓨터에 전가하려는 태도이기도 하다.

‘최소 입력, 최대 출력’을 지향한다. 즉, 콘텐츠를 굳이 여러 페이지로 나누기보다 한 페이지 안에서 기본적인 열람 방식인 상하 스크롤을 적극적으로 활용하는 방식이다. 사용자의 클릭이나 터치 또한 노동력이 필요하므로 이를 최소화하려는 의도다.

콘텐츠를 한 화면에 배치하기보다 레이어별로 세분화하고, 여기에 모션이나 시퀀스를 부여하는 등 시간이라는 요소를 도입하기도 한다.

웹 브라우저를 가만히 들여다보면 콘텐츠는 반드시 웹 브라우저의 주 화면에만 놓이지 않는다. 예컨대 제목 표시줄이나 패비콘(Favicon), 웹 조사기를 활성화한 뒤에 볼 수 있는 소스 코드나 콘솔(console) 화면 또한 웹사이트의 일부분으로 간주하는 것이다.

도메인, 즉 웹사이트 주소 또한 웹사이트에서 파생된 콘텐츠다. 김뉘연과 전용완의 웹사이트 주소(http://kimnuiyeon.jeonyongwan.kr)가 좋은 보기다. 도메인은 크게 주 도메인(main domain)과 보조 도메인(subdomain)으로 나뉘는데, 보조 도메인(김뉘연)은 주 도메인(전용완) 없이 성립할 수 없고, 보조 도메인(김뉘연) 없이 주 도메인(전용완)만으로는 웹사이트에 접속할 수 없다. 듀오로 활동하는 생산자의 웹사이트에 개념적으로나 기술적으로 적합한 도메인 형태 아닐까 싶다. 게다가 그 덕에 조금 길긴 하지만, [email protected](김뉘연)과 [email protected](전용완) 같이 아주 근사한 이메일 주소가 탄생했다.

한편, 일을 하다 보면 자연스럽게 함께 일하는 사람에 관해서도 알게 되고, 나아가 일을 통해 그에게 깜짝 선물 같은 걸 건네고픈 생각이 들기도 한다. 웹사이트 어딘가에 이스터에그처럼 서로만 알 수 있는 특정 요소를 굳이 숨겨놓는 까닭이다. 헛웃음이나 코웃음일지라도 그가 그것을 발견하고 웃음 짓는 모습을 상상하는 것이다. 일종의 사랑이다.

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

많은 전시에서 자연스럽게 사용된 문장을 본받아 ‘별도의 오프닝은 없습니다’는 어떨까요?

인공지능은 콘텐츠를 생성하고 사용자 경험을 개선하는 데 혁신적으로 활용됩니다. 예컨대 『워싱턴 포스트』(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) 에디터, 디지털 퍼블리셔 등과 함께 상업화를 향한다. 이때 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다. (…) 오늘날 웹은 독점적이고, 약탈적이고, 음란한 공간이 되고 있다. 그럴수록 나는 웹을 더욱 시적이고, 비타협적으로 사용하는 데 전념하려 한다.”

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

없었던 것 같아요. 있었더라도 어려운 점은 금방 잊는 편입니다. 민구홍 매뉴팩처링이 어떤 회사인지 여전히 오리무중이니까요.

미술가 겸 그래픽 디자이너 듀오 (또는 그 반대) 슬기와 민의 9월 5일을 기념하는 선물이다. (하지만 그날이 무슨 날인지는 아직 밝혀지지 않았다.) 그들이 창안한 개념인 ‘인프라플랫’(infra-flat)을 조금 더 쉽고 다양하게 구현하는 도구이기도 하다. 크기는 반응형, 즉 접속하는 기기나 웹 브라우저의 화면에 따라 달라진다. 주요 재료는 sulki-min.com이다. 인프라플랫에 관해 조금 더 알고 싶다면 불문학자 이지원의 글을 읽어보기를 권한다.