부트스트랩 사용시 유용한 플러그인

부트스트랩 사용시 유용한 플러그인

부트스트랩으로 개발시 꼭 필요한 플러그인 목록 자체적으로 부트스트랩은 많은 유용한 자바스크립트 요소를 가지고 있습니다. 모달창,로그인,캐러젤 슬라이드,경고메시지 등등이 있죠 기본적으로 부트스트랩에 포함되어 있는 요소들만으로도 사용하기 편리하게 되어 있습니다. 그러나, 가끔  사진을 클릭했을때 보여지는 LightBox나 megamenu,텍스트 편집기, 날짜와 기간 선택을 할 수있는 datepicker등 그이상의 많은 기능들을 찾기 위해서 많은 시간들을 보낼때가 많이 있습니다. 부트스트랩의 기능에 딱 맞게 […]

Mysql 테이블만 전체 삭제 하는법

Mysql 테이블만 전체 삭제 하는법

mysql table 일괄 삭제 하기 – how to drop table all   가끔 CMS(그누보드,XE,wordpress)등을 사용하다가 데이터베이스는 놔두고 테이블만 일괄적으로 삭제하여 새롭게 그누보드나 XE,워드프레스를 다시 설치하여  진행 할 경우가 생깁니다. drop table * 또는 all 이렇게 해서 지워지면 좋겠지만 안되는 방법이니 다른 방법을 써야 합니다. Mysql 에서 데이터베스는 놔두고 테이블만을 일괄 적으로 삭제할때 사용하기 좋은 방법입니다.

윈도우 10 업그레이드 후 WOL이 작동 안될때

윈도우 10 업그레이드 후 WOL이 작동 안될때

Windows 10 업그레이드 했는데 Wol이 안되는 현상   Window 8.1 에서 Windows 10 으로 업그레이드 후 드라이버는 정상적으로 잡혀서 인터넷이 이상없이 연결되어 있지만, 외부에서 내PC를 켤수 있는 Wol기능이 안되더군요…. Wol이 작동 안해서 다시 설정을 하려는 데 여러가지 방법이 많이 나와있지만, 가장 중요한건 드라이버 업데이트 였네요. windows 10용 리얼텍 드라이버를 업데이트 해주시면 됩니다. 다운로드 윈도우10용 리얼텍

반응형웹 개발 테스트 툴- Resposive web Test Tool

반응형웹 개발 테스트 툴- Resposive web Test Tool

반응형웹 개발시 테스트 도구     부트스트랩 등 반응형웹 개발 프레임워크를 사용하여 개발할때 테스트하기 좋은 툴 3가지 입니다. 반응형 웹으로 사이트를 제작하거나 웹앱을 제작하려고 할때 각각 디바이스에 맞추어 화면의 디자인을 직접 확인 해 볼수 있는 테스트 툴로 크롬 개발자 도구, 다음 트로이를 많이 사용해 왔는데, 얼마전 구글에서 Google resizer 라는 툴이 새로 나와서 사용해 봤는데

모달 여러개 만들기(멀티모달)-bootstrap multiple modal

모달 여러개 만들기(멀티모달)-bootstrap multiple modal

부트스트랩 멀티 모달 bootstrap version: 3.3.5   소스 다운로드     부트스트랩 모달을 사용하다 보니 모달 여러개를 순차적으로 한페이지에서 처리해야 하는 경우가 있습니다. 필요한 경우 이 멀티모달을 사용해 볼 수 있습니다. 버튼마다 각각 모달을 적용해 줘야 되는 경우와는 조금 다른 경우죠 위에 첨부된 멀티플 모달은 정리 해서 올려 놓은거니 바로 적용 해도 됩니다. 물론 부트스트랩코어도

Scout : ArgumentError #3214 에러 해결방법

Scout : ArgumentError #3214 에러 해결방법

ArgumentError #3214 OS : windows 8.1 64bit Editor : Atom Editor   Scout 를 사용시에 발생하는 에러 입니다.   주로 처음 설치 후에 실행하면 ArgumentError #3214  에러 메시지가 출력이 되는데 해결 방법은 아주 간단합니다. ArgumentError #3214 에러 메시지가 나오는 이유는 java의 설치경로가 잘못되어 있는 것 입니다. 먼저, java가 설치 되어있는지 확인을 하고 java가 설치 되어 있다면,

VMware Workstation 10 –  OS X 부팅 안되는 현상 해결

VMware Workstation 10 – OS X 부팅 안되는 현상 해결

VMware Workstaion 에 OS X El Capitan  설치 후 부팅이 안됨   VMware  Workstaion 10.0.1 build-1379776 VMware Wrokstation 에서 Mac을 사용해 작업을 좀 해보려 하는데 갑자기 부팅이 안됩니다. 오류 메세지는 Not enough physical memory is available to power on this virtual machine with its configured settings…….. 라는 경고창이 나오면서 메모리 사이즈를 220MB로 줄이 겠냐고 나와서

Bootstrap 회원가입 폼

Bootstrap 회원가입 폼

