본문 바로가기

분류 전체보기100

[BootStrap] 2탄. 부트스트랩 그리드 시스템 Bootstrap Grids System부트스트랩의 그리드 시스템은 페이지에 열 두개의 컬럼이 존재하는걸로 따르고 있어요.만약 12개의 컬럼을 전부 사용하지 않고 커스텀으로 사용하려면 그룹으로 묶어서 사용하는 것도 가능해요! 부트스트랩의 그리드 시스템은 스크린의 크기에 따라 자동적으로 재 배치 되며, 반응형으로 움직여요 그리드 클래스부트스트랩의 그리드 시스템 클래스는 4가지가 있어요 : xs (스마트폰용)sm(태블릿용)md (데스크탑용)lg (큰 데스크탑용) 부트스트랩 그리드시스템의 기본적인 구조 ... 첫 번째로 한 개의 열을 만듭니다. () 그다음, 원하는 만큼 행의 숫자를 넣습니다.(.col-*-*) 여기서 중요한 점은 각 행의 숫자가 항상 12를 넘지 말아야 합니다. 예제를 몇개 보도록 하죠. 동.. 2015. 5. 13.
[BootStrap] 1탄. 부트스트랩3 튜토리얼 설치 CDN 활용 부트스트랩은 트위터에서 만든 오픈소스 웹 디자인 프레임워크이며 무료로 다운로드를 받을 수 있고 무료로 사용이 가능해요.부트스트랩?부트스트랩은 웹 개발에 빠르고 편리한 무료 프론트엔드 프레임워크에요부트스트랩은 HTML 과 CSS 를 기반으로 디자인한 템플릿과 타이포그래피, 양식, 버튼, 표, 네비게이션, 모달, 이미지 carousels 그리고 다른 훌륭한 자바스크립트 플러그인들을 옵션으로 갖추고 있어요.부트스트랩은 여러분에게 쉽고 강력한 반응형 웹 디자인을 제공할 거에요. 부트스트랩 역사부트스트랩은 Mark Otto 와 Jacob Thornton 이 트위터에서 개발했어요. 그리고 2011년 8월 깃헙에 오픈소스 제품으로 공개했죠. 왜 부트스트랩을 쓰나요? 부트스트랩을 썼을 때 얻는 (개)이득 :사용하기 쉬.. 2015. 5. 13.
SenchaTouch2 기본 설정 포스팅 하는 현재 Sencha Touch2 최신 버전은 2.4.1 1. Sencha Touch 2.4.1 comerical 다운로드http://www.sencha.com/products/touch/download/ 간단한 개인정보 및 이메일 주소를 입력하고 다운로드 버튼을 누른다. 이메일로 메일이 수신되고 메일에 다운로드 Sencha Touch 초록색 버튼을 누르면 다운로드가 시작된다. sencha-touch-2.4.1-commercial.zip 파일을 압축해제하여 서비스할 웹서버의 루트 디렉토리에 저장한다.2. Sencha Touch Cmd 다운로드현재 최신버전 5.1.1.39http://www.sencha.com/products/sencha-cmd/download/별도의 개인정보 등록 없이 다운로드가.. 2015. 2. 2.
[JavaScript] call() , apply() 함수 JavaScript 에서는 상속개념을 자주 쓰다보면 머리에 쥐가나고 불필요한 메소드에 프로토타입까지 상속받아오느라 메모리 낭비도 심해진다. JavaScript는 굉장히 유연한 언어이기때문에 별게 다된다... (java,C 만 배우던 나에겐 정말 컬쳐쇼크...) 바로 메소드만 살짝쿵 빌려와서 써버리는것!! 일명 메소드 빌려쓰기! 이건 뭐 날강도수준이다... 세상에 남의 메소드를 살짝 빌려와서 써버린다니... 그것도 그냥! 그냥!! 쓸수있다. call, apply 이 두놈이 정말 날강도다. 소매치기 수준! 일단 정확한 문법과 사용을 집고 넘어가자 call() Syntax fun.call(thisArg[, arg1[, arg2[, ...]]]) Parameters fun : 가져다쓸 메소드 thisArg : .. 2015. 1. 26.