나에게 블로그는 대학노트다. :: 2008/07/23 09:45

대학시절 노트 가득히 적었던 교수님의 판서가 떠오른다. 중간고사와 기말고사에 나오겠지 하는 막연한 기대로 한자 한자 빠뜨리지 않고 적어 두었던 노트. 그렇게 공들여서 썼던 노트였는데 졸업한지 겨우 2년여가 지났을 뿐인데 사라지고 없다. 기억에서도 흐릿해져서 어떤색의 노트였는지 몇 권이나 있었는지. 무슨 내용을 적어두었는지 기억나지 않는다.

블로그를 시작한건 위키를 처음 접했던 2000년 여름쯤으로 기억된다. 게시판과 위키위키, 그리고 블로그라는 각기 다른 세가지 글쓰기 플랫폼을 놓고 고민하던 때였다. 당시에 나는 굉장히 흥미로웠던 위키에 마음을 쓰게 되었고, 위키를 통해서 나름의 글쓰기와 지식을 담아두기 시작했었다. 하지만 위키는 본래가 공동의 저작도구에 가까웠고, 혼자 쓰는 위키는 어쩐지 버겁게 느껴졌다. 그 뒤에 차츰 블로그란 것에 눈길을 돌렸고, 지금은 구글에 인수된 Blogger 를 사용하기 시작했다. 얼마 지나지 않아 TNC에서 만든 한국형 블로그인 태터툴즈(지금은 텍스트큐브)를 이용해서 공식적인(?) 블로거로써의 걸음을 걷기 시작했던 것 같고, 작년 군대를 제대하고 사회에 나올 즈음하여 다음의 티스토리로 자리를 옮기면서 지금의 블로그를 유지하게 되었다.

내 블로그에는 무엇이 있을까? 나는 대학시절 국어국문학을 전공했고, 조금더 과거-초중고시절-에는 소설읽기를 좋아했던 말랑말랑한 문학소년이기도 했다.(지금은 단연코 그렇지는 않은것 같다) 글씨가 예쁘지도 않고, 맞춤법이 엉성하게 틀리기도 하지만 생각을 글로 만들고 싶어했던 열정만큼은 가졌던 시절이었지 않나 싶다. 그 열정이 조금은 남았던지 대학에서도 국문학을 다녔지만, 지금은 그때만큼은 아닌것 같다. 하지만 습관이라는 것이 무서워서 어린시절부터 그렇게 쓰고, 또 쓰고 했던 버릇이 남아 지금은 이렇게 블로그를 통해 무언가를 긁적이곤 한다. 대학시절 고민했던 ‘문학’에 대해서, ‘비평’에 대해서 그리고 ‘하이퍼텍스트문학’과' ‘스토리텔링’에 대해서, ‘HTML’과 ‘웹표준’에 대해서 떠든다. 버리지 못한 꿈과 현실에서 얻어낸 지식을 한꺼번에 쏟아내고 있는 곳이 바로 내 블로그이며, 스물여덜의 내가 갖고 있는 노트다. 2년이나 3년 후에 어디다 뒀는지 찾을 필요도 없고, 무엇을 적었는지 애써 기억을 되살리려 노력하지 않아도 될 것이다. 여전히 오타와 띄어쓰기가 엉망이긴 하겠지만, 약간의 기술적 도움을 받아 고쳐낼 수 있을 것이고, 남 보이기 부끄러운 내 필체도 적당히 동그랗게 만들어진 굴림체나 vista라면 맑은고딕체를, 맥 사용자라면 살짝 뭉그러진 부드러운 ‘필체’를 통해 감춰버릴 수 있을 것이다.


ps. 이 글은 에이콘 출판사의 ‘(블로그 히어로즈 이벤트) 나에게 블로그는 <만남>이다!’라는 이벤트 글을 보고 참여하면서 쓴 글이다. 이벤트 파도타기 차원에서 CSS에 대한 좋은 글을 많이 남겨주고 계시는 겨미겨미님도 함께 해주셨으면 좋겠다.

