Web 55

[CI] Codeigniter 라우팅 규칙 간단설명

URL을 깔끔하게 보이기 위해서 라우팅 규칙을 잘 사용해야 한다. 메뉴얼 잘 보면 정말 그대로 하면 된다. $route['sitename'] = 'controller/index'; $route['sitename/(:any)'] = 'controller/index/$1'; $1에 (:any)가 매칭됨 class Controller extends CI_Controller {public function index($para1) {$para1 : $1}} $route['sitename/(:any)/(:num)'] = 'controller/index/$1/$2'; 숫자는 순서임 $1에 (:any)가 매칭됨$2에 (:num)이 매칭됨 class Controller extends CI_Controller {publi..

Web/CodeIgniter 2016.09.01

[CSS][Animation] transform: translate3d - GPU를 이용한 부드러운 움직임 구현

애니메이션을 구현할 때, @keyframes bounceIn { from { top: 0px; } to { top: -20px; }} 위와 같이 구현하면 동작이 굉장히 끊긴다. 하지만 translate3d를 사용하면 굉장히 부드럽게 구현이 가능하다. @keyframes bounceIn { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -20px, 0); }} 이렇게 쓰면 된다.. 알아보니까 이렇게 부드럽게 되는 이유가.. 다음 옵션들을 사용하게 될 경우 GPU 가속을 사용하게 된다고 한다. 참고 URL : http://jindo.dev.naver.com/blog/2013/12/124-webkit-transform : tr..

Web/CSS 2016.08.29

[CSS] float자식을 둔 부모 오브젝트의 Height에 대한 고찰..

참고 URL http://naradesign.net/wp/2008/05/27/144/http://div.or.kr/css-studying/after%20%EA%B0%80%EC%83%81%20%EC%84%A0%ED%83%9D%EC%9E%90 float을 하면 흔히 '띄워 준다' 고 한다. 이 의미가 뭔지 잘 몰랐었다. 근데.. 어떤 오브젝트에 float 속성을 부여하게 되면, 그 오브젝트는 float끼리만 영향을 준다. 부모의 속성이 height : auto이고 float 속성이 없다면, 자식의 높이를 몰라 감싸지 못한다.. 하나의 방법은 부모 속성에 float : left를 해 다같이 float이 되어버리자는 것이다. 하지만 이 방법은 부모의 부모, 그 부모 조상님까지 하.. 전부 다 float이 되어야..

Web/CSS 2016.08.20
반응형