wonmin, lee

http://e2goon.github.io

블로그를 이전하게 된 주된 이유입니다.

단점

Tumblr의 Markdown Editor는 참 매력적입니다. 하지만, Markdown의 다양한 기능을 자유롭게 이용할 수 없습니다.

Tumblr는 여전히 반응성이 느리고 여전히 개선하고 있지 않습니다. 이제 사용하는데 진절머리 납니다.

Tumblr의 Markdown Editor의 화면이 너무나 작습니다. 저는 Markdown으로 작성한 문서를 제 Cloud 저장소에 저장해서 언제 어디서든 꺼내 수정하는 것을 좋아하고, 보다 큰 화면에서 미리 실시간으로 Preview화면을 보면서 문서를 작성하는 것에 익숙하고 편해졌습니다.

Tumblr의 업데이트는 상당히 더디게 느껴집니다. 여전히 Markdown Editor의 입력방식은 변화가 없으며 속도는 개선되고 있지 않습니다. 2년 내내 여전히 속도가 느리고 더 복잡해졌고 더 무거워졌습니다.

저 같이 심플하고 정적인 웹페이지를 좋아하며 Markdown 문서를 별도로 관리하고 싶은 사람은 Tumblr과 지향하는 바와 다릅니다.

Tumblr 의 단점만 늘어놓은 글이 되었군요. 어찌 되었든 저는 Tumblr를 떠나게 되었습니다. 그래도 조금의 양심이라도 있어서 Tumblr의 장점만을 골라서 나열해봅니다.

장점

Tumblr는 사용성이 우수합니다. 설정화면에서 변경사항이 생기면 자동으로 변경사항이 반영되는 것이 놀랍고 편합니다.

Tumblr는 심플하고 미려하고 미니멀합니다. 그 뿐입니다.

Tumblr는 다양한 Editor 셋을 지원합니다. HTML, 위지윅, Markdown 다양한 방식을 지원하죠.

Tumblr는 글을 작성하는데 있어서 작성자의 고민과 생각을 최대한 줄여줍니다. 생각거리를 간단하게 표현할 수 있도록 도와주기도 하고 길게 표현할 수 있도록 도와주기도 하죠. 많은 생각을 단순하게 표현하는 것을 좋아하는 유저들은 분명 Tumblr를 사랑해줄겁니다.

텀블러씨 저 하나 떠나는 것을 아쉬워마세요. 여전히 텀블러를 사랑하는 유저가 많습니다. 그 동한 감사했어요.

텀블러. 사랑해요 텀블러. :)

요즘은 기술이 많이 발전하고 있고 점차 디바이스의 종류가 많아지고 있다. 예전 javascript는 브라우저에서 실행 가능한 언어였었는데 최근에는 서버사이드에서 폭 넓게 모든 어플리케이션을 개발할 수 있는 수준으로 도달하게 되었다. 2014년 javascript의 랭킹은 7위였을 정도로 개발자들이 많이 관심을 가지고 있는 언어임은 틀림 없다.

javascript는 java나 c++ 언어와는 달리 class문이 존재 하지않는 프로토타입 기반인데다가 object가 javascript의 핵심으로 많이 알려져있다.

javascript로 모듈을 개발하기 위해 꼭 알아야 할 내용들이 있는데 타 언어와는 달리 기본적으로 javascript에는 모듈을 import 할 수 있는 기능과 의존성을 관리할 수 있는 기능이 포함되어 있지 않기 때문에 개발자들과의 암묵적인 약속으로 모듈 작성을 위해 CommonJS나 AMD그룹의 표준명세를 따라야 한다고 생각한다.

모듈을 작성하기 전에 다양한 환경 고려해보기

환경에 구애받지 않도록 모듈을 작성하기 위해서는 Node.js, Web Browser의 환경을 고려해야 하고 CommonJS와 AMD의 명세를 참고해야 한다. 모듈은 때로는 모든 환경을 지원해야 할때도 있고 단일 환경을 지원할 수 있기 때문에 상황에 맞는 방법을 고민하고 있다.

모듈 작성 하기

아래의 예제코드를 보면 상황별로 모듈을 로드하는 방법들이 각기 다르다는 것을 확인할 수 있다.

상황별로 모듈을 불러오는 법

CommonJS 방식

  var foo = require('./foo');

  console.log(foo); // result: i'm module. 

