demun(대문블로그)

퍼블리셔/도구2017. 12. 5. 13:40

온라인상에서 글쓰기 도구라고 검색하면 많은 툴이 나옵니다.그중에서도 sphinx 나 read the docs 같은 툴이 있습니다.mkdocs 는 마크다운 형식으로 문서를 작성하고 github 에 올리면 Github Pages 로 호스팅되어 볼 수 있습니다. 깃 저장소는 https://github.com/demun/mkdocs-tuts 이며 mkdocs 로 제작되는 튜토리얼이 호스팅되는 주소는 https://demun.github.io/mkdocs-tuts/ 입니다.아래는 로컬에서 작업중인 화면을 캡쳐한 것입니다.

퍼블리셔/SublimeText2017. 11. 14. 13:59

Sync Settings 플러그인은 설정을 동기화하는 플러그인입니다. 이전에 작성했던 방법도 있습니다. Sublimetext(서브라임텍스트) 동기화(syncing) -> http://demun.tistory.com/2505 Sync Settings 플러그인은 git 과 gits 를 사용해서 서브라임텍스트의 설정을 동기화하는 방법입니다. 동기화하는 과정에서 설지안한 플러그인까지 모두 설치하고 동기화를 합니다.처음 한번 설정하기가 번거롭지만 한번 설정하기만 하면 무척 편리합니다. 어디에서는 최신의 설정법을 동기화 할 수 있습니다.github.com 에 가입이 되어 있어야 합니다. 가입이 안된분은 가입을 먼저 해주세요. 가입했다고 가정하에 진행합니다.Sync Settings 의 자세한 내용은 이 곳에 있습니다..

퍼블리셔/SublimeText2017. 10. 20. 16:42

OmniMarkupPreviewer 플러그인은 markdown 이나 다양한 파일을 미리보기해주는 플러그인입니다. 그런데 어떤 상황에서는 아래처럼 미리보기를 할 수 없습니다. 하지만 아래처럼 사용자 설정을 변경해면 해결됩니다. `Preferences -> Package Settings -> OmniMarkupPreviewr -> Settings` 에서 포트와 설정을 아래처럼 변경한다 { "server_host": "0.0.0.0", "server_port": 9998, "renderer_options-MarkdownRenderer": { "extensions": ["tables", "fenced_code", "codehilite"] } } Ctrl+Shift+o 를 누르면 브라우져로 미리보기를 할 수 있습..

퍼블리셔/Grunt2016. 9. 9. 13:11

댓글 달아주신 분께 모두 메일 드렸습니다. 이번 이벤트는 마감합니다. 프론트엔드 자동화시스템 그런트라는 책을 출간하게 되었습니다.블로그 이웃들에게도 책을 공유하고자 이렇게 포스팅을 합니다.현재의 글을 자신의 블로그에 복사 붙여넣기해서 공유하거나, 책출판 내용을 포스팅하면 5분을 추첨해서 책을 발송해드립니다. 프론트엔드 자동화 시스템 그런트 Grunt, Yeoman, Bower,코드를 한단계 업그레이드 시킬 수 있는 가이드 -> http://book.naver.com/bookdb/book_detail.nhn?bid=11021303 책소개『프론트엔드 자동화 시스템 그런트』는 어느 정도 HTML, CSS, JAVASCRIPT 등을 알고 있는 대상자를 위한 책이다. 1장은 서브라임텍스트라는 에디터의 사용법을 다..

퍼블리셔/도구2016. 8. 25. 07:00

요즘에는 콘솔 즉 명령창(cmd) 를 많이 사용합니다.Grunt 를 많이사용하니 npm install 등의 명령어도 많이 사용하고 이래저래 명령어를 많이 사용합니다. 더군다나 git 을 사용하니 관련 명령어도 많이 사용하구요. 그래서 좀더 사용하기 좋은 콘솔창은 없을까 찾다보니 좋은게 있더군요. 바로 cmder 입니다. cmder 홈페이지 -> http://cmder.net/단축키와 설정까지 할수있어 사용자의 입맛에 맞게 변경할수 있습니다.다운로드 받아서 바로 사용하면 됩니다.명령어를 사용하기 편하려면 해당 폴더에서 명령창을 여는경우가 많습니다.git bash 의경우 해당 폴더에서 바로 마우스 우측버튼으로 열수가 있습니다. 그러면 아주 유용하죠.cmder 도 위의 이미지처럼 마우스 우측버튼을 누르면 나오..

퍼블리셔/SublimeText2016. 7. 4. 12:00

