전체 글 376

Start CSS

CSS를 위한 HTML 인식 전환CSS를 최대한 제대로 활용하려면 어떻게 해야할까? 먼저 HTML 코드를 빈틈 없이 작성하여 체계적인 기반을 마련하여야 한다. 이번장에서는 보다 체계적으로 CSS를 적용할수 있도록 HTML 작성 방법에 대해 알아보겠다. 여러분이 운영하는 사이트 곳곳에 CSS를 사용해보자. HTML을 작성하기가 훨씬 쉬워질것이다. 더 이상 본연의 의도와는 달리 HTML을 디자인에 이용해 보려고 힘들어 할 필요는 없다. CSS가 여러분을 대신해서 그래픽 디자인 작업을 원하는 대로 완벽하게 해 줄것이다. 게다가 새롭게 작성하기도 한결 간단하다. CSS를 적용시키기 위한 뼈대로 작성한 HTML 페이지에는 코드 사용이 줄어들어 결국 타이핑만으로도 쉽게 작성할 수 있기 때문이다. 사이트 방문자들에게..

코드/Html & CSS 2012.01.02

JAVA SE, EE, ME 차이

Java SE (J2SDK : Java2 Standard Development Kit) 자바 플랫폼 스탠더드 에디션(Java Platform, Standard Edition)는 가장 널리 쓰이는 자바 API의 집합체이다. 예전에는 J2SE로 불리었으나 버전 6.0이후에 Java SE로 변경되었다. 이전에는썬 마이크로시스템즈에서 관리하였으나, J2SE 1.4 이후는 JCP 주도하에 개발되고 있다. 따라서, JSR 59에는 J2SE 1.4를, JSR 176에는 J2SE 5.0(프로젝트명 타이거)를, Java SE 6 (프로젝트명 무스탕)은 JSR 170 하에 개발되었다. Java EE (J2EE : Java2 Enterprise Edition) 자바 플랫폼 엔터프라이즈 에디션(Java Platform, En..

Eclipse - Failed to create the Java Virtual Machine 에러

일단 Failed to create the Java Virtual Machine 이란 에러가 났다. 이것은 자바 javaw.exe라는 실행 파일을 실행해야되는데 경로가 없어서 실행을 하지 못해 생겨나는 에러입니다 이클립스 압축이 풀려있는 폴더로 갑니다. 그곳에서 eclipse.ini를 엽니다. 메모장이 열리면 openFile -vmargs 의 사이에 아무것도 없을것입니다. 그사이에 쓸것이 있는데요. 바로 javaw.exe의 파일 경로 입니다. 내 컴퓨터를 열고 java가 설치된 폴더를 찾습니다. jdk가 설치된 폴더의 bin 폴더를 보면 javaw.exe 파일이 있을 것입니다. 그 경로의 풀경로를 적어주시면 됩니다. 예를 들면 openFile -vm C:\program Files\java\jdk1.6.0..

Aptana Short Cut

ctrl + shirt + F 코드 자동 정렬(들여 쓰기) ctrl + D 한줄 전체 삭제 alt+ 방향키 (up, down) 소스이동 alt + ctrl + 방향키 (up, down) 카피 ctrl + shift + S 전체 저장 ctrl + shift + X 대문자로 변환 ctrl + shift + Y 소문자로 변환 ctrl + shift + Tab 들여쓰기- 블록 설정후 shift + Tab 내쓰기 - 블록 설정후 ctrl + L 줄 찾기 ctrl + M 패널 접기 ctrl + shift + R 파일 찾기 http://www.aptana.com/reference/html/api/CSS.index.html

멀티 문자열에서 빈 줄 없애기

/* 서과장이 준거*/ var a = $('#aa').text(); if(a.indexOf("\n")){ var ok = a.split("\r") } alert(ok[1]) /*실제 사용*/ trace(char.indexOf("\r")); 빈 줄의 경우 \n 이 아닌 \r 로 잡아졌음. 브라우저를 타는지 OS 별로 다른지는 아직 확인 안됨. \n : 줄바꿈 \r : 캐리지 리턴 ( 줄의 맨 처음으로) 하지만 액션 3.0에서 indexOf("\n") 의 값은 여전히 잡아 내지 못해서 -1 을 반환했음 indexOf("\r") 값이 첫 빈줄을 잡아냈음. 결국 플래시 내부에선 charCode 값으로 빈줄 체크해서 해결하긴 했지만 이부분에 대해 자바스크립에서의 접근법도 필요함.

코드/JS 2011.11.24

Beta, RC, RTM 버전 정의

출처 : http://www.playwares.com/xe/?document_srl=5787193 Microsoft뿐만 아니라, 다양한 소프트웨어, 하드웨어 개발사들이 자사의 제품을 개발해가면서, 고객이나 시장에 공개적으로 테스트 판을 배포하는 경우가 많습니다. Windows 7, Windows Vista, Windows Server 2008 R2, Windows Server 2008.. 아주 오래된 Windows 95까지 Microsoft는 운영 체제와 더불어, 거의 모든 제품군을 개발 주기에 맞춰, 공개하고 있습니다. 블로고스피어에 많이 언급되고 있는 단어들에 대해서 간단히 정의해드려야 할 것 같아, 이렇게 포스팅을 합니다. Windows 7 Beta가 1월에 출시되었고, Windows 7 RC가 5..

배경이미지의 위치 지정

Keyword 두 개로 이루어진 키워드를 사용할 수 있다. 하나는 세가지 가로위치 ( left, center, right ) 를 조정하고, 다른 하나는 세가지 세로 위치 ( top, center, right ) 를 조정하는 것이다. 이미지를 페이지의 정 중앙에 위치시키고자 한다면 다음과 같이 작성하면된다 body { background-image : url (bg_page.jpg); background-repeat : no-repeat; background-position : center center; } 그 이미지를 오른쪽 상단 귀퉁이로 옮기려면, background-position 을 다음과 같이 바꾸어 주면 된다 background-position : right top ; Note : 만약 back..

코드/Html & CSS 2011.10.11

IE 5에서 깨지는 박스 모델 바로잡기

IE 5 에서 깨지는 박스 모델 바로잡기 조금 나쁜 소식이 있다. 5.5이하 버전의 인터넷 익스플로러는 폭과 높이 계산이 정확하지 않다. 다른 브라우저 들과 달리 익스플로러는 엘리먼트가 차지하는 실제영역을 margin, border, padding, width 의 합산값으로 할당하지 않는다. IE 5.5 이하 버전의 인터넷 익스플로러나 관용모드의 IE 6 에서는 margin 과 width 만이 계산된다. 이 들 브라우저에서는 padding 과 border 가 width 프로퍼티 값에 포함되므로 내용 영역이 다른 브라우저에 비해 줄어든다 만약 박스 넓이를 160px 로 잡는다고 가정하면 최근의 브라우저들은 10+10( 좌우 margin) + 100 ( width ) 로 총 120px 이 되어야한다. 그러나..

코드/Html & CSS 2011.09.21