Syntax highlighting은 한동안 쓰다가 불편해서 중단했었다. 설치 불편한거야 어찌어찌 하면되는데 사용할때마다 class에 뭔가를 꼭 써줘야하는 건 많이 불편했다. 그러다가 자연스럽게 사용할 수 있는 좋은 라이브러리 하나 발견해서 그동안 사용했던 라이브러리들을 쭉 정리해보려고 한다. SyntaxHighlighter SyntaxHighlighter는 블로그가 떠오르던 시절 글쓰는 개발자의 가려운 부분을 긁어준 고마운 녀석이다. 티스토리에서 이 라이브러리가 한창 유행했었는데 그 뒤로 바꾸지 않은 사람도 있어서 아직도 이따금 사용 중인 블로그를 보곤한다. 지금이야 이렇게 스크립트 3개만 로딩하면 사용이 가능하지만 처음에는 그렇지 않았다. sh 로 시작하는 수많은 스크립트와 css를 로드해야했다. /..

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

티스토리 치환자 중 s_article_rep, s_notice_rep, s_article_protected 정리해본다. ... : 블로그 글의 고유 주소 : 블로그 글의 제목 : 카테고리 주소 : 카테고리 이름 : 글쓴 날짜 : 작성자 이름 : 작성자 이름 ... : 썸네일이 표시되는 영역입니다 (첨부된 이미지가 없는 경우 표시되지 않음) : 썸네일 이미지 주소 : 생략가능 : 블로그 글의 고유 주소 : 블로그 글의 제목 : 카테고리 링크 : 카테고리 명 : 글쓴 날짜 : 작성자 이름 (*팀블로그용 치환자), : 관리자 로그인시 글 관리 메뉴가 출력되는 영역입니다. : 수정 : 수정 온클릭 이벤트 : 글의 현재 상태 : 상태 변경 온클릭 이벤트 : 이후 상태 : 트랙백 온클릭 이벤트 : 삭제 온클릭 이벤..

마크다운을 처음 알게된 건 누군가의 블로그를 통해서 였던 것 같다. 마크다운을 소개하면서 굉장히 쉬우면서도 좋다고 했던 것으로 기억한다. 이전까지 블로그 글을 html을 통해서 작성했는데 마크다운을 사용한 뒤로 너무 편해졌다고 했다. 새로운 문물을 좋아하는 나도 도전을 해봤다. 그러나 마크다운이 별로 유용하지 않다고 생각했는지 사용할 곳을 찾지 못해서였는지 금새 관심이 사그라들었다.오랜시간이 지나 오늘 날엔 github 때문인지 모르겠지만 마크다운이 개발문서의 표준이 되어버렸고 위지윅 에디터가 마땅찮은 곳에서는 대부분 마크다운을 지원하고 있다. 나도 여기서 마크다운으로 글을 써서 블로그로 옮기고 있다. 이유는 티스토리에서 아직(?) 마크다운 에디터를 지원하지 않기 때문이다.티스토리 글쓰기 플러그인으로 마..

최근 티스토리 블로그 중 일부가 굉장히 로딩이 느렸는데 티스토리에서는 2가지로 이 원인을 파악하고 있다. (블로그 로딩이 느리다면 확인해보세요.) 하나는 먼저 글로 이야기 했지만 jquery의 cdn 속도 문제이고 또 하나는 악성 스크립트 삽입이다. cdn은 이미 이야기를 했으니 악성 스크립트에 대해서 이야기를 해보려고 한다. 악성 스크립트의 형태 여러가지 스크립트들을 발견했는데 그 중 하나인 http://www.global21.co.kr/js/jquery-2.1.0.min.js 를 살펴보려고 한다. 이유는 다른 스크립트들은 이런저런 이유로 이미 내 PC에서 접근이 안되기 때문이다. if(document.cookie.indexOf("bot_cnaver=")==-1) { var expires=new Dat..