본문 바로가기

전체 글11

티스토리 Bootstrap Alertbox 추가 원래는 Bootstrap을 Include시켜야되지만 alertbox기능만 쓸 예정이기 때문에 alertbox의 css를 따로 추출해서 구현하였습니다. 1. 스킨편집으로 이동 http://[블로그주소]/manage/design/skin/edit#/ 로 이동후 [html 편집] 을 클릭합니다. 2. 파일 업로드 탭을 누릅니다. 아래파일을 다운로드 압축해제한 후 업로드 시킨뒤 적용 버튼을 누릅니다. 2. html 변경 아래와 같이 2019. 12. 3.
티스토리 Syntaxhighliter 적용법 SyntaxHighlighter - Bundled Brushes SyntaxHighlighter uses separate syntax files called brushes to define its highlighting functionality. Brush nameBrush aliasesFile nameActionScript3as3, actionscript3shBrushAS3.js Bash/shellbash, shellshBrushBash.js ColdFusioncf, coldfusionshBrushColdFusion alexgorbatchev.com SyntaxHightliter 란 블로그나 Html 문서에서 코드를 깔끔하게 보여주게 하는 자바스크립트 라이브러리 입니다. 사용법은 간단합니다. 1. 스킨.. 2019. 12. 3.
SenchaCmd[3/3] - watch, refresh 명령어 3.1 watch ExtJS 5.x 이상부터 새로 생겨난 기능입니다. SenchaCmd는 Jetty서버가 내장되어 있습니다. 파일시스템이 변경되는 순간 sencha app build development가 실시간으로 실행이 됩니다. 그와 동시에 실시간으로 Validation을 체크하기 때문에 개발 또는 커스텀 테마를 개발할때 매우 편리합니다. cd ThemeTest // App Folder 로 이동 sencha app watch - sencha app watch 실행할때에 SenchaCmd에 Jetty서버가 내장되어 있습니다. web server URL로 접근이 가능합니다. - 파일을 수정할 때(정상) app watch를 쓰면 파일이 변경된 부분에 한하여 sencha app build developmen.. 2019. 11. 29.
SenchaCmd[2/3] - build 명령어 2. build명령어 SenchaCmd의 빌드 명령어는 크게 3가지가 있습니다. - sencha app build production - sencha app build testing - sencha app build development 2.1 build production 아래 커맨드를 입력합니다. cd ThemeTest // App Folder 로 이동 sencha app build -c -c 옵션을 clean (모두삭제)한다는 의미입니다. clean옵션을 넣지 않을경우 간혹 제대로 되지 않을경우가 있습니다. 생성된 파일은 아래와 같습니다. css와 app.js가 만들어졌습니다. 실제 build가 이루어지면 app.js의 내용이 아래와 같이 compress 된걸 확인할수 있습니다. 마찬가지로 CSS도.. 2019. 11. 27.