AMD 방식

  require(['foo'], function(foo) {

      console.log(foo); // result: i'm module. 

  });

Browser 방식

  <script src="foo.js"></script> 

  <script>

      console.log(window.foo); // result: i'm module.

      console.log(foo); // result: i'm module.

  </script> 

모듈 코드 예제

아래 코드는 jQuery, watch.js 코드 중 일부를 가져왔다. 다양한 상황에 대응할 수 있는 모듈을 작성하기 위해서는 아래와 같이 예제 코드를 작성해서 대응하는 것이 좋다.

(function(factory) {

     if (typeof exports === 'object') {

         // CommonJS 대응 코드 

        module.exports = factory;

     } else if (typeof define === 'function' && define.amd) {

         // AMD 대응 코드 

        define(factory);

     } else {

         // Browser 대응 코드 

        window.foo = factory;

     }

 }(function() {

     // 모듈 코드 작성 

     // ... 

     return 'i\'m module.';

 }));

모듈 코드 설명

기본적으로 익명의 즉시실행함수(Immediately-invoked function expression)로 작성되었으며 코드 전체를 감싸고 있다.

 (function() {

     // code 

 }());

익명함수가 문자열 'i\'m module.'값을 리턴하도록 코딩되어 있다.

 function() {

     return 'i\'m module.';

 }

위에서 리턴한 값이 익명의 즉시실행함수의 매개변수 factory로 전달된다.

 (function(factory) {

     console.log(factory); // result: i'm module. 

 }(익명함수));

세가지의 조건식 코드블록중 한가지가 참인경우 한 블록내에서만 코드를 실행한다. 주석을 보자.

 if (typeof exports === 'object') {

      // CommonJS 전용 코드 

     module.exports = factory;

  } else if (typeof define === 'function' && define.amd) {

      // AMD 전용 코드 

     define(factory);

  } else {

      // Browser 전용 코드 

     window.foo = factory;

  }

이제 몇 시간 지나면 내 나이 30살이 되는 해이고, 2015년은 청양의 해 을미년 (乙未年)이기도 하다.

개인적인 욕심으로 과감하게 안정적인 회사를 관두고 스타트업 회사 포함. 여기저기 전전긍긍하면서 많은 고생을 하기도 했고 올해가 가장 힘든 시기이기도 했다. 내 선택에 대한 후회가 한꺼번에 몰려온 날이기도 했다.

후회를 하지 않을 정도로 값진 경험을 했다면 힘들어도 조금이나마 위로가 되었을텐데 하는 생각이 들었다. 올해는 값진 경험은 못했지만 많은 경험을 했고 많이 배우기도 했고 많은 실패를 했다. 덕분에 스스로를 돌아볼 기회가 많이 생겼다.

그렇게 나는 단단해졌고, 절실함을 가지고 스스로 공부를 찾아서 하게 되는 내 자신을 발견했다. 절실함을 느껴 공부를 하고 있는 나는 마치 신입때의 초심으로 돌아간 것 같아서 더할 나위 없이 기쁘다.

내년에는 더할 나위 없는 이원민이 될 수 있도록. 화이팅!

새로운 목표 설정

2015년은 새로운 목표를 가다듬기 위해 나열 해봤다. 내가 꼭 이루어야 하는 목표를 설정해본다.

금연

운동

javascript 스터디 활동하기

Front-end stack

MariaDB, PostgreSQL, MongoDB 공부하기

상상해왔던 웹서비스 공부삼아 개발하기

도메인 구입 및 Markdown 기반 블로그와 연동

우분투 터미널에서 기본적으로 지원하고 있는 폰트의 가독성이 너무 별로다보니 내눈에 익숙한 Monaco Font를 내려받아 설정하게 되었는데 해당 폰트를 다운로드할 수 있는 곳을 찾았다.

Monaco Fonts Github

폰트의 라이센스는 무료라고 한다.

이 폰트는 1, L, I 의 구분이 확실하기 때문에 가독성이 뛰어나다.

간혹 Node.js 개발을 하다가 보면 소스에 맞는 Node.js 버전을 시스템에 맞춰야 할때가 있다. 그래서 존재하는 것이 줄임말로 NVM인데 뜻은 Node Version Manager이다. 말그대로 노드의 버전을 매니징한다는 것!

