Jquery를 이용한 다양한 플러그인들이 이미 개발이 되어있습니다. 원하는 효과를 원한다면 플로그인을 찾아서 연결만 하면 원하는 효과를 나타낼 수 있습니다. 오늘은 table넓이를 조절하기 위해 배포된 플로그인을 사용해보겠습니다. table넓이 조절을 위해 배포된 colResizable.js입니다. (다운로드 및 공식 홈페이지: http://www.bacubacu.com/colresizable/ ) 홈페이지에 들어가면 demo파일을 다운 […]
부트스트랩은 css조절 뿐 아니라 동적인 효과를 줄 수 있습니다. 자바스크립트를 통해서 여러가지 효과를 주는 방법을 이제 알아보도록하겠습니다. 역시나 따로 자바스크립트를 적어줄 필요없이 간단하게 클래스명을 걸어주는 방식으로 동작하게 만들 수 있습니다. (밑에 예시들은 모두 부트스트랩과 제이쿼리가 연결된 html문서에서 작동합니다.) 1.bootstrap으로 […]
부트스트랩은 쉬고, 간단하게 웹 개발을 위해서 제작된 워크프레임입니다. 최신 웹트랜드인 반응형웹을 제작하기 적합하고, 다양한 기능들을 쉽게 사용할 수 있다는 장점있습니다. 그럼 지금부터 bootstrap을 사용해 보도록하겠습니다. 1.bootstrap 연결하기 (부트스트랩 공식홈페이지 주소:http://bootstrapk.com) 부트스트랩 공식홈페이지 접속하면 부트스트랩을 다운받을 수 있습니다. 부트스트랩은 jQueryUI와 마찬가지로 […]
jQueryUI는 jQuery공식홈페이지에서 무료로 배포한 라이브러리입니다. (jQuery UI 공식홈페이지:https://jqueryui.com/) 다양한 인터페이스와 위젯, 효과를 사용할 수 있게 배포한 jQueryUI를 이용하면 웹에서 좀 더 다양한 효과를 나타낼 수 있습니다. 그럼 지금 부터 jQueryUI를 사용해보도록하겠습니다. 1. JqueryUI연결하기 jQueryUI는 jQuery를 기본으로 사용하기 때문에 jQuery를 연결해준 […]
rails 2에서는 기본적으로 제공하는 prototype.js가 jquery와 충돌을 한다. 따라서 jquery가 충돌이 나지 않도록 설정을 해 주어야 한다. 본 포스팅은 jquery 1.10.1과 bootsratp 3.2에서 테스트 되었다. 레이아웃 파일에 다음과 같은 순서로 기술해 준다. 순서에 주의하자. 반드시 defaults 를 제일 먼저 써줘야 […]
Bootstrap 캘린더를 rails 4에 설치하여 사용해보자. Bootstrap과 JQuery가 필요하므로 Bootstrap이 아직 설치되어 있지 않으면 여기를 참고하여 먼저 설치를 하자.
레일스 3.1부터 Sprockets를 이용한 Asset pipeline이 도입이 되었다. 본 글은 레일스 4를 기준으로 Asset pipeline을 사용하는 Bootstrap 설치 방법을 설명한다. 1. bootstrap 젬을 설치하기 위해 Gemfile 에 다음 내용을 추가한다. gem ‘bootstrap-saas’, ‘~> 3.2.0′ gem ‘autoprefixer-rails’ 위 두줄을 추가했으면 Gemfile […]
제안작성의 기본중 제일 먼저해야할부분은 템플릿 사이즈가 맞는지 확인하고, 시작을 해야합니다. 제안서는 보통 A4용지 크기로 출력합니다. 인쇄소마다 다르지만, A4사이즈로 출력하기 위해서는 템플릿에 배경색이 있을경우, 인쇄소에서 출력후 재단을 하기때문에 A4사이즈 : 210 * 297mm의 위아래,왼 오른쪽 여백 3mm씩 여유분을 주어 216 * […]
네트워크로 공유되어있는 프린트를 연결해서 사용하는 방법 알려드리겠습니다. 맥OS에서 네트워크로 공유된 프린트 연결하기 1.[시스템 환경설정]을 클릭합니다. 2.[프린터 및 스캐너]를 클릭합니다. 3. 현재 연결된 프린트가 보입니다. 새로운 프린터를 추가 하기 위해서는 밑에 +버튼을 클릭해주세요. 4. 기본/IP두가지를 이용해서 연결할 수 있습니다. 기본탭에서는 현재 […]
rails 4에서 새롭게 바뀐 내용들을 알아보도록 해요. gem 설치 rails 2에서는 콘솔에서 직접 설치를 하거나, config/environment.rb 파일에 적었는데, rails 4에서는 프로젝트 최상단에 있는 Gemfile 파일에 설치할 젬의 이름을 적어줍니다. 페이징을 도와주는 mislav-will_paginame 젬의 경우 다음과 같습니다. rails 2 gem ‘mislav-will_paginate’, […]