codemirror에 한참 빠져있을때 간단히 만든 markdown to html 에디터가 있다. 여기에 tistory api로 글 보내기도 붙이고 글 가져오기, 로컬에 임시 저장하기 등등을 붙여보고 싶었는데 솔직히 말해서 엄두가 나지 않았다. 아무래도 코드가 길어질테니 파일을 분리하는 것이 관리하기 편할텐데 분리한 모듈을 관리하고 merge해서 테스트하고 하는 과정이 굉장히 번거롭게 느껴졌다. 그러다가 react 공부하게 되었고, 부끄럽게도 아직 몰랐던 CommonJS도 알게 되었다. react에 webpack을 적용하면서는 눈이 번쩍 뜨이는 것 같았다. 이런 방법이 있는데 왜 그동안 그렇게 고생했던 것일까 싶다. (사실 CommonJS만 알았어도 더 속도가 붙었을 것 같다.) 지금부터 이전에 만들었던 ..

전에 React 체험을 했었는데 그 이후로 별다른 진전이 없다가 이제 조금 시간을 내어 더 공부해보려고 한다. 시작은 역시 시작문서로 하는게 좋을 것 같아서 Getting Started를 읽기 시작했다. 난관 We recommend using React with a CommonJS module system like browserify or webpack. 첫 문장에서 '턱!'하고 막혔다. 너무 오랜시간 javascript 세계를 떠나 있었나보다. 무슨 말인지 하나도 모르겠다. babel로 JSX를 javascript로 변환만 하면 되는거 아닌가 싶었는데 browserify, webpack를 사용한다고 한다. 그 것도 뭔지 모르지만 CommonJS module system도 뭔지 모른다. 빠르게 움직이는 ..

이전에 AngularJS를 쓰느냐 Handlebars를 쓰느냐 고민을 하면서 댓글 리스트 샘플을 만들어봤었는데 뒤늦게 React로도 한번 만들어봤다. 마침 튜토리얼도 댓글이라 튜토리얼을 많이 참고했다. https://facebook.github.io/react/docs/tutorial.html 사실 다들 React, React 해서 진작에 살펴봤어야 했는데 이제야 React에 관심을 가지는 이유는 그간 React 방식이 그닥 맘에 들지 않았기 때문이다. javascript로 XML을 통해 dom을 컨트롤하는 것이 특히 그랬다. 그것을 JSX라고 한다. 그리고 AngularJS 에도 제법 익숙해졌기 때문이기도 하다. 준비