Resistration Form 부트스트랩으로 만든 회원가입 폼 Bootstrap version 3.3.5 회원가입 폼 다운로드 부트스트랩으로 사이트 제작을 하면서 자주 사용하는 부트스트랩을 이용한 회원가입 폼입니다. 기본적인 양식만 입력할때 사용할 수 있도록 만들었고 부트스트랩만 조금 아시면 사용하기 편하실 겁니다. 자주 사용하는 두가지 유형으로 만들었고 추가/수정은 소스코드내에서 빠르게 작업 할 수 있습니다. Basic Form 2.  Horizontal Form  두가지의 샘플 있습니다.

구글 서치콘솔 사이트맵 등록하기

구글 서치콘솔 사이트맵 등록하기

구글 웹마스터에 자신의 블로그나 홈페이지를 등록할때 sitemap을 제출하여야 합니다. 사이트맵을 Xml로 작성하는것이 생소할 수 있습니다. 그럴때 사용할 수 있는 것이 무료로 사이트맵을 자동으로 만들어 주는 sitemap generator 입니다. XML-sitemaps 바로가기 영어로 되어 있지만 사용은 그리 어렵지 않습니다.   Strarting URL 에 자신의 블로그나 홈페이지의 주소를 입력하고 Change frequency 는 그대로 놔두어도 됩니다.(업데이트가 자주 일어나는 사이트의

워드프레스 RSS Feed 주소

워드프레스 RSS Feed 주소

구글,네이버,다음 등에 블로그를 등록할때 워드프레스의 Rss주소를 이용하여 등록을 할 수 있습니다. 내 블로그의 RSS Feed URL을 누군가가 구독할 수도 있고, 포털에 검색 등록을 하여  방문자를 늘릴 수도 있습니다. 워드프레스의 RSS Feed 에 대한 원문은 https://codex.wordpress.org/ko:WordPress_Feeds 이곳을 참고 하시면 됩니다. 워드프레스 설정에서 고유주소를 사용하지 않고 일반주소를 사용하고 있다면 http://example.com/?feed=rss http://example.com/?feed=rss2 http://example.com/?feed=rdf http://example.com/?feed=atom 사용자정의 에서 고유주소를 사용하고 있다면 http://example.com/feed/

Wordpress Annina Theme 본문 요약 글자수 수정

Wordpress Annina Theme 본문 요약 글자수 수정

제가 사용하고 있는 Annina Theme의 포스트들이 나오는 본문의 요약 글자수가 너무 적은 거 같아 수정해 보았습니다. 수정 하기 전 화면을 보면 포스트의 본문 내용의 요약 글자수 가 너무 적게 나옵니다. Annina Theme의 스크린샷을 보면 글자수가 좀 더 많이 나오는데… 수정하기 전의 화면 입니다. 본문의 요약 글자 수를 수정하려면 자식 테마가 아닌 부모테마의 inc 폴더에서 annina-dynamic.php

Annina theme 메뉴 아이콘 넣기

Annina theme 메뉴 아이콘 넣기

워드 프레스 무료테마 수정하기 Wordpress Theme Annina Theme Free Annina Theme는 Font Awesome을 지원하네요 메뉴에 아이콘을 넣으려면 외모 > 메뉴로 이동해서 해당 메뉴를 클릭하세요 메뉴의 오른쪽 화살표를 클릭하고 네비게이션 라벨에 위 사진처럼 폰트어썸(Font Awesome)태그를 넣어 주기만 하면 됩니다. <i class=”fa fa-wordpress spaceRight”></i> 폰트어썸 태그를 사용할때 class에 spaceRight 를 추가해 주면 아이콘과 네이게이션라벨 (메뉴이름)의 사이에 공백이

워드프레스 무료테마 수정하기(Annina Theme) 로고이미지 넣기

워드프레스 무료테마 수정하기(Annina Theme) 로고이미지 넣기

Free Wordpress Theme Annina 무료 워드프레스 테마 수정 해서 사용하기 테마제작 사이트 http://crestaproject.com/downloads/annina/ 다운로드 annina.1.3.1 상당히 깔끔하고 메인화면에는 infinite scroll,masonry 등의 기능이 있어 여러 컨텐츠들이 보기 좋게 나열 되서 선택하게 되었는데요 한동안 이 무료테마인 annia theme 를 사용했습니다. 무료버전을 셋팅하다가 보면 로고가 그냥 텍스트로만 입력 되게 되어 있는데 이미지로 나오게 수정 했습니다.   일단 저는 자식테마를 만들어서

워드프레스 접속 주소변경 하기

워드프레스 접속 주소변경 하기

워드프레스를 설치하고 사이트의 주소와 워드프레스 접속주소를 다르게 하고 싶을 때 사용 할 수 있는 방법 입니다. 예를 들어, 사이트 주소는 http://yoursite.com 입니다. 워드프레스의 접속 주소는 http://yoursite.com/wordpress 입니다.워드프레스가 설치되어 있는 폴더 이겠죠? 그런데 저 주소를 다 치고 들어가려고 하면 불편하죠, 그리고 내 블로그를 찾아오는 사람들이 외우기 쉽지 않습니다. 주소를 줄이는게 답은 아닌것 같습니다. http://yoursite.com 으로 접속하면

위로 스크롤