본문 바로가기

전체 글

 (556)
이클립스 인디고 Eclipse Indigo, Hierarchical. 클래스 트리 구조로 표시 아래 그림과 같이, Package Explorer 에서 View menu 를 클릭하면, Package Presentation, 'Hierarchical' 메뉴가 나옵니다. 이클립스를 설치하면 기본이 'Flat' 이기 때문에 아래 그림 왼쪽 처럼, .java 클래스들이 일렬로 주르륵 나열되기 때문에 구분이 어려워요. 당연히 트리구조로 바꾸어 주어야 하는거죠. 자, Hierarchical 구조로 바뀌었습니다. 트리를 따라가면 클래스 접근성이 더 높아지겠죠.. .Fine.
페이스북 좋아요 버튼, 트위터 트윗 버튼 (facebook like , twitter tweet) 페이스북, http://developers.facebook.com/docs/reference/plugins/like/ 트위터, https://twitter.com/about/resources/tweetbutton 페이스북에서 작업하는 요령은, http://jsp-making.tistory.com/41 참조하세요.. 트위터의 vertical 은 페이스북의 box_count, horisontal 은 button_count 입니다.
position CSS 는 table 태그류와는 맞지 않고 div 쪽으로는 잘 맞네요 블럭 단위로 CSS 를 사용하여 좌표에 대해서 조정이 필요할때, 이를테면 화면에서 B 블럭이 A 블럭 안에서 일정 거리를 두고 표시되어야 할때.. 최근의 HTML 태그는 div 를 주로 사용하니까 문제는 없고요. table 태그가 들어간 이전 HTML 태그들과 섞여 있는 화면이라면.. table 의 td 안에 div 로 B 블럭을 구현하려고 할 거에요. 이게 IE 에서는 잘 맞아 들어가는데, IE 이외의 웹브라우저에서는 소용없는 짓이죠. ㅠ.ㅠ 그래서 이럴때는.. table 태그 안에 div 로 A 블럭을 만들고 그 안에 B 블럭을 만들면서.. A 블럭에는 position:relative 를, B 블럭에는 position:abolute 를 해 주어야 하는 거죠. .. 상기와 같은 코드로는 IE 에서는 제..
jQuery v1.4.2 에서 웹브라우저 종류 체크, $.browser.msie DOCTYPE 이 정의된 HTML 에서 필요할까 싶긴 한데요.. DOCTYPE 이 없이 HTML4.x 로 작성된 웹페이지라면, 웹브라우저 종류를 알아내는 것이 중요할 수도 있어요.. $.browser.msie 가 true 이면 MS 사의 인터넷 익스플로러, 아니면 다른 웹브라우저 입니다. 각 웹브라우저 간의 호환성이나 표준 HTML 을 고민하다 보면, 가끔씩 TABLE 태그를 사용하던 시절이 그립기도 합니다. $.browser.version 는 웹브라우저 버전. $.browser.safari 사파리 웹브라우저일때 true, 아니면 undefined. $.browser.opera 오페라 웹브라우저일때 true, 아니면 undefined. $.browser.msie MS IE 웹브라우저일때 true, 아니면..
모바일 기기를 고려한다면, onclick 에서도 javascript 반드시 기술 아래와 같이 a 태그나 이미지 맵에서는 href 속성에 javascript 라고 기술하고, 클릭 onclick 이벤트가 들어갈 때는 javascript 를 기술하지 않았었죠..? 클릭 그런데, 모바일에서는 onclick 이벤트에 javascript 를 반드시 기술해야 합니다. 클릭 과 같이 해야 한다는 말씀입니다. ^^.
모바일 기기를 고려한다면, mouseover 와 click 이벤트를 모두 설정하여야.. PC 환경에서는 mouseover 가 의미있지만, 모바일 기기 환경에서는 mouseover 가 의미 없음. 이유는, 모바일 기기에서는 "터치" 를 하기 때문. 터치하는 곳이 마우스 커서가 있는 곳이지요. 따라서 모바일 기기 환경을 생각한다면 mouseover 와 click 을 모두 사용해야 되는가 봅니다. 이벤트를 사용한다면, onmouseover 와 onclick 이 되겠구요.. jQuery 의 trigger 를 사용한다면 $('...').trigger('click mouseover') 이렇게 하면 되겠군요. 모바일 기기에서 onclick 이 작동하지 않는다 하는 분이 계세요.. onclick="funcA(paramA)" 라고 하면 작동하지 않지요. onclick="javascript:funcA(par..
CSS, 외부 포스트 모음 http://css3generator.com/ CSS 각종 옵션을 조정해 볼 수 있는 곳해당 내용이 적용되는 웹브라우저, 모바일 등을 한 눈에 표시 http://html.nhndesign.com/guidelines/css/ in-line, internal, external 중 external 추천 문자셋 @charset "euc-kr"; UTF-8 도 좋겠고요.. 코딩요령과 주석요령
CSS 레이아웃 블럭을 가운데 정렬하는 방법 (margin:0 auto) 금방 떠오르는 생각은 text-align 속성을 사용하는 것인데요. text-align:center 로 하면 하위 요소에 상속을 주기 때문에 하위 블럭 안의 내용이 모두 가운데 정렬이 되어 버려요. 블럭 안의 내용은 가운데 정렬이 아니면서 블럭이 상위 블럭의 가운데로 표시되게 하려면 text-align 은 답이 아닙니다. 검색해 보시면, 가운데 정렬할때 maring:0 auto 를 주라는 것이 많을 거에요. margin 옵션의 값으로 "0 auto" 를 주라는 것인데, "0 auto" 는 "0 auto 0 auto" 와 동일한 의미입니다. 이전에 "10px 20px 30px 40px" 처럼 썼던 것은 기억하시죠..? 맨 처음 값이 블럭의 상단, 다음이 우측, 세번째가 하단, 네번쨰가 좌측, 이런식이죠. ..

티스토리툴바