Sync View Scroll 은 동시에 두개의 탭을 보며 동기화할수 있는 플러그인입니다. 에디터를 사용하다보면 두개의 파일을 비교할때가 있습니다. 비교해서 수정할때 유용합니다. 예를들어 두개의 똑같은 파일을 열고 서로 비교해가며 스크롤해간다고 가정하면 1번파일을 스크롤하고, 다시 2번 파일을 스클롤을 해야 합니다. 하지만 Sync View Scroll는 한쪽에서 스크롤을 하면 다른쪽파일도 동시에 같이 스크롤이 됩니다. 설치 먼저 플러그인을 설치합니다. Ctrl+Shift+p 를 눌러 Package Control: Install Package 를 선택합니다. 그후 나오는 명령창에서 Sync View Scroll 입력하여 선택합니다. 사용법 사용법은 무척 간단합니다. 동기화할 파일에서 단축키만 누르면 되고..

퍼블리셔/SublimeText2016. 7. 3. 20:32

서브라임텍스트(sublimetext) 동기화(syncing)은 현재 내컴퓨터에서 사용하던 설정과 패키지를 다른곳에서도 동일하게 사용하고, 다른곳에서 사용하던 설정들을 또 내컴퓨터에서도 동일하게 사용하는 일종의 동기화 방법입니다. 서브라임텍스트(sublimetent)를 사용하다보면 집에서도 사용하고, 회사에서도 사용하고, 또 노트북에서도 사용하고 등등 사용하는 곳이 여러곳일 수 있습니다. 그러면 그때마다 서브라임텍스트(sublimtext)를 설치를 하고 팩키지도 설치하고 개인설정 또한 다시 설정합니다. 이러한 번거로움을 덜어줄수 있는것이 동기화(syncing) 입니다. 즉 집에서 사용하던 서브라임텍스트(sublimetent) 환경을 그대로 회사나 다른곳에서도 동일하게 사용할 수 있다는 겁니다. 또다른 장점..

퍼블리셔/Git2016. 1. 19. 21:31

어느날 갑자기 git bash 로 bower install 명령을 내렸더니 플러그인을 설치하지 못했다.cmd 창으로 열어서 하면 잘된다. 무엇이 문제일까???? 나와 같은 증상이 있었나보다 bower git is not installed 이런글이 나왔다.문제는 해결법은 경로설정시스템속성 - 고급 - 환경변수에서 `C:\Program Files\Git\cmd` 부분은 있었는데 추가로 `;C:\Program Files\Git\bin` 부분을 해주었더니 해결되었다. 또다른 문제 git bash 창을 열면 bash.exe: warning: could not find /tmp, please create 메시지가 나온다해결방법을 알아볼려고 검색후 이것 저것 해보았지만 별소용이 없었다. 홈디렉토리에 tmp폴더를 만들..

퍼블리셔/SublimeText2015. 11. 22. 23:26

Sublimetext(서브라임텍스트)에서 Grunt(npm) 명령어 입력하고 사용하는 방법 Grunt 를 사용하려면 명령어를 입력해야 합니다. 그래서 대부분 콘솔창이나 git 명령어창을 이용합니다. 하지만 Sublimetext(서브라임텍스트)에서도 명령어를 입력하고 Grunt(그런트)를 사용할 수 있습니다. 두개의 플러그인만 설치하면 됩니다. 해볼까요? 1. 플러그인설치 플러그인은 두개가 필요합니다. npm 명령을 통해 플러그인을 설치하는 npm플러그인과 grunt 를 사용하기 위한 grunt플러그인 Ctrl+Shift+p 를 통해 명령팔렛트를 엽니다. pci 를 입력하여 플러그인을 설치합니다. npm 을 입력하여 npm플러그인 을 설치합니다. 또 pci 를 입력하고 grunt 를 입력하여 grunt플러..

퍼블리셔/도구2015. 11. 17. 07:00

온라인에서 코드를 작성하고 보여주는 사이트는 몇군데 있습니다. 이전에도 비슷한 글을 작성한 적이 있지요.온라인 구문강조 사이트 -> http://demun.tistory.com/2038이번에는 현재 나와있는 사이트중에서 가장 많은 기능을 제공하고 있는 곳입니다. 바로 codepen 입니다. 1. 회원가입http://codepen.io/먼저 회원가입이 안되어 있으시면 우측 상단에 Sign Up 을 통해서 가입하시길 바랍니다.공개하면 무료로 사용할 수 있습니다. 왼쪽 하단에 Free Plan 을 클릭해서 무료로 사용할 수 있습니다. 가입후 로그인을 해야 제가 올린 코드를 쉽게 찾을 수 있습니다. 2. 장점사용시 우측 상단에 New Pen 을 클릭해서 코드를 작성하시면 됩니다.기본적으로 새개의 패널이 열립니다..