분류 전체보기 242

부트스트랩 pagination 가운데 정렬하기

부트스트랩에 보면 pagination이라고 테이블, 게시판 등에서 다음으로 넘어가는 버튼(?)을 구현해 둔 것이 있는데, 아무리 text-center, margin: auto를 해도 안되더라 검색 키워드 Centering pagination in bootstrap How to center pagination 참고 사이트 https://stackoverflow.com/questions/43679491/bootstrap-4-center-pagination-in-column ul에 justify-content: center; 써주면 됨.

html_css 2018.05.09

자바스크립트 객체와 배열 차이

1234567891011121314151617181920212223242526272829303132333435363738// 1. 이것은 객체이며 무작위로 집어넣은 정보라고 보면 됨. 그래서 box[0] 이렇게 써도 john이 나오지 않음!!var box = { name : "john", car : "BMW", money : "$9.70"}; // 2. 이미 있는 객체에 추가로 정보를 넣고 싶다면box.location = "cicargo";// 2-1. 근데 띄어쓰기를 해야한다면box["information confirm"] = "yes"; // 3. 객체 일부 값 호출console.log(box.name); // 4-1. 객체 키값(name, car, mony, location, information ..

Javascript 2018.05.08

email, 비밀번호 input form 유효성 체크

email, 비밀번호 input창 form 유효성 체크 검색 키워드 Validate email formValidate form using javascript, jquery 참고 사이트http://talkerscode.com/webtricks/validate-email-and-password-using-jquery.php 12345678910111213141516171819202122232425262728293031 SIGNUP FORM > > 패스워드는 최소 8자,대문자,소문자,특수문자가 들어가야합니다. function validate() { var email = $("#email").val(); var pass = $("#password").val(); var email_regex = /^([a-zA-..

Javascript 2018.05.05

제이쿼리 특정 input 안썼을때 그 부분만

제이쿼리 특정 input창 안썼을때, 안채웠을때, 건너뛰었을때 그 부분만 경고해주기.모든 input창 안썼을때 경고하기 검색 키워드 check if all textboxes are emptyall input empty (fields) 참고 사이트http://www.jquerybyexample.net/2012/12/jquery-to-check-all-textboxes-empty.html 위 사이트에 나와있는 것중에 최대한 간단하게 써본거1234567891011121314151617181920212223 $(function() { $(".submit").click(function() { var valid = true; $("input[type=text]").each(function() { if ($.trim..

Javascript 2018.05.04

제이쿼리 input에 아무것도 입력 안했을 때

제이쿼리 input에 아무것도 입력 안했을 때 경고창 띄우거나, 콘솔창 띄우기 검색 키워드 check if input text Value empty If input val is empty How to check if inputs are empty 참고 사이트 https://code.i-harness.com/en/q/1c4c5c (input은 text와 submit 두개가 있고, text에 입력 후 submit 버튼을 눌렀을때 발생하는 이벤트) 12345678$(function() { $("input[type=submit]").click(function() { var result = $("input[type=text]").val(); if (!result) { alert("입력하십시오"); } })})Co..

Javascript 2018.05.04

자바스크립트 문제2

var m2="hello javascript"에서 마지막 문자만 추출하기 123m2 = "hello javascript";m3 = m2.length-1; // 결과: 15m2 = m2.charAt(m3); // 결과: tcs 1. m2이라는 변수에 값을 등록. 2. m2의 글자수-1(=15)을 m3이라는 변수에 등록.123456지금은 hello javascript가 총 16자니 15번째 인덱스를 뽑아내면 된다는 것을 알지만,변수가 다양하거나 모를 경우 몇번째 인덱스인지 알 길이 없으니 (글자수)-1=(인덱스) 가 마지막 글자라는 공식을 이용한 것Colored by Color Scriptercs 3. m2(=hello javascript)에서 m3(=15)번째 인덱스 문자를 추출함.

Javascript 2018.04.21

자바스크립트 문제1

var m1 = "images/image10.jpg"에서 숫자 10만 추출하기 1234m1 = "images/image10.jpg";m1 = m1.split("/")[1]; // 결과: image10.jpgm1 = m1.substring(5); // 결과: 10.jpgm1 = parseInt(m1); // 결과: 10cs 1. m1이라는 변수에 값을 등록함. 2. split("")을 사용하여 슬래쉬를 기준으로 나눠줌(결과: images,image10.jpg).여기서 배열을 뜻하는 [1]을 이용하여 첫번째 배열인 image10.jpg만을 걸러냄.123지금은 images/image10.jpg 총 12~13번째 인덱스를 뽑아내면 된다는 것을 알지만,변수가 다양하거나 모를 경우 몇번째 인덱스인지 알 길이 없으니..

Javascript 2018.04.20