예전에 syntax highlighting 을 구현한 이후 오래간만에 이 기능을 업데이트.

이전에는 블로그 <HEAD> 내에 syntax highlighting 을 담당하는 자바스크립트 파일의 링크를 걸어뒀는데, 이렇게하면 syntax highlighting 을 전혀 사용하지 않는 다른 포스팅에서도 불필요하게 스크립트 파일을 로딩하는 낭비가 존재했었음.

1. Dynamic Loading 도입

이번에는 동적 자바스크립트 로딩 기술을  적용해서 그때그때 필요한 모듈을 로드함으로써 불필요한 부하를 덜어내도록 개선.

dynamic file loading

신기한 건, script.src 로 경로만 지정해주면 알아서 ajax 요청을 보내는 듯 하다. 덕분에 약간 일이 줄어들었음.

여러개의 모듈이 존재할 경우 중복 로딩이 발생하므로 이를 막기 위한 장치도 구현..

더불어서 각각의 모듈별로 자바스크립트 파일과 css 파일을 만들어둬서 나중에 sql 파일이나 js 파일, 또는 C# 등 기능을 구현한 후 곧바로 추가하면 된다.

2. 서식 추가

티스토리에서 포스팅 작성 시 관련 html 코드를 일일이 수타코딩하는 번거로움을 줄이기 위해서 <서식>도 미리 만들어 둠.

글쓰기에서 <서식> 선택후 입력


HTML 보기를 체크하면 아래와 같은 모습...

포스팅 쓸 때 오른쪽에 있는 서식을 클릭하면 곧바로 추가된다.

자바 템플릿과 XML 템플릿

서식 기능이 있는줄도 모르고 그동안 번거롭게 수타 코딩을 해왔다니... -_-;;

3. 폴더기능

예전에는 판넬의 높이를 300픽셀로 제한하고 이보다 크면 스크롤바가 나오게 했는데 가독성이 좀 떨어지는듯 해서 스크롤을 없애고 전체 코드가 모두 나오게 변경.

잘 나오는 듯..

그 대신에 접었다 펼 수 있는 control panel을 추가.


4. 향후 추가할 기능.

- spring이나 hibernate 는 xml 설정 파일과 자바 소스 코드, 여기에 DB 쿼리 파일까지 한꺼번에 다루는 경우가 많기 때문에, 이것을 효과적으로 보여주는 syntax highlight panel을 구현해볼 예정.(언제가 될런지는..)

- 현재 conv2.js 파일은 여전이 정적으로 로딩되고 있는데, 이 역시도 개발과 관련없는 포스팅에서는 불필요한 파일이므로 이 파일마저도 동적 로딩하도록 코드를 바꾸면 좋을 듯하다. 그러나 기존에 올린 포스팅들과 충돌하지 않게 고칠 수 있을런지..



'생각한조각' 카테고리의 다른 글

nlogn 보다 빠른 정렬  (0) 2011.04.01
Sun 웹서버 7.0  (0) 2010.05.11
티스토리에서 PRE 태그의 문제점  (1) 2010.04.28
Posted by yeori
,