Bootstrap 4

bootstrap 3.0 이해하기 1편

Bootstrap을 사용하려면 Grid CSS를 이해하는데에서 시작한다.2.0 이전 버전에서는 .row , .spanXX 를 이용하여 grid 를 만들었지만3.0 이상의 버전에서는 좀 다르다. 3.0 이상 버전에서는 "mobile first"라는 목표하에 모든 css 에 변화가 왔다.게으로 개발자로서는 매우 불쾌한 일이기도 하죠.대체 왜 이전 버전하고 호환이 안되는 이런 엄청난 변화가 일어난거지.... 당현한 불평이죠. 일단 내용을 좀 보자면 요즘 여러 해상도의 레이아웃을 해결할 수 있도록 하는 "responsive layout" 기능의 구현에 노력한것 같습니다. 일단 변화된 grid 시스템의 요체가 아래와 같습니다.

프로그램 2014.08.07

twitter bootstrap tab widget 을 자유롭게 사용하기

twitter bootstrap에는 깔끔한 위젯이 몇개 있는데 그중에 가장 좋은건 버튼과 탭이 아닐까 생각 합니다. 원래의 위젯 사용법 보기 :http://twitter.github.io/bootstrap/javascript.html#tabs 버튼이야 워낙 단순해서 그냥 쓰면 되는것이고, 탭으 경우 사용성이 많은데... 매번 관련 업무에 대하여 재코딩을 해야 했다.. 그래서.. 멀더가 좀 쉽게 갈 수 있도록 jQuery plugin으로 몇가지 함수를 추가 했습니다. bootStrapTab Plugin (function($) { // Author : mulder (@mulderu) // Version : v0.1 // When : 2013.05.22 $.fn.bootStrapTab = function(o)..

프로그램/jQuery 2013.05.22

tomcat startup paramter detail

jdk6 , tomcat7 을 기반으로 실행환경을 분석해 보자. 1. Run Commnad : Mulder의 컴퓨터에서는 tomcat이 아래와 같이 같이 실행 됩니다. $YOUR_JDKHOME/bin/java -Xms1024m -Xmx1024m -XX:MaxPermSize=256m -verbose:gc -Xloggc:../gclogs/tomcat_gc.log -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+HeapDumpOnOutOfMemoryError -Dcatalina.base=/somepath/org.eclipse.wst.server.core/tmp1 -Dcatalina.home=/somepath/apache-tomcat-7.0.12 -Dwtp.deploy=/s..

프로그램/java 2011.09.02