장애 없는 사이버세상, 웹 접근성 향상 캠페인
Trackback Address :: http://www.pageoff.net/trackback/813
  • [블로그 히어로즈 증정] 무더운 여름, TNC의 시원한 이벤트 파도타기

    Tracked from TNC 블로그 | 2008/07/23 12:17 | DEL

    여러분 안녕하세요~ 꼬날 입니다. ^^V주말 동안 내린 비 때문인지 오늘은 더위가 한 풀 꺾인 듯!!그래도 아직 무더위가 끝났다고 방심할 수는 없겠죠? 그래서 오랜만에 '피서'를 겸한 '이벤트' 한 판 할까 합니다. 기대하세요~~이름하여 'TNC 이벤트 파도타기~~~' 이벤트 참여 방법은 간단합니다. 여러분의 블로그에 '나에게 블로그는 < > 이다' 라는 주제로 간단히 글을 쓰셔서 이 글에 트랙백을 걸어주세요. 한가지! '이벤트 파도타기...

  • 나에게 블로그는 &lt;꼭 맞는 옷&gt; 이다

    Tracked from 꼬날의 좌충우돌 PR현장 이야기 | 2008/07/23 12:19 | DEL

    라디오스타님이 보내신 파도를 시원하게 타며 TNC 파도타기 이벤트에 응모해봅니다. ㅎㅎ 블로그는 처음부터 그랬습니다. 마치 제가 필요한 기능만을 모아서 스스로 만들은 도구 같았거든요. 사실 오래전부터 꿈 꾸어온 나만의 사이트를 만드는데에 이만큼 최적화된 도구가 있을 수 없었습니다. 그래서 네이버에 페이퍼라는 서비스가 생기자 마자 곧 블로그를 시작했고, 2005년에 태터툴즈를 만난 이후에는 꼬날닷컴을 열게 되었습니다. 때로는 속을 털어 놓는 일기장이..

  • 에이콘 | 2008/07/23 12:06 | PERMALINK | EDIT/DEL | REPLY

    우리가 대학노트에 빼곡히 써내려갔던 건 그저 지식의 집합 뿐만 아니라 미래에 대한 꿈도 함께가 아니었나 싶어요. 멋진 글 감사합니다. ^^/

  • 꼬날 | 2008/07/23 12:18 | PERMALINK | EDIT/DEL | REPLY

    안녕하세요~~ TNC의 꼬날입니다. ^^;; 이벤트 파도에 올라타 주셔서 정말 감사합니다.
    저희 블로그 트랙백 보냈어요. Pageoff 님도 트랙백 쏴주세요~ 좋은 하루 되세요!!

Name
Password
Homepage
Secret

'프리젠테이션 젠'을 읽고 :: 2008/07/22 18:18

초등학교 시절부터 대학을 졸업하기까지 얼마나 많은 발표를 했었을까? 발표는 언제나 떨리고, 긴장되는 순간이다. 모든 사람들이 내게 집중하고, 내 입술이나 눈을 바라본다. 때로는 어정쩡하게 서 있을 내 몸 전체를 힐끔 쳐다보기도 할 것이고, 지퍼가 내려가 있어 웃음을 참고 있었을지도 모른다. 더듬거리는 내 말투에 기득거렸을 수도 있고, 안절부절해 하는 내 손가락들을 신경쓰고 있었을 사람도 있었을 것이다. 발표는 그렇게 내게 어렵고 두려운 것이었다.

대학을 졸업하고 내 생에 시험과 발표는 더이상 없다! 라고 생각했었다. 하지만 나는 컴퓨터 자격증과 자동자 운전면허를 위한 시험을 치루어야만 했고, 최근에 웹표준이라는 주제를 가지고 사내에서 발표를 했다. 그리고 크진 않지만 2주마다 갖는 작은 스터디에서 끊임없이 발표를 한다.

가르 레이놀즈의 '프리젠테이션 젠'이라는 책을 읽게 된 것은 지인들의 짧은 감성평에 호감을 얻어서였다. 특별히 지금의 내 발표력을 키워보겠다고 의식적으로 주문 버튼을 클릭했던 것은 아니다. (심지어 주문에 필요한 돈은 회사에서 받은 문화상품권으로 처리를 했다.)

'젠'이라는 다소 낯선 단어 속에서 '프리젠테이션'을 이야기 하는 저자는 굉장히 맛깔스러운 문체와 예쁘장한 이미지들로 가득찬 책을 써냈다. 읽혀지는 페이지마다 아삭아삭 씹히는 맛이 있달까? 쪽마다 담겨진 저자의 간절함이 느껴지기도 했다. 한동안 내 사고를 뜯어고쳐버린 웹표준이라는 이슈에 대해서 다른 사람들을 설득하는 모습속에서 발표-프리젠테이션이라는 것 역시 그동안 맞다고 생각했던 것들이 모두 엉망이 되고, 진정 올바른 프리젠테이션이 불쑥 태어난 기분이었다.

훌륭한 전문가의 책은 언제나 쉽다. 그리고 간단해 보이는 자신감을 엿볼 수 있다. 하지만 가르 레이놀즈만큼의 노하우를 갖기까지는 정말 부단한 노력과 지혜가 필요하지 않을까 싶다. 하지만 그가 열어 놓은 '프리젠테이션 젠'은 어린시절 발표수업시간에 오금을 저리던 나에게 멋진 제안을 해주었다.

