demun(대문블로그)

퍼블리셔/에디터2012. 12. 27. 09:00

이전에 개발 대상의 JDK 버젼을 임의로 설정할 수 있다고 했습니다.개발자의 OS 시스템에서 인식하는 JDK와 무관하게 이클립스에서 사용할 기본 JDK 버젼을 따로 설정하려면 다음과 같이 전역 환경설정에서 해야 됩니다. 이클립스의 환경설정은 두가지 입니다.전역 환경설정 -> Window - Preferences프로젝트 환경설정 -> 프로젝트 선택, File - Properties 여기서는 전역 설정을 하겠습니다.Window - Preferences 를 클릭합니다. Perferences 설정창에서 Java - Compiler 에서 현재 설치한 자바버젼을 확인할 수 있습니다.만약 이전 버젼이 선택되어 있다면 수정해주면 됩니다. 예를들어 1.6 을 사용하다가 현재처럼 1.7을 설치해서 사용할 경우, 여기서 1..

퍼블리셔/에디터2012. 12. 26. 09:00

이클립스와 자바를 모두 설치했다면 환경변수를 설정해줘야 합니다.설치와 자바등에 대한 글을 않읽어보셨다면 이전글을 먼저 읽어보세요. 이클립스와 JDK 설치 -> http://demun.tistory.com/2257이클립스(Eclipse)와 이클립스 패키지 소개 -> http://demun.tistory.com/2256 이클립스는 개발 프로젝트에 사용할 JDK버젼을 프로젝트별로 따로 설정할 수도 있다는 점을 염두해두세요.윈도우는 시스템변수에 설정할 수 있고, 맥이나 리눅스의 경우는 /etc/profile 또는 해당 계정에 대한 .bashrc 파일등에서 설정할 수 있습니다. 아래의 예제는 윈도우입니다.제어판 - 시스템 및 보안 - 시스템에서 고급 시스템 설정을 클릭합니다. 시스템 속성창에서 환경변수를 클릭합니..

퍼블리셔/에디터2012. 12. 25. 09:00

프로그램을 설치하는것이 아시다시피 특이한경우가 아니면 다음, 다음 신공으로 쉽게 설치를 합니다.그에 대한 이야기보다는 어디에서 설치하고 자바인 jdk에 대해서 좀 알아봅니다. 설치순서는 자바를 먼저 설치하고 이클립스를 설치합니다.이클립스의 홈페이지에 설치페이지를 봐도 이클립스를 설치하는 과정은 없습니다. 단지 설치하기전 환경과 JVM 과 JDK 등의 이해를 먼저 하는것이 좋습니다. 이클립스를 설치하기전 JRE(Java Runtime Environment) 와 JVM(Java Virtual Machine)이 설치되어 있어야 합니다.JRE나 JVM은 자바나 오라클 홈페이지에서 설치할 수 있습니다.다운로드 -> http://www.oracle.com/technetwork/java/javase/downloads..

퍼블리셔/에디터2012. 12. 24. 09:00

이클립스를 간단하게 말하면 자바 개발도구입니다.자바(Java)는 객체지향 프로그래밍 언어이기때문에 자바가 발전하면 할수록 더 많은 라이브러리를 참조하게 됩니다. 또한 참조할 자바 라이브러리들에서 제공하는 API도 매우 다양하기 때문에 개발자가 일일이 API를 암기하여 코딩하는것이 블가능하기때문에 이러한 것을 해결해주는 것이 바로 이클립스 입니다. 개발자라면 당연 이클립스를 다룰줄 알아야합니다만 이클립스가 워낙 하는일이 많다보니 개발자뿐만 아니라 퍼블리셔, 디자인.... 또는 컴퓨터를 다루는 유저나 블로그 스킨을 다루는 유저 등등 모두 알아두면 좋은 도구 입니다. 이클립스가 하는 일과 방법 그리고 플러그인 등이 너무 방대하다보니 책으로 써도 한권이 넘어갈 정도 입니다.여기서는 일반적인 경우와 이클립스를 다..

퍼블리셔/javascript2012. 12. 22. 09:00

이전에는 아이디나 클래스로 찾는 방법을 알아봤는데요. 오늘은 부모, 자식, 형제를 찾는 방법을 알아보겠습니다. 아이디나 클래스로 찾는 가장 기본적인 방법을 모르시면 어려우니 이전 글을 먼저 보시고 오세요. 자바스크립트 요소찾는 방법 -> http://demun.tistory.com/2254 1. 자식노드 childNodes 찾기. 2. 부모노드 parentNode 찾기. 3. 형제노드 Sibling 찾기. 먼저 자식노드를 찾는 방법부터 보겠습니다. 이전글에서 본것처럼 html 요소는 같다고 생각하고 진행해보겠습니다. p id="one" p id="two" p id="three" 1. 자식노드 childNodes 찾기.순서는 이렇습니다. 자식을 찾을려면 자식을 포함하고 있는 부모를 먼저 찾아야 합니다. /..

