demun(대문블로그)

퍼블리셔/에디터2012. 10. 14. 09:00

저는 원래 Notepad++ 를 많이 사용합니다. 무료라서 어디에서나 다운로드 받아서 사용할 수 있는 장점이 있지요....헌데 이번에 노트북에서 말썽을 일으켜서 다시 에디터플러스로 돌아왔습니다.그러다보니 수동으로 만져야하는 편리한 기능들이 그동안 잠시 잊어져서 다시 만지작거렸습니다.에디터플러스에서 CSS 를 구문강조하는 기능이 있습니다.설정 - 파일 - 설정 & 구문강조에서 acp파일이 지정이 되어 있으면 됩니다. 현재는 CSS3가 나온 상태입니다. 그런것까지 전부 구문강조를 해주는 파일이 없는듯 합니다.기본적으로 CSS3를 어느정도 지원하는 파일을 가져다가 발견하는 족족 추가했습니다.아래에서 보면 구문강조가 되지 않는 속성이 있습니다. 그래서 해당 속성은 추가했습니다. 추가된 부분이 잘 보입니다. 이렇..

퍼블리셔/에디터2012. 7. 10. 06:00

텍스트 에디터 중에서 가장 인기있는 에디터가 coda 가 아닌가 싶습니다. textmate, coda 등은 꽤 유명한 에디터이고 테마도 매우 유명합니다. 하지만 윈도우에서 사용할 수 없다거나, 유료이거나 해서 많은 분들이 사용을 못하는 것도 있습니다. 하지만 윈도우에서도 사용할 수 있고 더군다나 무료로 사용할 수 있는 에디터중에서 유명한 notepad++ 가 있습니다. notepad++ 정말 유용한 기능이 많이 있습니다. 단점을 꼽으라고 하면 한글 설명서가 없다는것, 한글 입력이 100%매끄럽지만은 안다는 점이 단점이라면 단점입니다. 저도 가장 많이 사용하는 에디터인데요. editplus 보다더 많이 notepad++를 사용합니다. 제가 notepad++ 테마를 찾다가 아주 유용한 정보가 있어서 알려드립..

퍼블리셔/에디터2012. 6. 25. 06:00

이전에 Zen Coding 에 대한 글을 썻는데요. 여기에는 다른 에디터에 비해 모자라는 기능이 있습니다. 그걸 만족시켜주는 기능이 바로 매크로라는 기능입니다. 젠코딩에 대해서나 단축키를 지정하는 방법을 모르시는 분을 이전글(Notepad++ 사용팁과 Zen Coding)을 참고하세요. html 도 css 도 젠코딩을 사용하는데 무엇이 맘에 안들었을까요? 이건 저의 경우이지만 css 를 작성할때 괄호를 열고 닫고 하는 기능입니다. 바로 아래의 그림처럼 클래스를 쓰고 { 를 입력하면 자동으로 } 가 입력되어지고 또 탭으로 하나 들여쓰기 하는 과정이 없다는것입니다. 바로 이 기능은 매크로라는 기능으로 만들수 있습니다. 매크로 기능 사용하는 방법. 먼저 aaa 를 입력하고 상단에 매크로 - 기록시작을 클릭합니..

퍼블리셔/에디터2012. 6. 24. 06:00

아마도 무료 에디터중에서 윈도우에 내장된 메모장이 아니고서는 노트패드(Notepad++) 를 세계적으로 가장 많이 사용하지 않을까 합니다. 물론 제 생각이지만 개인적으로 notepad 중에서 가장 맘에 드는것은 시작과 끝이 표시가 난다는 것입니다. 그림으로 보여드리겠습니다. 아래의 그림에 보시면 div 를 클릭하면 해당 닫는 div 에 선택이 같이 되어 집니다. 이점은 코딩할때 빠트리지 않을수 있다는 점과 간격을 맞추는데 정말 효율적입니다. 저는 개인적으로 이 기능이 제일 좋습니다. 물론 왼쪽에 보면 닫기, 펴기도 있는것은 말할것도 없구요...긴 코딩이 있을때 닫는 태그가 빠졌거나, 검색을 할땐 아주 유용한 기능입니다. 참고로 선택할때 닫기 태그가 위처럼 보여지는 것은 보기 - 기호보기 - 들여쓰기 안내..

퍼블리셔/에디터2012. 6. 7. 06:00

저는 Dreamweaver CS5.5 를 사용하고 있었습니다. Dreamweaver CS6 이 나와서 업데이를 진행해봤습니다. 업데이트를 할줄 모르는 분이 있으실거 같아서 제가 업데이트 하면서 관련 스샷을 첨부해서 설명해드리겠습니다. 한국어를 사용하는 사람이니 한글로 업데이트 해보겠습니다. 기존의 드림위버를 실행합니다. 아래처럼 5.5 가 보입니다. Dreamweaver 상단에 도움말 업데이트를 클릭합니다. 그럼 http://www.adobe.com/applicationmanagerpatch/index.html 주소로 갑니다. Dreamweaver 를 실행하지 않아도 위 주소로 가면 업데이트를 할 수 있습니다. 혹 주소를 모르는분은 언제든지 Dreamweaver 를 실행해서 도움말 - 업데이트를 통해 업..