프리젠테이션 젠: 생각을 바꾸는 프리젠테이션 디자인 상세보기
가르 레이놀즈 지음 | 에이콘출판 펴냄
빠르게 변화하는 시대에 어울리는 프리젠테이션! 이 책은 슬라이드를 이용한 프리젠테이션 안내서이다. 슬라이드는 실제 강연의 보조 역할을 하면서 강연을 돋보이게 만들어야 한다. 저자는 슬라이드를 이용해 프리젠테이션을 성공적으로 마칠 수 있는 과정을 보여준다. 이는 프리젠테이션을 간결하면서도 효과적으로 만들 수 있는 길이 될 것이다. 본문은 먼저 프리젠테이션의 현주소를 알려준다. 정형화되고 도식화된 일반적

장애 없는 사이버세상, 웹 접근성 향상 캠페인
Trackback Address :: http://www.pageoff.net/trackback/812
Name
Password
Homepage
Secret

새 명함 만들었습니다. :: 2008/07/18 22:49

회사 명함이 있기는 하지만 최근에 다 뿌려서 더이상 남은 것이 없기도 했고, 그동안 회사 이름이 주가 아닌 내 이름이 주가 되는 나만의 명함도 한장 있었으면 좋겠다라는 생각을 하던 참에 여자친구가 선듯 예쁜 명함을 만들어 주었습니다.

반투명한 플라스틱 재질이고, 블랙과 그린을 섞은 배색과 제 블로그의 URL을 큼지막하게 박아 넣은 명함입니다. 직업에는 흔히 쓰는 Web Publisher를 쓰지 않고(회사 명함에는 퍼블리셔로 되어 있음), Markup Developer라는 명칭을 새겨 넣었습니다. 왠지 마크업 개발자라는 이름이 좀 더 제가 하는 일을 정확하게 표현해 준다고 생각했습니다.

아무튼 이렇게 좋은 명함을 선듯 만들어준 여자친구에게 너무나 고맙다는 말을 전해주고 싶고, 새 명함에 새겨진 내 이름, 내 블로그, 내 직업에 대한 자부심을 좀 더 크게 가지며 열심히 일하고, 살아가야 겠다는 다짐을 다시 한번 해봅니다.

사용자 삽입 이미지

앞면

사용자 삽입 이미지

뒷면

사용자 삽입 이미지

측면

사용자 삽입 이미지

반투명


장애 없는 사이버세상, 웹 접근성 향상 캠페인
Trackback Address :: http://www.pageoff.net/trackback/811
  • 잼잼의 생각

    Tracked from jamjam999's me2DAY | 2008/07/18 23:38 | DEL

    남친에게 만들어준 명함.. 좋아해줘서 정말 즐겁다. 이렇게 좋아라해주면 못해줄 일이 뭐가 있겠어?

  • 잼잼 | 2008/07/18 23:14 | PERMALINK | EDIT/DEL | REPLY

    이 명함 다쓰면 또 다른 스타일로 더 예쁘게 해줄게요.
    마구 뿌려!!
    10장 모으면 새걸로 한장 바꿔준다고 해. ㅎㅎ 쿠폰제.

    • 봄눈s | 2008/07/18 23:26 | PERMALINK | EDIT/DEL

      ^^ 고마워~ 다음에는 커플 명함 한번 만들어볼까? ㅎㅎ

  • 정리정돈 | 2008/07/20 01:58 | PERMALINK | EDIT/DEL | REPLY

    반투명 명함이라니... 녹색이 봄눈님과 어울리는 것 같네요. 멋있어요.
    예쁜 명함을 만들어 주는 애인이 있어서 좋으시겠어요. 그리고 멋진 명함때문에라도 봄눈님은 더 열심히 일 하셔야 겠는걸요? 그런 의미에서 전 대충 삐뚤어져서 일하는;;

    • 봄눈s | 2008/07/21 23:52 | PERMALINK | EDIT/DEL

      네~ 그래야죠~!

      명함보다 못한 사람이 되면 안되겠죠~

Name
Password
Homepage
Secret

Cross Browsing Level :: 2008/07/18 18:32