설치는 아주 단순하고 쉽다. curl이 설치되어 있는 운영체제 환경이라면 아래와 같은 명령어로 NVM을 설치할 수 있다.

curl https://raw.githubusercontent.com/creationix/nvm/v0.20.0/install.sh | bash

NVM 설치 이후 터미널을 재실행하면 NVM을 사용할 수 있게 되는데 원하는 버전의 Node.js를 설치해보자. (NPM도 동시 설치 된다.)

$ nvm install 0.10.33

응? 참 쉽다. 터미널 재실행 없이 node -v을 타이핑 해보자. 노드의 버전이 표시된다면 정상 실행!

Heroku를 무료로 잘 사용하고 있는 유저였는데 속도가 느려서 Cafe24에서 저렴한 비용으로 Node.js 호스팅 서비스를 받았었다. 이게 무슨 SSH 지원도 안되고 Git으로 Push했더니 Node module을 자동으로 설치해주지 않으니 너무 불편한 것이 아닌가.

AWS를 사용하자니 부담스러운 비용에 한숨을 내쉬었었는데... 마음을 가다듬고 무료 Node.js 호스팅 서비스를 찾다가 쓸만한 무료 호스팅에 대한 정보를 찾을 수 없게 되자 찾아낸게 Koding.com 서비스다.

이 서비스가 꽤 괜찮은게 Koding에서 무료로 할당받을 수 있는 스펙이 다음과 같다.

1Core

1GB Ram

3GB Disk

더 좋은 것은 당장에 내 컴퓨터에 Unix, Linux기반 운영체제를 설치하지 않아도 Koding.com에서 Ubunt Linux 서버 한대 임대받아 쓰는거나 다름 없다.

처음 Koding.com에 가입하고 계정을 할당받으면 기본적으로 Node.js, Python, Ruby, PHP가 셋팅되어 있고 웹서버로는 Apache2가 설치되어 있다.

초보자에게는 상당히 난이도 있는 작업이지만 알고보면 저렴한 비용으로 트래픽의 제한없이 사용할 수 있다는 점에 있어서 최고의 무료서비스가 아닌가 싶다. 사실 Koding.com의 큰 장점이 쓰고 있는 운영체제와 상관없이 웹브라우저상에서 개발할 수 잆다는 점이고 IDE까지 마련되어 있어서 별도의 소프트웨어 설치 없이 서버운용 및 웹서비스개발까지 한큐에 해결할 수 있다는 점이 큰 장점이겠다.

참고로 나는 Koading.com 서비스에서 Apache2를 삭제하고 Nginx로 셋팅하고 Node.js와 PostgreSQL을 설치해서 서비스하고 있다.

그런데, 이 서버는 무료대비 엄청난 스펙을 자랑하지만 상당히 불편하지 않고 사용자한테는 가장 납득이 가면서 불편하지 않은 비즈니스 모델을 채택하고 있다.

요즘 나는 우주를 소재로한 영화인 인터스텔라를 많이 기대하는 중이다. 딱 3주만 참으면 크리스토퍼 놀란 감독의 인터스텔라를 볼 수 있게 된다. :)

EditorConfig is a file format and collection of text editor plugins for maintaining consistent coding styles between different editors and IDEs.

Regular expression tester with syntax highlighting, contextual help, video tutorial, reference, and searchable community patterns.

Mou, web developers' Markdown editor for Mac OS X.

Flask는 Python용 Micro Framework다. Flask는 간결하고 작은 것을 지향하지만 자체적으로 다른 Framework에 비하면 많은 기능을 제공하고 있지는 않은 것 같다. 처음 프로젝트를 시작하게 된다면 Application의 뼈대를 잡으면서 개발을 해야할 것 같다. 정확하게 말하면 빈페이지인 처음부터 시작해야 한다는 이야기다.

개발자의 스타일에 따라 Flask는 빠르게 프토토타입을 구현하기에는 용이하면서 서비스가 확대되면 필요한 파이썬 모듈들을 하나씩 추가해가며 필요한 기능만으로 갖추어진 Application으로 개발할 수 있을 것 같다. 이는 Node.js의 Framework인 express.js와 조금은 닮은 것 같기도 하다.

개인적으로 Python의 역사가 길다보니 국내에는 많은 커뮤니티가 형성되어 있을거라고 생각했는데 생각보다 많이 없어서 놀랬다.

