반응형 프로그래밍/JavaScript&JQuery5 [PlugIn] Syntaxhighlighter 티스토리에 적용방법. 이전에 SyntaxHighligher를 다운로드 받는 방법을 적었었는데.. 이번에 다운로드 받아서 티스토리에 적용 하는 방법을 작성하고자 한다. 이전글 혹은 아래를 참고 하여 Syntaxhighligher를 다운로드 받는다. 이전글 : 2018/01/01 - [프로그래밍/JavaScript&JQuery] - [PlugIn] SyntaxHighlighter다운로드 주소 : https://github.com/syntaxhighlighter/syntaxhighlighter/releases 다운로드 받은 ZIP파일을 풀면 아래의 폴더들이 있는데 그 중 scripts 와 styles 폴더 안에 있는 파일들을 티스토리에 적용해야 한다.scripts는 js파일들이 styles에는 css파일들이 있다. 티스토리의 블로.. 2018. 1. 4. [PlugIn] SyntaxHighlighter 가끔 소스를 찾아보기 위해 구글링을 하면 웹페이지 상에 소스 부분이 일반적인 텍스트가 아닌 소스 그대로(?)의 형태로 표시된 페이지가 있어서 어떻게 표현을 할 수 있는지 구글링을 해보았다.결론은 SyntaxHighlighter라는 플러그인(PlugIn)을 해당 웹페이지에 설치해서 사용하면 되었다.아래에 어떻게 다운로드 받을 수 있는지를 적어 놓았다. 결론은 https://github.com/syntaxhighlighter/syntaxhighlighter/releases에서 받으면 된다.. 1. 구글에서 SyntaxHighlighter를 검색하면 아래와 같이 상단에 SyntaxHighligher 관련 페이지가 검색된다. 2. SyntaxHighlighter의 GitHub 페이지를 클릭하면 아래와 같이 관련.. 2018. 1. 1. [node.js] 설치 node.js를 설치 하기 위해서 홈페이지(https://nodejs.org)에 접속한다. 메인페이지에 해당 PC의 사양을 읽어서 운영체제에 맞는 설치 파일이 표시 된다. 혹, 다른 운영체제의 설치 파일이 필요할 경우 'DOWNLOADS' 메뉴에서 원하는 설치 파일을 다운로드 받는다. 다운로드 받은 설치 파일을 실행하여 설치를 진행한다. 설치가 완료 된후 CMD 창에서 'node --version' 명령어를 입력하면 설치한 node.js의 버전을 확인 할 수 있다. 2016. 5. 9. CheckBox Value, Count Return JQuery로 CheckBox가 선택된 Count와 Value를 읽음. 다른 Frame에서 Count와 Value를 읽기 위해선 Frame Name이 필요함. function countCheckedCheckBox(name){ var checkCount = 0; $("input[name='"+name+"']").each(function() { if($(this).attr("checked")){ checkCount ++; } }); return checkCount; } /** * Frame과 Name을 입력 받아 Frame 안의 CheckBox Count Return * @param frame * @param name * @returns {Number} */ function countFrameCheckedC.. 2014. 6. 8. ScrollBarSize 찾기 ScrollBar Size 찾는 JavaScript 임의로 div를 하나 만든 후 overflow가 없는 div와 있는 div를 이용하여 Size를 찾음. var size; function scrollbarSize() { if (size === undefined) { var div = $('' + ''); $('body').append(div); var w1 = $('div', div).innerWidth(); div.css('overflow-y', 'scroll'); var w2 = $('div', div).innerWidth(); $(div).remove(); size = w1 - w2; } return size; } 2014. 5. 13. 이전 1 다음 반응형
