1. TISTORY에 SyntaxHighlighter plugin을 upload
SyntaxHighlighter 에서 download 받아 압축을 풀면 아래와 같은 파일들을 확인 할 수 있다.
그 중 scripts와 styles 폴더에 존재하는 모든 파일을 upload 한다.
(Upload 방법: TISTORY 관리 > HTML/CSS 편집 >파일업로드 메뉴)



2. skin.html 편집
2-1. Statically load 방식
SyntaxHighlighter plugin을 쓰든 안쓰든, 무조건 모든 JS 파일들 load 하는 방식입니다.
browser 내부적으로 cache를 사용하기 때문에 처음 한 번만 JS 파일들을 요청 하겠지만, 모든 JS 파일들을 load 하기에 때문에 dynamically load 에 비해 페이지 로딩 시 사용자 반응성이 느릴 수 있습니다.


































2-2. dynamically load 방식 (lazy load  방식)
SyntaxHighlighter plugin을 필요 할 때만, 동적으로 등록된 JS 파일들 load 하는 방식입니다.
등록된 brush 모두가 load 되는 것이 아니라 필요한 것만 동적으로 network을 통해 요청되고 load되는 방식이기 때문에 statically load 보다 권장되는 방식입니다.

Reference: autoloader, configuration











도움 되셨으면 광고 한번 씩 눌러 주시는 센스~~~