demun(대문블로그)

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

이클립스는 자바를 기반으로 하기 때문에 수많은 플러그인을 추가할 수 있습니다. 이클립스는 두가지 배포 방식과 설치 방식을 제공합니다. 배포 서버 방식 -> Help - Install New Software마켓플레이스 방식 -> Help - Eclipse Marketpalce 배포 서버 방식은 이클립스 플러그인을 배포하는 서버 주소를 입력하여 그 서버에서 배포하는 패키지를 찾아 설치하는 방식입니다.이클립스를 설치하면 기본 배포 서버 주소가 몇개 있습니다.이외의 것은 구글링을 통해 배포 주소를 찾아 원하는 패키지를 설치할 수 있습니다. 마켓플레이스 방식은 스마트폰의 앱을 앱스토어나 안드로이드 마켓에서 배포하는 것과 같은 방식입니다.즉 스마트한 방식이죠. 배포 서버 플러그인 설치 방식. Help - Insta..

퍼블리셔/에디터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. 12. 09:00

표준웹브라우져는 media queries 를 지원하기 때문에 따로 추가적인 방법을 사용하지 않아도 됩니다. 하지만 ie는 media queries 를 지원하지 않기 때문에 자바스크립트를 추가해줘야 합니다. 자바스크립트를 사용해서 윈도우의 너비를 안다거나, 기타 기술에 대한것은 여기서는 다루지 않고 단순이 ie가 미디어쿼리를 인식하는 방법만 이야기 하겟습니다. 미디어쿼리를 지원하는 자바스크립트는 유명한것이 두가지가 있습니다.바로 respond.js 와 css3-mediaqueries.js 입니다.자세한 정보와 다운로드 받을수 있는 주소는 아래와 같습니다. repond.js => https://github.com/scottjehl/Respond/downloadscss3-mediaqueries.js => ht..