demun(대문블로그)

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

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

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

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

퍼블리셔/Bootstrap2012. 6. 23. 12:22

제목이 거창하지요....ㅎㅎㅎㅎ. 제가 부트스랩을 알고서부터 티스토리 블로그에 적용해볼려고 이것 저것 살펴보고 적용해보고 하는 과정에서 싸여만 가는 정보가 넘 많아서 이렇게 중간에 공유하게 됐습니다. 부트스트랩 ( http://twitter.github.com/bootstrap/index.html ) 은 html5, css3, javascript 로 홈페이지 제작을 도와주는 오픈소스기반의 프레임워크입니다. 자세한 내용은 위의 주소에 가면 나와있구요. 한글로 차근 차근 설명한 분이 있는데 nhn 개발팀에 박경일님으로 설명을 대신합니다. 제가 부트스트랩을 접했을때는 무엇보다도 자바스크립트에 대한 지식이 없어도 어느정도 응용이 가능하다는 점이였습니다. 또한 테마 또한 여러가지를 제공하고 있고 무엇보다도 격자(..

티스토리스킨수정/스킨수정팁2012. 6. 16. 17:25

html5로 마크업한 티스토리 스킨 그레이보더입니다. 제가 배포한 스킨인데, 사용하신분이 수정사항을 여쭤보셔서 제가 좋다고 판단되어 스킨에 반영하기로 하였습니다. 수정사항은 이미지가 첨부되오니 참고하시고 코드도 같이 쓰니까 먼저 받으신분은 수정하시기 바랍니다. 수정사항과 방법을 아래에 나열합니다. 수정 사항. 1. 카테고리 새글 표시 아이콘 관리자 화면의 카테고리 수정에서 새글표시 아이콘을 설정할 수 있습니다. 이전에는 아래처럼 나왔습니다. 사이드바의 블로그 이미지를 설정하는코드가 카테고리에도 적용이 된 것이였습니다. /* 수정전 */ .boxList img { width:170px; overflow:hidden; } /* 수정후 */ .blogImage img { width:170px; overflow..

일상/연예가소식2012. 6. 14. 23:32

사망해서야 이렇게 유명해지는 탈렌트가 있습니다. 평상시는 잘 모르다가 이런 이슈가 있어야 실시간 검색어에 오르는 현실이 참 안타깝습니다. 검색어에 보니 아직 젊은 여자 탈렌트 정아율씨가 사망했다는 소식입니다. 삼가 고인의 명복을 빕니다. 유명세를 타지 못하다가 이렇게 사망해서야 검색어 순위에 오르는것도 안타까운 일인데......사망원인이 더 안타깝습니다. 언론매체에 따르면 사망원인이 우울증이라는 설이 있습니다. 아직은 정확하지는 않은듯하나 특별한 원인이 없고 자살이라는 점이 우울증으로 생각하고 있다고 합니다. 정아율은 아직 20대의 탈렌트이며 TV 소설 사랑아 사랑아에 출연한적이 있다고 합니다. 정아율 정보 보기 참으로 안타까운 일입니다. 유서는 발견되지 않았다고 하네요.

티스토리/스킨배포2012. 6. 13. 06:00

대문그레이 티스토리 스킨을 공개합니다. 이번 스킨은 일부러 초보자들이 사용할 수 있도록 티스토리 스킨 위자드를 사용했습니다. 현재 시점에 제가 사용하는 스킨인데요. 제가 사용하는것은 약간 트윅을 좀더 한것입니다. 이번스킨의 특징과 장점을 알려드립니다. 1. 대표글꼴 : 나눔고딕 글꼴 모빌리스의 나눔고딕 웹폰트를 이용했습니다. 2. 스킨 위자드, 메인메뉴 지원. 티스토리에서 스킨을 쉽게 수정할 수 있도록 만든 스킨 위자드를 적용했습니다. 메인메뉴도 수정할 수 있도록 했습니다. 메인 메뉴의 경우 너비가 730px 임으로 메뉴를 몇개더 추가할 수 있도록 넉넉하게 배치하였습니다. 아래의 노랑색부분까지 이용할 수 있습니다. 3. 깔끔한 디자인. 되도록이면 이미지를 많이 안써서 가볍게 만들도록 했습니다. 하지만 디..

퍼블리셔/기술2012. 6. 12. 06:00

Adobe 의 제품에 대한 튜토리얼은 가히 상상을 초월할 정도로 많습니다. 월드 온라인 교육 센타라고 해도 될정도 입니다. 문제는 영어라는 점....ㅎㅎㅎㅎ Adobe 에서 제공하는 튜토리얼 사이트는 http://tv.adobe.com/ 입니다. 여기서의 문제점은 너무 많은 튜토리얼을 제공하다보니 내가 찾고자 하는 목록을 찾는데 시간을 많이 허비한다는 점입니다. 또 찾았다고 해도 그걸 클릭해서 동영상을 보고, 다시 다른것을 찾을때는 페이지를 옮겨가는 불편함이 있습니다. 그래서 제가 오늘 소개하는 곳은 위와같은 단점을 최대한도로 없이 이용할 수 있는 곳입니다. 그곳은 바로 Adobe Video Workshop 입니다. 아래 이미지를 보시면 이해가 가실겁니다. 1. 먼저 원하는 제품을 클릭합니다. - 전 주..

퍼블리셔2012. 6. 11. 14:12

많은 과정을 무료로 들을수 있는 소식이 있어 알려드립니다. 올레 에코노베이션 스마트스쿨에서 아래와 같은 강좌를 하니 시간이 되시는분들은 꼭 참석을 하여 자기 개발을 하시기 바랍니다. 교육 신청하러 가기

퍼블리셔/기술2012. 6. 11. 06:00

크로스브라우징을 하기 위해서는 각 브라우져별로 확인을 합니다. 버젼도 다르고, 브라우져도 여러종류이다보니 일일이 확인하기도 어렵지요. 예전에는 각 브라우져별로 설치를 한다거나 포터블을 이용해서 각 브라우져별로, 버젼별로 페이지를 확인하곤 했습니다. 물론 여러브라우져를 하나로 묶어서 보여주는 테스트 툴도 있습니다. 그러나 대부분이 유료인 경우가 많지요.... 무료는 역시나 한정된 기능만을 제공하는 경우도 많구요.. 멀티 브라우져로 검색을 해봐도 여러 사이트가 나옵니다. 검색결과보기. adobe 에서는 browserlab 이라는 도구를 제공합니다. 조건은 단지 adobe 의 아이디만 있으면 됩니다. 드림위버 5.5버젼이상에서는 browserLab 을 이용할 수 있습니다. 미리보기에 각 브라우져별로 지정도 가..

퍼블리셔/jQuery2012. 6. 10. 06:00

이전에 자바스크립트로 블로그에서 사용하는 글을 적은 적이 있습니다. 이번에는 jquery 를 사용하는 방법입니다. 이번글을 쓰면서 이전글을 다시 돌아보는 계기가 됐군요. 예전글 블로그에서 탭메뉴 이용하기 => http://demun.tistory.com/1696 오늘은 jquery 를 이용하는 방법입니다. 수많은 방법이 있지만 아주 간단하고 딱 탭에만 맞추어서 사용하는 코드를 골랐습니다. 예제코드는 jquery Cookbook 에서 골라왔습니다. 예제화면 보기 위의 코드는 border 을 사용하고 탭에 이미지를 하나 사용합니다. 저는 여기서 좀더 수정하여 이미지를 사용하지 않고 border 도 사용하지 않았습니다. 그래서 어떤 배경에도 어울리도록 했고, 이미지가 없기 때문에 경로에 대한 오류도 없습니다...