새로운 질서: 기초반 6기

  • 개강일: 12월 4일 금요일 개강
  • 시간: 오후 2시 30분 ~ 5시
  • 장소: 취미가·스튜디오 파이 1층 / 서울특별시 마포구 성산1동 동교로17길 96
  • 수강료: 40만 원 (정가 60만 원, 민구홍매뉴팩처링 20만 원 지원)
  • 강사: 민구홍

새로운 질서: 기초반 7기

  • 개강일: 12월 4일 금요일 개강
  • 시간: 오후 7시 30분 ~ 10시
  • 장소: 취미가·스튜디오 파이 1층 / 서울특별시 마포구 성산1동 동교로17길 96
  • 수강료: 40만 원 (정가 60만 원, 민구홍매뉴팩처링 20만 원 지원)
  • 강사: 민구홍

새로운 질서: 심화반 2기

  • 개강일: 2020년 10월 16일 개강
  • 시간: 오후 7시 30분 ~ 10시
  • 수강료: 50만 원 (정가 100만 원, 민구홍매뉴팩처링 50만 원 지원)
  • 장소: 취미가·스튜디오 파이 1층 / 서울특별시 마포구 성산1동 동교로17길 96
  • 강사: 민구홍

새로운 질서: 심화반 3기

  • 개강일: 2020년 10월 16일 개강
  • 시간: 오후 2시 30분 ~ 5시
  • 수강료: 50만 원 (정가 100만 원, 민구홍매뉴팩처링 50만 원 지원)
  • 장소: 취미가·스튜디오 파이 1층 / 서울특별시 마포구 성산1동 동교로17길 96
  • 강사: 민구홍

이 수업은 취미가趣味家Tastehouse와 스튜디오 파이의 공동 기획입니다.

수강 신청


「새로운 질서:기초반」
크게 공유(강의와 대화), 실천(글쓰기, 코딩, 트러블슈팅, 연습과 실습), 비평으로 이뤄진 강좌는 컴퓨터 언어, 특히 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 그리고 약간의 자바스크립트(JavaScript)를 도구 삼아 정보의 새로운 질서를 탐구합니다. 수강생은 자신의 관심사에 관한 목록을 작성하고(질서 1), 여기에 새로운 질서를 부여해 웹사이트로 치환한 뒤(질서 2), 여기에 또 다시 새로운 질서를 부여해 특정 공간에 선보입니다.(질서 3) 이 과정에서 수강생은 실패에 익숙해지며 단계별로 매체가 변모하는 국면을 주도해보는 방법을 익히는 한편, 다음 질문에 함께 또는 스스로 답해봅니다.

  • 컴퓨터 언어를 도구 삼아 다루는 일, 즉 코딩이 또 다른 형식의 글쓰기라면 결과물은 무엇이 될 수 있을까?
  • 포털 사이트, 쇼핑몰, 아카이브, 온라인 포스터 및 리플릿 외에 웹사이트는 무엇이 될 수 있을까?
  • 웹이 우리의 행복에 얼마나 이바지할 수 있을까?

매주 금요일 약 2시간 30분씩 진행되는 각 수업의 개요는 다음과 같습니다. 1주 차 수업을 제외한 각 수업에서는 이전 수업 내용을 간략하게 되짚습니다. 각 수업 전후에는 복습과 예습이 필수적입니다.


1주 차

  • 『새로운 질서』(미디어버스, 2019)를 중심으로 수업의 전체 개요를 소개하고, 인터넷과 월드 와이드 웹, 앞으로 다룰 컴퓨터 언어(HTML, CSS, 자바스크립트)의 약사(略史)와 특징, 원칙과 관례 등을 설명합니다.
  • 웹 브라우저, 텍스트 에디터 등 소프트웨어 사용법, 올바르고, 무엇보다 실용적인 파일 관리법 등을 익힙니다.
  • 대화를 통해 앞으로 남은 5주 동안의 여정을 가늠해봅니다.

2주 차

  • 자신의 관심사에 관한 목록을 작성합니다. 작성한 목록은 앞으로 웹을 통해 만들 무엇의 바탕이 됩니다.
  • 작명, 즉 작업명을 비롯해 작업 과정에서 생성되는 각종 요소명을 결정하는 일의 중요성을 이해합니다.
  • 웹상에 자신만의 공간을 마련합니다.

3주 차

  • HTML의 원리를 이해하고, 기본적인 태그를 익힙니다.
  • 보기를 통해 작성한 목록에 새로운 질서를 부여합니다.

