무조건 따라하기! Do branding yourself! :: inureyes의 코어 드릴러

첫 글을 어떻게 적어야 하나 고민 중입니다. 하필 맡은 부분이 '코어'라고들 말하는 텍스트큐브 소스이기 때문에, 파고들자면 한이 없고 그러면 그게 기술문서들이나 별반 다를 바가 없게 됩니다. 코어는 결국 파고 드는만큼 알 수 있는데, 텍스트큐브의 코어 구조는 변화의 급물살을 타고 있지요.

어떻게 시작하면 좋을까 고민하다가, 예전 태터캠프의 기술 세션 발표 주제였던

'뭘 바꾸고 싶을 때 어디를 건드리면 되냐?'

라는 부분을 중심으로 드릴링 해 볼 까 합니다.

자 그럼 한 번 파 볼까요?

MVC

MVC는 공학쪽에 있는 분들에게는 익숙한 용어입니다만, 보통은 잘 쓰지 않는 말입니다.

대충 이런겁니다. (그림은 위키백과에서)

블로그를 예로 들겠습니다. 사용자가 접속하면 블로그 프로그램이 보내는 기본적인 출력view을 보게 되죠. 사용자가 링크를 누른다거나 보관함을 본다거나 댓글을 적는 등의 선택을 하게 되면 제어기controller가 그 움직임을 받아 들입니다. 제어기는 상황에 맞는 동작을 하기 위해 동작에 필요한 모델model 과 동작을 전달하게 됩니다. 그러면 모델은 이를 바탕으로 출력을 만들어내고, 출력은 경우에 따라 모델과 상호동작하면서 그 결과를 다시 사용자에게 보여줍니다.

그러면 텍스트큐브를 한 번 보죠.

텍스트큐브의 기본적인 다이어그램.

윗 그림은 가장 기본적인 텍스트큐브의 구조입니다. 인터페이스interface는 제어기와 출력의 조합이고, 라이브러리library는 모델과 출력의 조합입니다. 위의 원칙을 기억하세요. 텍스트큐브는 MVC를 잘 따르고 있기 때문에 소스를 수정하기 위해서는 우선 자신이 원하는 부분이 Model / view / control 중 어디에 해당되는지 생각해 보면 됩니다.

위에 드린 설명을 꼭 기억하세요!
'이론상' 저렇지만 이제 빨간 약을 드실 시간입니다.

모 영화에 출연하신 모 분과는 정말로 관계가 없습니다.

지하 100미터

위의 MVC가 웹 프로그램에 그대로 적용되지는 않겠습니다. 우선 보여주고 명령을 내리는 부분은 서버와 저 멀리 떨어진 브라우저이고, 따라서 실제로 인터넷 익스플로러나 파이어폭스에 가서 보여주는 부분은 그 자체로도 하나의 프로그램입니다. AJAX는 자바스크립트 언어로 작성된 프로그램이 사용자의 웹 브라우저로 전송된 후, 서버에 설치된 프로그램과 서로 이야기하면서 동작합니다. 따라서 텍스트큐브는 크게 '브라우저쪽의 텍스트큐브' 와 '서버쪽의 텍스트큐브' 이 두 프로그램이 서로 이야기를 나누며 동작한다고 생각하시면 됩니다.

그러면 그걸 반영해서 조금은 더 엘리건트한 그림을 봅시다.

살짝 복잡해지고 있습니다. 네. 그렇습니다.

위와 '본질적'으로는 같은 그림입니다만 좀 다르게 보일겁니다. 복잡하죠...

윗쪽은 웹 브라우저에서 돌아가는 부분이고, 아랫쪽이 서버에서 돌아가는 부분입니다. 텍스트큐브 블로그에 접속하게 되면 브라우저로 위의 부분들이 전송되고, 자바스크립트 플랫폼이 돌아가게 됩니다.

링크를 누른다거나 댓글, 트랙백 등등의 정보가 전송되면 서버에서는 apache rewrite module을 사용해서 (.htaccess가 하는 일입니다) 전송된 주소의 값을 분석한 후, 실제 코드 주소와 코드로 넘어가는 값을 분리해 냅니다.

그 결과가 인터페이스로 전달됩니다. (인터페이스가 blog/ 디렉토리 아래의 부분들입니다) 그러면 인터페이스에서는 넘어온 값들에 따라 지정된 일을 하기 위해 model을 부릅니다. (lib/model 디렉토리 아래에 있습니다)

모델은 컴포넌트 (components 디렉토리 아래에 있습니다) 와 상호작용하며, 데이터베이스를 읽거나 계산을 하는 등의 동작을 하면서 그 결과를 view(/lib/view 디렉토리 아래에 있습니다) 로 보내어 출력할 html 코드를 만들어냅니다. 이 과정에서 스킨 파서 (/lib/blog.skin.php) 를 이용해서 스킨 파일을 오려내어 필요한 부분을 view에서 읽어들인 후 치환자등에 html을 입히게 됩니다. 이 때 스킨 파서의 dress라는 함수를 이용합니다.

그리고 브라우저로 화면을 전달하여 뿌려주게 되지요.
플러그인이나 ajax 과정 등을 일단 다 생략한 아주 기본적인 블로그 화면 출력은 이렇게 이루어집니다.

다음 시간에는 조금 더 복잡한 그림으로 찾아 뵙겠습니다.^^