크로스 브라우징은 프로젝트를 웹표준으로 진행하는 경우 가장 쉽게 논의되고, 많이 고려되는 사항이다. 특히 웹표준이나 접근성에 대한 이해나 지식이 부족한 클라이언트에게는 눈에 보이는 결과에 대한 증명이 필요하고, 크로스 브라우징은 그러한 결과로 가장 많이 거론되는 상황이다. 하지만 많은 경우 웹퍼블리셔와 기획자, 개발자 간에 어느정도 선으로 크로스 브라우징을 처리해야 하는지에 대한 논의가 제대로 이루어지지 않는 경우가 많고, 구두상으로 MSIE 6,7과 최근에 이슈가 되고 있는 Firefox정도를 맞춰달라는 식의 거래(?)만 이루어지기도 한다. 그래서 제작에 앞서 문서를 통해 크로스 부라우징에 대한 처리를 확실히 짚고 넘어가기 위해서 아래와 같은 표를 만들었고, 기획자와 공유하고, 클라이언트 또는 개발자와 논의를 거쳐 단계를 설정하여 진행을 하면 오픈 이후에 뒷말이 나오는 것을 줄일 수 있다.
 
다음 표는 제가 작성해서 일부 프로젝트에서 사용했던 것인데, 절대성은 없으므로 저와 비슷한 고민을 안고 필요성을 느끼는 경우 참고하였으면 하여 공개합니다. 2008년 7월 18일 기준으로 작성(수정) 하였으며, 더 나은 기준이나 표가 있다면 제게도 알려주셨으면 합니다.
 
Level Browser Win 98 Win XP Win Vista Linux Mac OS
0 MSIE 6.0        

MSIE 7.0        
1 MSIE 6.0      

MSIE 7.0      

Firefox 2+  
2 MSIE 8.0        

Safari 3+    

Opera 9+  
3 Camino 1+        

Flock 2+      

Galeon 2+        

Konqueror 3+        
* MSIE 5.5      
 
크로스 브라우징 단계는 크게 3개의 단계와 0단계, 그리고 *단계로 처리되는 예외 단계로 구성했다.
 
  • 0단계
    0단계는 크로스브라우징을 고려하지 않겠다는 의미의 단계로 시장에서 가장 많이 사용되고 있는 대표 운영체제와 브라우저 1,2개만을 대상으로 삼는 것이다. 현재는 윈도우 기반의 MSIE 6,7이 대상이다.
     
  • 1단계
    1단계는 0단계를 포함하며, 웹표준을 준수하기 위한 최소한의 범위다. 표준 지원률과 시장 점유율에 따라 Firefox 2 이후의 브라우저를 포함한다. (1단계 정도만이라도 제대로 지원해준다면 2,3단계의 거의 모든 브라우저의 크로스 브라우징을 해결할 수 있다.)
     
  • 2단계
    2단계는 0단계와 1단계를 포함하며, 1단계에서 일정과 인력의 문제로 포함시키지 못했던 주요 고려대상 브라우저를 포함한다. Beta 버전으로 출시중인 MSIE 8과 사용자 층이 확대되고 있는 Safari, Opera 브라우저가 포함된다.
     
  • 3단계
    3단계는 0,1,2단계를 모두 포함하는 최종 단계로 확인 가능한 모든 브라우저의 크로스 브라우징을 말한다. 하지만 현존하는 모든 브라우저를 테스트하기란 사실상 불가능에 가깝고, 1,2단계를 통한 크로스 브라우징을 충분히 처리했다면 모든 브라우저 테스트는 무의미함에 가깝다. Camino, Flock, Galeon, Konqueror등 리눅스용 브라우저들을 포함한다.
     
  • *단계
    별표(*)단계는 브라우저 사용률이 최근 많이 떨어져서 거의 사용되지는 않으나 특별히 고려 대상으로 포함되는 경우에 해당한다.
위와 같이 크로스 브라우징 레벨을 만들어놓기는 했지만, 개별 브라우저의 시장 점유율이나 버전업 등 새롭게 나타나는 이슈들에 의해서 유동적일 수 있고, 대상이 되는 서비스나 사이트에 따라서도 달라질 수 있음을 고려하자.
이올린에 북마크하기(0) 이올린에 추천하기(0)