퍼블리셔/에디터2012. 6. 5. 06:00

드림위버 cs5 이전버젼이면 업데이트를 통해서 html5로 마크업된 템플릿을 사용할 수 있습니다. 이전 버젼의 드림위버라면 업데이트 센터를 통해서 업데이트 하는 방법을 알아보겠습니다. 업데이트 하러 가기 => http://www.adobe.com/support/dreamweaver/downloads_updaters.html 아래 이미지를 보시면 아래 버젼에 해당하는 드림위버는 업데이트를 할 수 있습니다. 바로 아래에 보시면 Dreamweaver CS5.5 11.5.1 Updater 를 통해 업데이트를 할 수 있습니다. 업데이트 후 드림위버에는 어떤 변동 사항이 있는지 한번 보겠습니다. 보시다시피 html5로 마크업된 템플릿을 사용할 수 있으며 간단이 클릭 한두번으로 html5로 마크업된 페이지를 만들수 ..

퍼블리셔/에디터2012. 1. 7. 06:00

사실 대단한것은 아닙니다만 있으면 좋은거죠. 에디트플러스 홈페이지에 가시면 구문강조 파일이 있습니다. 저의 경우는 그 중에서 CSS1,2,3 모두 구문강조하는 파일을 사용하고 있었습니다. 그런데 이것이 몇개 지정이 안된것이 있어서 몇개 더 추가하였습니다. 제가 사용했던 파일은 이 파일입니다. 이 파일은 홈페이지에 있는 파일입니다. 몇개더 수정한것을 보여드리겠습니다. 수정전 하이라이트가 안된 속성입니다. 수정후 또 속성값도 추가를 했습니다. 수정후 차이점이 보이시나요. 이 파일은 CSS1,2,3 모두 한다는 점에서 좋습니다. 수정한 파일을 공개합니다. 사용방법은 도구 - 기본설정에서 설정 % 구문강조를 클릭한다음 CSS 선택후에 찾아보기를 클릭한후 다운받은 demun_css.stx 를 선택하면 됩니다 참고..

퍼블리셔/에디터2012. 1. 6. 06:00

이미지상에서 클릭이라고 표시한것을 수정합니다. 클릭이 아니라 엔터입니다. 에디트플러스는 가볍고 편리한 점이 많아 많은 사용자들이 즐겨쓰는 에디터 입니다. 그런데 에디트플러스에서 불편한 점중 하나가 바로 자동완성파일입니다. 홈페이지에 가면 자동완성파일이 있습니다. 그중에 acp 확장자로 끝나는 파일이 자동완성파일입니다. 오늘 소개하는 파일은 CSS 자동완성파일 입니다. 홈페이지에 있는 CSS 자동완성파일을 사용해본결과 제가 사용하던것하고 차이가 있어 많이 불편했습니다. 저번에 에디트플러스에 대해서 소개도 해서 얼렁뚱땅 CSS 자동완성 파일을 만들어 봤습니다. 제가 티스토리를 많이 사용하다보니 어는정도 티스토리에 편리하도록 추가한 구문도 있습니다. 적용하는 방법. demun_css.acp 를 다운로드 받으후..

퍼블리셔/에디터2012. 1. 4. 06:00

저번에 대략적인 에디트플러스 설정방법을 알려드렸습니다. 그중에 자동완성 파일부분은 구체적인 설명을 생략했습니다. 에디트플러스에서 불편한점 하나를 뽑으라면 바로 이점입니다. 사용하기가 불편하지요....더 좋은 방법이 없나 모르겠습니다. 일단 자동완성 파일은 저번글에서 링크를 알려드렸습니다. 혹시 모르니 업로드합니다. 파일을 보면 html 은 acp 인데 css 는 acp.ctl 이렇게 나오죠. 그냥 .ctl 을 지우고 사용하셔도 무방합니다. 그냥 사용해도 되요. 일단 html.acp 자동완성파일을 에디트플러스로 열어보세요. 그런다음 살펴보면 가장 먼저 아래와 같은 것이 보일겁니다. #T 가 보이고 그 옆에 #html 이 보입니다. #T 는 단축키를 의미합니다. 그러므로 #html 을 입력한후 스페이스바나 ..

퍼블리셔/에디터2012. 1. 3. 06:00

에디터를 많이들 사용하실겁니다. 어디서나 무료로 이용할 수 있는 notepad++ 를 많이 이용하실겁니다. 그리고 또하나가 에디트플러스 인데요. 오늘은 이 에디트플러스에 대해서 이야기 해볼려고 합니다. 에디트플러스는 구문강좌, 자동완성 등을 지원하고 홈페이지에서도 사용자파일에 많은 파일들이 등록이 되어 있습니다. 허나 초보자분들은 어디에 어떤것을 사용해야 할지 잘 모릅니다. 그래서 초보자 길잡이라고 생각하시면 될듯 합니다. 먼저 에디트플러스를 설치한후 설정하는 과정에서의 팁을 알려드립니다. 먼저 사용자 파일중에서 어떤것이 어떤파일인지 알아야 적정하게 지정을 해줄수 있습니다. 그것부터 알아보죠. 에디트 플러그 사용자 파일 : http://www.editplus.com/files.html 에디트 플러스에서 ..