퍼블리셔/javascript2012. 12. 21. 09:00

자바스크립트 dom 에서 요소찾는 방법을 알아보겠습니다. 대체로 사용하는 방법에는 3가지가 있습니다. 1. getElementsByTagName 로 찾기 2. getElementsByClassName 로 찾기 3. getElementById 로 찾기 html 은 아래처럼 되어 있다고 가정합니다. p id="one" p id="two" p id="three" 1. getElementsByTagName 로 찾기.대체로 아래처럼 찾습니다. window.onload=function(){ var pTag = window.document.getElementsByTagName("p"); } 여기서 window.onload=function(){} 부분은 dom 이 로드가 되면이라는 뜻입니다. 앞으로의 예제는 위처럼 w..

퍼블리셔/기술2012. 12. 19. 09:00

반응형으로 웹사이트를 제작하다보면 테스트를 해야 하는데 테스트할 수 있는 사이트나 도구가 적당치 않습니다.그래서 이번에는 웹에서 반응형으로 제작한 사이트를 테스트 할 수 있는 곳을 몇군데 찾아봤습니다. 1. http://mattkersley.com/responsive/제 블로그 주소를 넣고 확인해 봤습니다.다양한 형태의 모습을 확인할 수 있습니다. 2. http://www.responsinator.com/ 상단에 주소를 넣는곳에 주소를 넣으면 여러가지 디바이스에서의 모습을 확인할 수 있습니다.이미지에는 두가지 형태만 보이지만 모바일서부터 1024 크기의 테블릿까지 모두 한번에 확인할 수 있습니다. 3. http://responsivepx.com/ 상단에 주소를 넣고 노랑 네모박스에 잇는 곳을 늘렸다 줄였..

퍼블리셔/html2012. 12. 17. 09:00

티스토리 블로그 스킨을 이전부터 html5로 제작해봤지만 의미에 맞는 html5 마크업, 재사용 가능한 마크업이 이글에 목적입니다.허나 이것은 쉬운일이 아니었습니다.완전하지는 않지만 하나의 발자취가 될수 있기에 이렇게 포스팅합니다. html5 골격은 boilerplate 를 사용합니다.먼저 사진을 참고하세요. 독타입이 html로 시작이 되며 modernizr 로 걸러내기위한 마크업이 시작이 됩니다.티스토리 블로그의 타이틀이 들어가고, meta 에 설명과 저작자가 들어갑니다.ie7이에서는 크롬설치창이 뜨고, viewport 에 대한 설정, 스타일시트, 블로그 아이콘, rss url 에 대한 설정이 들어갑니다.그다음 자바스크립트인 jquery, modernizr 이 들어갑니다. 물론 이부분은 상황에 따라 다..

컴퓨터2012. 12. 14. 09:00

저는 크롬을 주력 브라우져로 사용하는데 크롬의 확장기능에도 유튜브 동영상을 다운로드 하는 기능이 있습니다.오늘은 확장기능중에서도 freecorder7 이라는 확장프로그램을 소개합니다. 이기능의 장점은 다양한 기능도 기능이지만 개인적으로 고화질의 동영상을 다운로드 받을수 있다는 점입니다.저의 경우 틈틈이 유투브에 동영상을 다운로드 해놓고 시간날때 한번씩 보곤 합니다. 미리 다운로드 받아 놓는식이죠.다음에 볼때 화질이 좋와야 볼 맛이 나죠^^; freecorder7 다운로드 -> http://freecorder.com/fc7무료이니까 맘대로 다운로드 하세요. 설치한후 크롬을 재가동시키면 확장기능처럼 아이콘이 상단에 보여집니다. 다운로드할 유튜브 동영상 사이트로 갑니다.다운로드할 사이트에서 우측 상단에 fre..

티스토리/스킨변경제작이력2012. 12. 13. 09:00

부트스트랩 프레임워크를 활용해서 버젼3까지 제작하고 이번에는 Responsiv 라는 이름으로 반응형 티스토리 스킨을 제작해보았습니다.부트스트랩이 그리드 시스템을 지원하니 어지간하면 따로 미디어쿼리를 제작하지 않아도 반응형으로 작동합니다.허나 티스토리 자체의 요소가 있기에 전혀 손을 안되고는 안되더군요. 현제 제 블로그 스킨은 Responsive 입니다. 2012.12.10 현재. 주요 사항이 배경을 rgba 를 사용해서 보일듯 말듯 스타일을 처리했습니다.그러다보니 RGBA를 지원하지 않는 IE8 이하에서는 조금 스타일이 다릅니다. 뭐 굳이 Ie8이 지원하지 않는 RGBA 라던가 border-radius 등은 따로 처리하지 않았습니다. ie9이상에서는 무리없이 보여집니다. 중요한것은 반응형 responsi..