장애 없는 사이버세상, 웹 접근성 향상 캠페인
Trackback Address :: http://www.pageoff.net/trackback/810
  • | 2008/07/23 17:04 | PERMALINK | EDIT/DEL | REPLY

    참 좋은 글입니다..
    다만 궁금한건 대부분의 실제 사용하고 있는 운영체제가 XP(or 비스타)라는 환경인데...
    같은 코딩본을 놓고 브라우저가 다른 운영체제로 갔을때의 차이점을 어떻게 확인하냐 인데...
    지호님(어떻게 불러야 할지 몰라서 나를 소개합니다의 성함을 적었습니다.)은 어떻게 확인을 하시며
    다른 분들 또한 궁금하네요~~

    • 봄눈s | 2008/07/23 21:05 | PERMALINK | EDIT/DEL

      대부분의 작업환경이 XP+IE6/7, FF2+ 정도 된다고 판단합니다. 하지만 리눅스나 윈도우98/ME, 맥 등 다른 환경이라면 별도의 장비가 필요할 것입니다. PC에서 구동 가능한 것이라면 버추얼 PC등을 이용할수도 있겠구요. 하지만 일반적인 웹에이젼시라면 사실 별도의 테스팅 장비를 갖추기가 어렵다고 생각합니다. 얼마나 많은 환경에서 테스트를 갖고, 마크업과 CSS에 대한 퀄리티를 높여서 크로스브라우징을 해결할지는 각 회사의 여건과 인식의 차이에 달렸다고 봅니다.

  • 봄눈s | 2008/07/23 21:06 | PERMALINK | EDIT/DEL | REPLY

    더불어서 브라우저캠프(http://www.browsrcamp.com/)나 브라우저샷(https://browsershots.org/) 등의 사이트에서는 테스트를 대신해서 해주기도 합니다. 페이지 단위의 테스팅이라면 이런 서비스를 이용해 보는 것도 괜찮습니다만 프로젝트 진행중이라면 조금 귀찮기는 합니다^^;

    • | 2008/07/24 09:50 | PERMALINK | EDIT/DEL

      역시 장비를 갖추지 않은 이상은 말씀하신 브라우저샷이나 그런 사이트를 이용하는것 뿐이군요...쩝...

      답변 감사드리며 공유해주신 사이트 또한 감사드립니다~~

Name
Password
Homepage
Secret

컴퓨터에 꼭 깔아야 할 프로그램 3위에 파이어폭스?! :: 2008/07/12 21:57

위지아에서 '컴퓨터에 꼭 깔아야 할 프로그램 추천해주세요'라는 질문에 대한 투표가 진행중인데 'Firefox' 웹 브라우저가 3위에 올라와 있는 것이 눈에 띄었다.

위지아가 아직 대중적인 서비스가 아니어서 투표 참여자 대부분이 IT종사자일 것 같고(현재 55명 투표), IE가 윈도우에 기본적으로 설치가 되어 있기 때문에 별도로 '설치'를 해야 하는 프로그램으로 분류가 되지 않은 까닭이기도 하겠지만, 결과만 보면 Firefox가 당연히 설치되어야 할 운영체제를 제외하고, 동영상 재생기에 이어 두번째로 랭크되어 있다는 것은 좋게 봐서 꽤나 고무적인 것일 수 있다.

IE가 절대적인 사용율을 보이고 있는 한국에서 굳이 IE 이외의 브라우저를 선택하지 않아도 되는 '척박한' 웹 생태계를 가진 한국에서 브라우저의 다양성을 고민하는 사용자들이 늘고 있다는 반증으로 볼수도 있기 때문이다.



더불어서 IE대신 파이어폭스를 선택해야 할 진짜 이유에 대한 투표도 진행중이다.


가장 많은 투표를 받은 1위가 '한국 웹의 현실을 바꾸기 위해'서 이다. 다양한 테마와 부가기능이 2위이고, IE보다 빠르고 가볍다라는 의견도 10위에 올라와 있다. 나 역시 이 세가지를 선택의 이유로 들고 있는데 웹퍼블리셔라는 직업을 가진 나로서는 FF가 가진 다양한 부가기능-특히 웹개발 도구들-은 FF를 선택하게 만든 최고의 조건이었고, IE라는 브라우저 시장 독점으로 생긴 기형적인 웹 생태계의 회복하고자 하는 의지의 선택이기도 했다.

FF가 IE를 완전히 미뤄내고 시장의 1위가 되기를 바라지는 않는다. 앞으로 나올 IE8은 지금까지와의 IE와는 다른 좀 더 나은 모습을 갖추고 있을 것이며, FF3.1과 4는 또다른 모습으로 IE를 위협할 것이다. 맥의 Safari와 유럽의 Opera 브라우저 역시 자기만의 색을 만들어내며 자웅을 겨루고자 할 것이다. 그렇게 많은 브라우저들이 웹을 즐겁게 만들어 준다면 오죽 좋을까싶다.



이올린에 북마크하기(0) 이올린에 추천하기(0)

장애 없는 사이버세상, 웹 접근성 향상 캠페인
Trackback Address :: http://www.pageoff.net/trackback/809
Name
Password
Homepage
Secret
< PREV | 1|2|3|4|5| ... 129| NEXT >