web sprit

저 같은경우 개발언어를 사용하여 블로그에 글을 올릴경우가 많은데 새로워진 글쓰기 화면이 여간 적응이 안되었습니다. 기존 블로그에 소스코드를 넣을때 Color Scripter 사이트를 이용하여 넣곤 하였는데, 새로워진 티스토리 에디터 기능으로 '코드블럭' 이라는 메뉴를 알게 되었다. 매우 심플하고 간단해서 바뀐 부분중에 제일 장점이란 생각이 듭니다. 그럼 적용하는 방법에 대해 알아보도록 하겠습니다. 글을 쓰는 상단에 보면 여러가지 에디터 기능의 버튼들이 존재합니다. 그중에서 점3개(더보기) 모양을 클릭해 줍니다. 코드블럭이라는 메뉴가 존재하는데 클릭! 그럼 팝업으로 코드를 넣을 수 있는 화면이 나타납니다. 자신이 작성하는 언어의 개발언어도 선택할 수 있습니다. 지금은 위의 사진처럼 저런 언어를 선택하여 올..

소스코드 관리를 위해 CODEPEN을 사용하기로 했습니다.오픈소스 이지만 블로그에도 함께 공유하고자 알아보던 중블로그에도 내가 작성한 CODEPEN 소스를 올릴수 있는 방법이 있어 소개하려 합니다. 우선 회원가입이 되어 있어야 합니다. 회원가입은 기본사항 임으로 바로 패스 들어갑니다.~ 1. 회원가입 후 소스코드를 작성할 PEN을 생성해야 합니다.Create --> Pen 클릭!!! 2. 코드 작성.Pen을 누르면 아래와 같이 작성할 수 있는 화면을 확인할 수 있습니다.임의로 저는 작성한 부분이 있습니다. 그걸 샘플로 다음영역에 보여 드리죠~ 3. 작성한 코드 저장 후 Embed 하기.코드를 작성하면 저장을 해야겠죠 아래와 같이 SAVE 버튼을 클릭해서 저장해 줍니다. 저장 후 아래와 같이 클릭하여 소스..

서브라임을 사용하지만 기존의 엉망인 들여쓰기 코드를 정렬하기 위해 정렬해주는 사이트의 도움을 받아 정리하고 했습니다. 서브라임에도 정리해주는 기능이 있을꺼 같아 검색해보니 결과가 있군요!!! 다른분에게도 도움이 될까해 정리해 봅니다. 우선 sublime text를 실행해 주세요. 1. 상단메뉴에 [Preferences] > [Key Bindings] 클릭 2. 2개의 탭 화면 중 끝에 User 가 붙은 탭에 내용을 추가해 줍니다.추가할 내용은 아래와 같습니다. 123 { "keys": ["ctrl+shift+'"], "command": "reindent" , "args": { "single_line": false } } Colored by Color Scriptercs 위의 단축키["ctrl+shift+..