bootstrap modal을 띄우고 영역 밖을 선택했을때 modal이 닫히는걸 방지 하도록 하려면 "backdrop" 옵션이라는 것이 있습니다. backdrop옵션에 "static" 값을 같이 설정해 주면, 모달이 닫히는 것을 막아 주게 됩니다. (1) JS를 통해서 모달을 생성했을 경우1$('#newModal').modal({backdrop: 'static', keyboard: false}) ;cs (2) 데이터 어트리뷰트(data attributes)를 통해서 만들경우123새로운 모달 Colored by Color Scriptercs
1) www.jquery.com, www.jqueryui.com2) 특징- 가볍고, 빠르며, 간결한 오픈소스 자바스크립트 라이브러리Prototype, Dojo, mootools, yui, node.js, augular.js, ...- 막강한 css selector- 크로스 브라우저 지원- Ajax 지원- 풍부한 플러그인 지원- 메서드 체인 지원 3) 문법JQuery();$();인자로 selector를 지정한 경우에는 일치되는 모든 요소를 찾는다.인자로 html태그를 지정한 경우에는 동적으로 그 요소를 생성한다.인자로 특정 DOM요소를 지정하면, 그 요소의 JQuery래퍼를 생성한다.인자로 function을 지정하면, $(document).ready()와 동일하다. 4) 라이브러리 사용법- 다운로드- CD..
My First Bootstrap Page Resize this responsive page to see the effect! Column 1 Lorem ipsum dolor.. Ut enim ad.. Column 2 Lorem ipsum dolor.. Ut enim ad.. Column 3 Lorem ipsum dolor.. Ut enim ad.. 가시성 테스트이 글은 모든 해상도에 보입니다.visible-*(기본값이 hidden)현재 글은 1200px 이상 해상도에서만 보입니다.현재 글은 992~1200px 이상 해상도에서만 보입니다.현재 글은 768~992px 이상 해상도에서만 보입니다.현재 글은 768px 이하 해상도에서만 보입니다.visible-*(기본값이 visible)현재 글은 1200px ..
트위터 부트스트랩1. UI 프레임워크2. 버전 1.x : 데스크 탑 2.x : 데스크 탑 위주, 모바일 지원3.x : 모바일 위주, 데스크 탑 지원4.x : 베타버전 3. 공식 사이트 ( https://getbootstrap.com/ ) 4.x 버전은 베타버전이기 때문에 3.x대 버전을 사용하는게 좋다. https://getbootstrap.com/docs/3.3/ 프로젝트에 공식사이트로 가서 다운받은 부트스트렙 폴더를 복사해서 넣어놓고 가져다 쓰는 방식으로 사용한다.
Javascript ( ※ 참고사이트 https://www.w3schools.com/) 1. 스크립트 언어 : perl, vbscript, ...2. 객체 기반 언어3. 사용 방법(1) inline style- 태그안에서 작성(2) internal style- 페이지내에서 작성(3) external style- 별도의 파일에서 작성(.js) 4. 문법(1) 메서드(함수)function 함수명(...){...} (2) 내장 함수1) 메시지 관련 함수- alert() : 알림창만 뜨는 함수- confirm() : 알림창에 Yes/No 선택할수 있는 함수- prompt() : 알림창에 입력까지 받을수 있는 함수 2) 변환 함수- eval()- parseInt(), parseFloat()- Number(), S..
JQuery 객체 (별칭 => $) o DOM Tree의 Node를 처리(관리)하는 메소드 -> DOM Tree에서 Node를 조회해서 JQuery안의 NodeList에 저장한다. -> JQuery Selector 함수를 이용해 Node를 조회 후 메소드 호출 o Utility 메소드 (단순 기능) -> JQuery.메소드() or $.메소드()ex) JQuery.each() or $.each() 많이 안쓰이는 경우1. 태그, Text 생성 => $(" 안녕 ") 2. 자바스크립스, JQuery 같이 사용 => var a = document.getElementById("id"); -> $(a) 많이 쓰이는 경우(CSS에서 쓰는 셀렉터, JQuert자체 셀렉터를 사용해서 Node 조회) $("셀렉터") -..