4

  • CSS의 원리를 이해하고, 기본적인 속성을 익힙니다.
  • 보기를 통해 3주 차 결과물에 새로운 질서를 부여합니다.

5

  • 자바스크립트의 원리를 이해하고, 대표적 자바스크립트 라이브러리인 제이쿼리(jQuery)의 사용법을 익힙니다.
  • 보기를 통해 4주 차 결과물에 새로운 질서를 부여합니다.

6

  • 그동안 익힌 기술을 동원해 5주 차 결과물에 새로운 질서를 부여하고, 특정 공간에 선보여 자신의 새로운 질서를 홍보합니다.

「새로운 질서」는 HTML 에너지(http://html.energy)의 정신을 존중합니다. 웹이 가볍고, 빠르고, 접근하기 쉽고, 무엇보다 누구나 사용할 수 있는 도구라면, 그곳에는 늘 HTML 에너지가 있습니다.


참고 사항

  • 개인 컴퓨터(데스크톱 또는 랩톱)가 필요합니다.
  • 각 수업마다 과제를 부여합니다.
  • 상황에 따라 각 수업의 내용과 순서는 일부 변동될 수 있습니다.

저도 새로운 질서를 부여할 있을까요?

  • 웹을 도구 또는 매체 삼아 자아를 실현하고픈 분, 포스트-인터넷의 경향에 관해 대화할 친구가 필요한 분에게 추천합니다.
  • 코딩을 전혀 모르는 분이라도 「새로운 질서」에서는 올바르고, 무엇보다 실용적인 사용법을 제시합니다.

수강 신청

새로운 질서들


민구홍
일곱 살 무렵 매킨토시 LC III로 처음 컴퓨터를 접했다. 중앙대학교에서 문학과 언어학을, 미국 시적 연산 학교(School for Poetic Computation, SFPC)에서 컴퓨터 프로그래밍(하지만 ‘좁은 의미의 문학과 언어학’으로 부르기를 좋아하는 편이다.)을 공부했다. 안그라픽스를 거쳐 워크룸에서 편집자로 일하며 ‘실용 총서’ 등을 기획한 한편, 민구홍 매뉴팩처링(Min Guhong Manufacturing)을 운영한다. 지은 책으로 이 책 『새로운 질서』(미디어버스, 2019)가, 옮긴 책으로 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』(작업실유령, 2017)가 있다. 한 인터뷰에 따르면, 과일 가운데 크기 순으로 수박, 멜론, 복숭아, 무화과, 체리를 좋아한다고 고백했다. https://minguhong.com

민구홍 매뉴팩처링
안그라픽스를 거쳐 워크룸에 기생하는 1인 회사. 2015년 설립된 이래 여러 방식으로 회사, 즉 민구홍 매뉴팩처링 자체를 소개하는 데 주력하며, 그 과정에서 생산된 부산물을 제품으로 출시한다. 2016년 여름 미국 시적 연산 학교와 기술제휴를 맺은 바 있고, 2018년 가을 ‘구글 폰트의 친구’가 됐다. “회사를 소개하는 데 일조하는 책”으로 『레인보 셔벗』(아카이브 봄·작업실유령, 2019)이 있다. https://minguhongmfg.com


웹을 이용한 민구홍 매뉴팩처링의 제품 몇 가지


「민구홍 매뉴팩처링 공식 웹사이트」. 일반인에게 공개된 최초의 웹사이트를 모방해 회사의 주 업무, 즉 회사를 소개하는 데 중점을 둔다. 파란색으로 드러나는 각 링크는 시청각 서버에 저장된 열세 번째 시청각 문서 「회사 소개」 PDF 파일, 민구홍 매뉴팩처링 고객 지원 이메일 주소, 민구홍 매뉴팩처링에서 기생하는 숙주, 즉 워크룸으로 가는 길을 안내하는 구글 지도로 연결된다. 한편, 디지털 인증서는 고객이 웹사이트로 정보를 보내거나 받을 때 보안을 유지할 수 있도록 암호화된다. https://minguhongmfg.com


「당신의 사랑을 내게」. 전 세계의 회사 대부분이 그렇듯 민구홍 매뉴팩처링 또한 무엇보다 고객의 사랑과 관심이 필요하다. 하지만 눈에 보이지 않는 사랑과 관심을 아무리 수치화하더라도 부족하기는 마찬가지다. https://products.minguhongmfg.com/give-me-your-love


「조조처럼」. 세상에서 가장 무서운 동물로 알려진 조조를 위한 장난감. 마우스 포인터를 움직여 빨간색 레이저를 클릭하면 불현듯 검은색 배경에서 응원의 메시지가 출력되고, 레이저의 움직임은 점점 빨라진다. 「조조처럼」 앞에서 할 수 있는 일은 둘뿐이다. 쉬지 않고 마우스 포인터를 움직여 빨간색 레이저를 클릭하거나 조조처럼 아무 관심을 주지 않거나. https://products.minguhongmfg.com/like-jojo

「읽기 전에 태우라」. 어느 미국인이 시기와 장소를 가리지 않고 게시하는 트윗처럼 읽기 전에 태워버리고 싶은 글은 어디에나 있는 법이다. 한편, 컴퓨터의 자원을 지나치게 사용하는 탓에 겨울철에 랩톱을 사용한다면 신체의 특정 부위를 얼마간 따뜻하게 유지해준다. https://chrome.google.com/webstore/detail/burn-before-reading/gmfnniijohcmmpflopnllliheheighlb


「편집자로서」. 이제껏 알려지지 않은 편집자의 권능을 체험해볼 수 있는 구글 크롬 확장 프로그램으로, 웹 브라우저를 실행하는 동안 지금 열람하는 페이지를 마음껏 편집할 수 있다. https://chrome.google.com/webstore/detail/%ED%8E%B8%EC%A7%91%EC%9E%90%EB%A1%9C%EC%84%9C/hhhpmljfckajoingnndegdpmpgibaeea


「오늘이 성탄절인가요?」. 매해 12월 이맘때면 문득 궁금해지곤 한다. 올해는 얼마나 다사다난했고, 이듬해는 얼마나 다사다난할지, 그리고 무엇보다 오늘이 성탄절인지. 진실, 또는 진실에 가까운 무엇은 강한 긍정과 강한 부정 둘 사이에 있다. https://products.minguhongmfg.com/is-it-christmas-today


「패비콘」. 패비콘은 일반적으로 웹 브라우저의 주소창에 표시되는, 웹사이트를 대표하는 아이콘을 일컫는다. 웹사이트의 제목과 함께 밖으로 드러나는 <head> 태그 속 정보기도 하다. 민구홍 매뉴팩처링을 소개하는 데는 어쩌면 패비콘만으로 충분할지 모른다. https://products.minguhongmfg.com/favicon


「세 번째 물결」. 미국의 저술가이자 미래학자인 앨빈 토플러는 1980년 써낸 『제3의 물결』에서 ‘물결 이론’을 통해 현대 정보 사회를 설명하려 했다. 그가 예측한 탈대량화, 다양화, 지식 기반 생산과 변화가 가속화하는 미래에서 물결은 눈에 잘 띄지 않는, 조금 높은 곳에서 일기도 한다. https://products.minguhongmfg.com/the-third-wave

「소정 근로 시간」. 민구홍 매뉴팩처링의 운영 시간은 숙주의 소정 근로 시간에 따라 달라진다. 「소정 근로 시간」은 웹사이트 겸 시계로, 하루 24시간을 소정 근로 시간과 그 외의 시간으로 구분해 해당 시각에 해결해야 할 과제를 제시한다. 하나의 문장으로 융합된 시침, 분침, 초침의 속도는 소정 근로 시간에 가까워질수록 빨라진다. 모름지기 소정 근로 시간에는 그래야 하는 법이니까. https://products.minguhongmfg.com/fixed-work-hours

「리코타 인스티튜트」. 2016년 여름 미국 시적 연산 학교에 제안한 융복합 교육 모델. 학생은 4주 동안 리코타를 통해 현대사회에 필수적인 요리, 글쓰기, 코딩과 디자인, 마케팅을 익혀 한결 나은 현대인으로 거듭난다. 학교의 웹사이트에 사용된 흰색과 노란색은 리코타의 주원료인 우유와 레몬을 나타낸다. https://ricottainstitute.neocities.org

「타임스 블랭크」. 타임스 뉴 로만 폰트 속 글자를 모두 지운 폰트로, 민구홍 매뉴팩처링의 전용 서체로 알려져 있다. 자세한 정보는 웹사이트에서 타임스 블랭크를 직접 사용하다 보면 얻을 수 있다. https://products.minguhongmfg.com/times-blank

「커튼이 닫힐 때까지」. 12월 31일이 되면 커튼은 완전히 닫힌다. 이튿날이 되면 완전히 열린다. 그리고 하루씩 닫힌다. 어느새 12월 31일이 된다. https://products.minguhongmfg.com/until-the-curtain-closes

「신비한 과일」. 여러 과일을 사등분하고 각 과일에서 한 조각씩 네 조각을 합쳐보면 제법 신비해 보인다. https://products.minguhongmfg.com/mysterious-fruit

「신비한 얼굴」. 여러 얼굴을 사등분하고 각 얼굴에서 한 조각씩 네 조각을 합쳐보면 제법 신비해 보인다. https://products.minguhongmfg.com/mysterious-face

「신비한 가족」. 여러 가족을 사등분하고 각 가족에서 한 조각씩 네 조각을 합쳐보면 제법 신비해 보인다. https://products.minguhongmfg.com/mysterious-family

「푹신」. 민구홍 매뉴팩처링의 마스코트로, 웹사이트에서 클릭하면 추가 정보를 출력하는 말줄임표 버튼에서 따온 모양처럼 클릭할 때마다 이런저런 말을 늘어놓는다. 미술 기획자 겸 평론가 이한범이 기획한 『픽션 툴』 웹사이트에서 태어났다. 평양냉면과 레인보 셔벗을 좋아하고, 트리플 S를 신는 것이 꿈이다. https://products.minguhongmfg.com/fuchsine

「범용 오프닝 디제잉」. 온갖 행사의 오프닝 리셉션에 DJ가 소환되는 오늘날, 인터넷에만 연결돼 있다면 솜씨 좋은 DJ의 공연을 언제 어디서든 이용할 수 있다. 2018년 여름 아카이브 봄에서 열린 민구홍 매뉴팩처링을 소개하는 행사 『레인보 셔벗』을 통해 선보인 이래 2019년 국립아시아문화전당, 위드타운 등에서 이용됐다. 모임 별의 일원 조태상은 “오랜 기간 다양한 국내외 디제이 세트를 꾸준히 찾아서 듣고 있으나, 이만큼 완성도 높은 것은 많지 않다.”라고 평가했다. 고화질 버전 대여료는 일반 DJ가 한 시간 동안 공연한 뒤 받는 금액과 같다. https://products.minguhongmfg.com/general-purpose-djing


「참고로 말씀드리면」. 로럴 슐스트와 제작한 민구홍 매뉴팩처링 소개 영상으로, 로럴 슐스트가 전 세계를 여행하며 촬영한 영상, 독일의 국민 가수 로이 블라크의 「해가 뜨는 일본에서」, 이제껏 민구홍 매뉴팩처링에서 사용한 보도 자료로 이뤄진다. 일상에서 ‘참고로 말씀드리면’ 뒤에 붙은 말은 잊히기 쉽지만 대체로 곱씹어볼 만하다. https://products.minguhongmfg.com/for-your-information

「민구홍 개인 웹사이트」. “얼마 전부터 웹상에서 저에 관한 추억을 모으고 있습니다. 추억은 URI와 몇 가지 인용문으로 이뤄지죠. 재미있게도 대부분 제 의견과 무관하게 저를 소개합니다. 학생, 시인, 편집자, 개발자, 디자이너, CEO, 작가 등으로요. 어떤 것은 괜찮고, 어떤 것은 괜찮지 않아요. 하지만 웹상에 공개된 이상 하나하나 수정하기는 무척 번거롭죠. 생활까지 말끔하게 편집하는 일은 불가능에 가깝습니다. 아무튼 그 이래로 제가 누구이고 무엇을 하는 사람인지 소개하는 일이 조금 무용한 일처럼 느껴집니다.” https://minguhong.com

「궁극의 워드프로세서」. 글자체, 글자 크기, 글자 사이 공간, 글줄 사이 공간, 글자 수… 오늘날 글을 쓰기 전에 고려해야 할 사항은 이처럼 적지 않다. 이는 이따금 글을 쓰는 일 자체를 방해하기도 한다. 「궁극의 워드프로세서」는 더할 나위 없는 워드프로세서를 지향한다. 지원하는 기능은 다음과 같다. 쓰기, 지우기, 편집하기, 저장하기(컨트롤/커맨드 + S), 그리고 (쓴 문장이 적절한지) 묻기. 글을 쓰는 데 반드시 필요한 이 다섯 가지 기능은 민구홍 매뉴팩처링에서 추구하는 제품 제작 방식과 얼마간 상통하기도 한다. 민구홍 매뉴팩처링의 모든 제품이 글자, 단어, 구절, 문장, 문단, 즉 글에서 출발하는 까닭이다.
https://chrome.google.com/webstore/detail/%EA%B6%81%EA%B7%B9%EC%9D%98-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A1%9C%EC%84%B8%EC%84%9C/lkjkcelhdmdkjoecepjlhncnlgmfggih?hl=ko&gl=KR


「회사 소개」. 민구홍 매뉴팩처링에서는 2015년 설립과 함께 열세 번째 시청각 문서로 발표한 「회사 소개」를 통해 회사에서 하지 않는 일 서른일곱 가지를 목록으로 밝힌 바 있다. 구글 크롬 확장 프로그램 「회사 소개」는 새 탭을 열 때마다 목록 속 항목 하나를 무작위로 출력한다. 영어 버전은 디지털 문화 연구자 겸 개발자로 활동하는 고아침이 번역했다.
https://chrome.google.com/webstore/detail/%ED%9A%8C%EC%82%AC-%EC%86%8C%EA%B0%9C/jkehdjfaegclfoiokadbhhjhjopbocda?hl=ko


「말과 말들」. 「회사 소개」의 자매품으로, 새 탭을 열 때마다 워크룸 프레스와 작업실유령에서 펴낸 도서에서 발췌한 문장을 무작위로 출력한다. 이는 민구홍 매뉴팩처링에서 추구하는 기생주의가 숙주의 피를 빨아먹기만 하는 일반적 의미의 기생과 다르다는 점을 증명한다. ‘유리관’이라는 사용자는 “지금껏 이보다 더 업무 생산성을 떨어뜨려준 확장 프로그램은 없었습니다.”라고 평가하기도 했다.
https://chrome.google.com/webstore/detail/%EB%A7%90%EA%B3%BC-%EB%A7%90%EB%93%A4/mkhkplamkahjhhenibhdkpnondcljhbd?hl=ko


「올해 프로그레스 바」. 올해의 진행 상황을 추상화해 프로그레스 바를 비롯해 소수점 첫 번째 자리까지 백분율로 출력한다. 폭죽과 함성 속에서 올해가 지난해가 되는 순간 프로그레스 바는 초기화된다. 백분율 또한 마찬가지다.
https://chrome.google.com/webstore/detail/%EC%98%AC%ED%95%B4-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8A%A4-%EB%B0%94/elnajjdmikfbhiphlanpgcafaajehofp


「우회전략」. 1975년 예술가 브라이언 이노와 페터 슈미트는 카드 114장으로 이뤄진 「우회전략」을 발표했다. 각 카드에는 예술가, 특히 음악가가 작업 중에 맞닥뜨리는 문제를 해결하는 데 도움이 될 만한 문장이 인쇄돼 있다. 몇몇은 지나치게 구체적이고, 몇몇은 지나치게 일반적인 문장 사이에서, 사용자는 무작위로 뽑아 든 카드 한 장 속 문장을 통해 실제로 문제를 해결하거나 위안을 얻는다. 「우회전략」은 앞서 소개한 「우회전략」에 한 가지 우회전략을 더한 구글 크롬 확장 프로그램으로, 웹상에서 맞닥뜨리는 문제를 해결하는 데 도움이 될 만한 우회전략을 구글 크롬 화면의 오른쪽에서 제시한다.
https://chrome.google.com/webstore/detail/%EC%9A%B0%ED%9A%8C%EC%A0%84%EB%9E%B5/epmobfibnedhafjobaacagkdfcpfafne


「상자에서」. 일반적으로 웹페이지, 나아가 웹사이트를 만드는 것은 정보를 이해한 뒤 HTML을 통해 적절한 태그로 묶고, CSS를 통해 배치하는 일이다. 더러 자바스크립트를 통해 특정 기능을 더하기도 한다. 그 방법은 현존하는 웹사이트 수만큼 다양하지만, 모든 일은 상자에서 시작한다. 민구홍이 써낸 『새로운 질서』(미디어버스, 2019)를 위한 교육용 구글 크롬 확장 프로그램인 「상자에서」는 웹 페이지의 각 요소가 상자임을, 따라서 웹 페이지가 상자의 집합임을 되새긴다.
https://chrome.google.com/webstore/detail/%EC%83%81%EC%9E%90%EC%97%90%EC%84%9C/pmddnegjemjhkflchmfioccekmeddnep?hl=ko&gl=KR


「기생주의 또는 제품 소개」. 넓은 의미의 동업, 또는 좁은 의미의 기생은 민구홍 매뉴팩처링의 생존 전략 가운데 하나다. 업무에서 책임을 보기 좋게 나눌 수 있을 뿐 아니라 동업자 또는 숙주의 명성에 기대 자연스럽게 회사를 소개할 수 있기 때문이다. 이런 정신을 되새기고 실천하고자 취미가 공식 웹사이트에 소개된 운영자의 토크 정보 페이지를 (당분간) 제품 소개 페이지 삼아 업데이트한다.
 http://www.taste-house.com/program/토크-민구홍-『새로운-질서』-출간-기념-토크