내가 경험한 웹의 역사

today 2016-02-19 face Posted by appkr turned_in Learn & Think forum 0

World Wide Web 의 역사는 오래되지 않았다.

내가 야자를 하던 시절 세상에 처음 소개되었으며, 군을 제대하고 복학을 할 때 즈음 국내에도 막 붐이 일기 시작했었다. 대학을 진학하면서 내가 처음 가진 PC 는 486SX 33MHz 였던 것으로 기억한다. 작전병으로 군생활을 처음 시작했을 때는 전자 타자기에 먹지를 댄 종이를 끼우고 보고서를 작성했고, 곧 MS-DOS 로 운영되는 PC 가 보급되었다. 군 생활 내내 MS-DOS 환경에서 \>hwp 를 쳐서 실행되는 아래아 한글을 사용했으며, 병장이 되어서야 Windows 95 가 보급되었다.

그 당시의 웹은 모두 Static 페이지들이었다. 방문자의 컨텍스트나 그들의 추가적인 액션에 따라 동적으로 변하는 문서가 아닌, 모든 사용자에게 동일한 화면를 보여준다는 의미이다. 국내에 Dynamic Web 이 태동한 시기는 90 년 대 후반으로 기억되며 그 때 당시의 Dynamic 웹 들은 이렇게 생겼었다.

90 년대 후반의 Yahoo!

어중간하게 싸워서 지지마라

today 2016-02-17 face Posted by appkr turned_in Learn & Think forum 0

팀원 중에 좀 심하게 표현하자면 ‘애플 혐오자’ 라 불리울 만한 친구가 한 명 있었다. 그런데, 그 친구가 회사를 퇴직하고 노란색 바탕을 가진 채팅 서비스하는 다*카** 란 회사에 입사했는데 거긴 모든 개발자가 Mac 만 사용해야 한다는… 연말 모임에서 만난 그 친구는 심하게 Mac 의 불편함을 호소했다. “월급 받으면 안 되던 것도 다 되게 된다~” 라고 모두가 위로(??)해 주었다.

이게 내 철학이었는데.. 내 생각이 틀렸다. 도구는 그냥 도구이다. 본질은 도구가 아니라 ‘치열함’이나 ‘집요함’이다. 원래 열정으로 똘똘 뭉친 친구이니, 3개월 정도 지난 시점에 열정이 도구를 얼마나 이겨냈는지 연락 한번 해 봐야 겠다.

• • •

싫어 하는 일에도 최선을 다하는 태도를 가질 수 있을 때, 당신은 정말 꿈을 위한 일에 온 몸을 바칠 수 있게 된다.
어중간하게 싸워서 지지 마라. 몸과 마음을 다해 싸운 자에게는 저마다 만족할 수 있는 인생이 준비되어 있다. <footer>와다 이치로 18 년이나 다닌 회사를 그만두고 후회한 12가지</footer>

온 몸에 소름이 돋는다. 이 책이나 저 책이나, 그 내용이 그 내용이라 지금은 전혀 읽지 않고, 이제는 전혀 쓸모도 없다고 생각되어 불매 운동이라고 하고 싶은 자기계발서인데, 오랜만에 전율을 느꼈다. 우선 꿈을 가지고 사느냐가 중요하다. 아직도 꿈을 잃지 않았다면, 지금 하는 일이 꿈을 향해 가는 한 걸음이라 생각하며 매 순간 순간에 최선을 다해야 한다.

CSS Specificity

today 2016-02-16 face Posted by appkr turned_in Work & Play forum 0

speci.., specifif…, speficyfyf…, specificificfy… what?

CSS Specificity

[* spesɪ fɪsəti*, 스페시피서티, CSS 적용 우선 순위]. 블로그 플랫폼 이전 3 - Publishing 포스트에서 twbs 클래스들을 오버라이드하는 과정에서 잘못 이해한 것을, 실험을 통해 배우고 고쳐서 정리해 놓는다.

Test

이번 주는 생활코딩 작심5일 수업에 자원봉사자로 참여하고 있다. 오늘 수업에서 CSS 얘기를 듣다가 문득 궁금증이 생겼다.

내가 기존에 알고 있던 지식은

  • Tag Selector 1 점 (e.g. a {...})
  • Class Selector 10 점 (e.g. .darth {...})
  • Id Selector 100 점 (e.g. #sith {...})

였다. 궁금증은 ‘Tag 를 11 개 중첩해서 쓰면 Class 하나를 오버라이드할 수 있을까?’ 라는 것.

블로그 플랫폼 이전 5 - Disqus & Facebook

today 2016-02-13 face Posted by appkr turned_in Work & Play forum 0

Wordpress 에서 Jekyll 로 마이그레이션 과정에서 배운 내용을 총 5 편의 포스트로 정리해 본다.

  1. 개발자로서의 새로운 삶
  2. Goodbye Wordpress, Hello Jekyll
  3. Publishing
  4. Build Automation with Gulp
  5. Disqus & Facebook

지난 2 주일 동안 일어난 우여곡절들을 기억을 되살려 최대한 복기해 두었다.

• • •

기존 Wordpress to Jekyll 마이그레이션 시리즈에 하나의 포스트를 더 추가한다. 오늘 구현한 따끈한 기능 2가지 이다.

  • Disqus1 최신 댓글 뽑아 오기
  • Facebook 최신 포스트 뽑아 오기

Disqus 최근 댓글 뽑아 오기

Disqus 에서 이미 위젯을 제공하고 있어서 구현은 아주 간단한다.

<!-- https://github.com/appkr/blog/blob/master/_includes/site-sidebar.html#L64 -->

<!-- ... -->
<section class="box" id="recent-comments">
  <div class="box-header">
    <h3>Recent Comments</h3>
  </div>

  <div class="box-body dsq-widget">
    <script src="http://appkr.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=100"></script>
  </div>
</section>
<!-- ... -->

블로그 플랫폼 이전 4 - Build Automation with Gulp

today 2016-02-12 face Posted by appkr turned_in Work & Play forum 0

Wordpress 에서 Jekyll 로 마이그레이션 과정에서 배운 내용을 총 5 편의 포스트로 정리해 본다.

  1. 개발자로서의 새로운 삶
  2. Goodbye Wordpress, Hello Jekyll
  3. Publishing
  4. Build Automation with Gulp
  5. Disqus & Facebook

지난 2 주일 동안 일어난 우여곡절들을 기억을 되살려 최대한 복기해 두었다.

• • •

Jekyll Serve

Jekyll 은 로컬 테스트 서버를 포함하고 있다. 콘솔 메시지를 자세히 보면, 빌드 대상이 되는 파일들을 컴파일하여 public 디렉토리에 출판하고, public 디렉토리를 Document Root 로 하는 http://localhost:4000 로컬 웹 서버를 띄운다는 것을 알 수 있다. 서버를 뛰우지 않고 빌드만 하려면, $ jekyll build. 오오~ 멋지다~

$ jekyll serve
# Configuration file: /.../blog/_config.yml
#             Source: /.../blog
#        Destination: public
#  Incremental build: disabled. Enable with --incremental
#       Generating...
#                     done in 1.432 seconds.
#  Auto-regeneration: enabled for '/.../blog'
# Configuration file: /.../blog/_config.yml
#     Server address: http://127.0.0.1:4000/
#   Server running... press ctrl-c to stop.

Preview with Jekyll built-in web server

그런데 2% 가 부족했다.

keyboard_arrow_up