블로그 이미지

Rurony's Training Gym

Rurony의 트레이닝 도장! by Rurony

eclipse SVN 해제 및 파일 삭제(Mac)

Develop/SERVER SIDE | 2011. 10. 4. 17:20
1. [workspace]/.metadata/.plugins/org.eclipse.core.resources/.projects 에서 해당 프로젝트 폴더 삭제

2. [workspace]/[프로젝트] 에서 .svn 폴더 삭제
find . -name '.svn' -type d -exec rm -r {} \;

'Develop > SERVER SIDE' 카테고리의 다른 글

Spring quartz(Scheduler) 사용  (0) 2011.12.09
Spring Bean을 Servlet Filter에서 사용  (1) 2011.12.09
MSSQL 트랜잭션 로그 파일 초기화  (0) 2011.12.08
Nexus : Maven 사내 저장소 활용  (0) 2011.10.17
Mac Subversion+apache 사용하기  (0) 2011.10.06
Posted by Rurony
Top

CSS3 Transform & Matrix Filter (개체 회전)

Develop/CLIENT SIDE | 2010. 12. 16. 23:01
CSS3 Transform & Matrix Filter를 활용하여 크로스 브라우징되는 개체(이미지 등)의 중심점 회전 예제.

CSS3 transform
        - IE 브라우저에서는 아직 지원되지 않는다. (Matrix Filter 사용)
          - 크롬, 사파리 : -webkit-transform
          - 파이어폭스 : -moz-transform
          - 오페라 : -o-transform

Supported Transform Functions
        - rotate : 회전
          - scale : 크기
          - skew : 기울기
          - translate : 이동

#transformedObject {
border : 1px solid red;
text-size : 16px;
width: 220px;
height: 70px;
-moz-transform: rotate(15deg) translateX(230px) scale(1.5);
-o-transform: rotate(15deg) translateX(230px) scale(1.5);    
-webkit-transform: rotate(15deg) translateX(230) scale(1.5);    
transform: rotate(15deg) translateX(230px) scale(1.5);
/* IE Only */
filter: progid:DXImageTransform.Microsoft.Matrix( M11=1.4488887394336025, M12=-0.388228567653781, M21=0.388228567653781, M22=1.4488887394336025, SizingMethod='auto expand');
margin-left: 156px;
margin-top: -2px;
}

rotate로의 회전은 회전축이 중심에 있다. IE Matrix Filter의 사용 시에 회전축을
중심축으로 개체를 이동시킨 후 다시 원래 좌표로 이동 시켜 해결함.

var pi = Math.PI;
var degToRad = function(x) { return ( x/(360/(2*pi)) ); }
var radToDeg = function(x) { return ( x*(360/(2*pi)) ); }
var setPosXY = function() {
$('poX').value = parseInt($('img').style.left) + parseInt($('img').offsetWidth)/2;
$('poY').value = parseInt($('img').style.top) + parseInt($('img').offsetHeight)/2;
};

var rotate = function(name) {
var angle = $('angle').value;
var el = $(name);

var rad = degToRad(angle);
var costheta = Math.cos(rad);
var sintheta = Math.sin(rad);
if (isIE) {
//중심점 이동
$('img').style.left = $('poX').value + "px";
$('img').style.top = $('poY').value + "px";
el.style.filter = 'progid:DXImageTransform.Microsoft.Matrix()';
el.filters.item('DXImageTransform.Microsoft.Matrix').SizingMethod = 'auto expand';
el.filters.item('DXImageTransform.Microsoft.Matrix').FilterType = 'bilinear';
el.filters.item('DXImageTransform.Microsoft.Matrix').M11 = costheta;
el.filters.item('DXImageTransform.Microsoft.Matrix').M12 = -sintheta;
el.filters.item('DXImageTransform.Microsoft.Matrix').M21 = sintheta;
el.filters.item('DXImageTransform.Microsoft.Matrix').M22 = costheta;
//원래대로 ..
$('img').style.left = parseInt($('img').style.left) - parseInt($('img').offsetWidth)/2 + 'px';
$('img').style.top = parseInt($('img').style.top) - parseInt($('img').offsetHeight)/2 + 'px';
setPosXY();
} else {
if (typeof el.style.MozTransform !== 'undefined') {
el.style.MozTransform = 'rotate('+angle+'deg)';
} else if (typeof el.style.WebkitTransform !== 'undefined') {
el.style.WebkitTransform = 'rotate('+angle+'deg)';
} else if (typeof el.style.OTransform !== 'undefined') {
el.style.OTransform = 'rotate('+angle+'deg)';
}
}
};

참고 사이트 :

'Develop > CLIENT SIDE' 카테고리의 다른 글

Aptana ExtJs + JQuery Code assist 방법  (0) 2011.10.19
자바스크립트의 나쁜 점들 (더글라스 클락포드)  (0) 2010.12.16
정규 표현식 (Regular Expression)  (0) 2010.12.16
가상 클래스와 가상 요소  (0) 2010.12.16
선택자 (Selector)  (0) 2010.12.16
Posted by Rurony
Top

챔피언에게 필요한 열여섯 가지 전략 - 세스 고딘

Trends | 2010. 12. 16. 23:00

1. 모르면 물어라

2. 전략적인 질문을 던져라

3. 당신의 아이디어에 오줌을 누게 하라

4. 예술가처럼 생각하라
  • 포기하지 말라
  • 중요한 것은 뛰어난 아이디어를 생각해 내는 것이 아니라, 그것을 붙잡고 놓지 않는 것이다.
  • 완벽함에 대한 헛된 망상을 버려라
  • 홈런도, 지름길도 없다
  • 사람들은 '노'라고 말하기를 꺼린다

5. 조직이 아닌 개인을 설득하라

6. 사람들을 공범으로 만들어라

7. 문제점을 크게 외쳐라

8. 프로토타입을 제작하라

9. 모자를 나누어주라

10. 새로운 용어를 제시하라

11. 조금씩 얻어내라

12. 당신만의 사서를 고용하라

13. 매래의 자화상을 그려라

14. 책임을 져라

15. 헐리우드식 트릭을 이용하라

16. 절차의 중요성을 인식하라

'Trends' 카테고리의 다른 글

작은 혁신을 이루기 위한 가장자리 목록 - 세스 고딘  (0) 2010.12.16
보라빛 소(Purple Cow)가 온다. - 세스 고딘  (0) 2010.12.16
SAVE THE DEVELOPERS!  (0) 2010.12.16
Posted by Rurony
Top
prev 1 2 3 4 5 6 7 8 next