Flask의 설치는 간단하다. Python이 반드시 설치되어 있어야하며 설치명령어는 다음과 같다.

오늘 코딩하면서 갑자기 문득 든 생각이다. 개발자로써 좋은 퍼포먼스를 내려면 논리적인 사고가 주가 되어야 하고, 논리적인 사고를 하게 되면 실력 좋은 개발자로 인정을 받을 수 있을 것 같다는 생각이 들었고, 그 생각이 결국은 꼬리에 꼬리를 물면서 깊게 빠진 순간!

논리와 감정의 사이에서 고민을 하는 내 자신을 발견하게 되었다.

웹서비스/제품들의 성공사례

지금까지 성공한 웹서비스/제품들을 보면 사람의 필요로 의한 웹서비스/제품들이 가장 많은 것 같다. 개인적으로 결과물을 만들기 위해서는 사람을 이해하는 것이 중요다고 보고 있고 감정적인 판단이 중요하다고 생각한다.

제품이 만들어지는 과정에는...

당연히 디자이너와 개발자들은 항상 갈등이 생긴다는 것이다. 그 이유를 가만히 생각해보면 디자이너는 대부분 감정적인 사고를 하는 편이고 개발자들은 주로 논리적인 사고를 하는 편이라서 그런걸까? 하고 생각을 한다.

논리적인 사고가 주가되는 사람이랑 감정적인 사고가 주가되는 사람은 항상 부딪히는 경우를 보아왔다. 이런 부딪힘 속에서 타인을 존중, 배려하는 자세를 가지고 조직화를 이루고 조직이 성숙해진다면 상당히 좋은 결과물이 나올 것 같다는게 내 생각이다.

본인은 맥프레 보유자로써 일반 PC에 해킨토시를 설치하여 사용하고 있음을 알려드립니다. 나름대로 정품을 사용하고 있고 취미/편의상 해킨토시를 설치하여 가끔 사용하는 정도에 그치니 태클은 없었으면 좋겠습니다!

해킨토시라도 사용하려다 답답함을 느껴 애플 제품을 구입하려는 이들이 많습니다. 개인적으로 애플 제품의 사용자가 많아지길 바라는 마음이 있고, 비윈도우 세대가 늘어날수록 ActiveX는 더 빨리 없어지겠죠.

MSI P67A-C43

본인은 MSI사의 P67A-C43 메인보드를 사용하고 있다. 매버릭스 운영체제를 설치하여 사용하고 있고 현재 운영체제의 버전은 10.9.4이다. 내장사운드와 내장랜 모델은 다음과 같다.

내장 사운드 모델 ALC892

내장 랜 모델 RTL8111E

해킨토시의 설치 원리는 간단하다. 일반컴퓨터가 맥처럼 인식되어야 OS X를 설치할 수 있다. USB에 부팅가능한 Clover Bootloader가 들어갈 영역과 OS X 설치본이 들어갈 영역이 존재해야 하므로 총 두개의 파티션이 있어야 한다. GUID 파티션 테이블로 포멧하면 자동으로 Clover Bootloader가 들어갈 EFI파티션이 생성된다.

USB로 부팅하는 과정 중 Clover Bootloader 영역에 포함되어 있는 드라이버를 탐색하기 때문에 일반 컴퓨터에 맞는 드라이버들이 설치되어 있어야 한다. 설치 이후에도 드라이버는 별도로 잡아야 하는 상황이 생길 수 있다. (최신버전의 FakeSMC.kext 파일은 기본적으로 꼭 설치되어 있어야 한다. 이 파일은 일반컴퓨터를 맥처럼 인식하게 해주는 역할을 하고 있다.)

내장 랜 드라이버 설치

가장 먼저 인터넷이 되어야 내장랜 사운드카드 드라이버를 다운받을 수 있다고 판단. 내장 랜 드라이버를 잡기로 했다. 내장 랜 모델명을 위주로 검색한 결과 lnx2mac의 블로그를 발견했다. RealtekRTL81xx-0_0_67.zip 이라는 파일을 다운로드 받아 USB에 옮겼다. (다운로드 파일의 경로 공유는 저작자가 금지하고 있다. 블로그의 URL 공유는 허용한 상태니 URL만 공유하자.)

내장 사운드 드라이버 설치