꾸생의 DevLog

[JQ/JS] 요소 삽입 메서드를 활용한 예제

요소 삽입 메서드를 활용한 연습 See the Pen xxOVZXV by junheeleeme (@junheeleeme) on CodePen. 이미지 슬라이드에 활용

2020.10.16  

자바스크립트 부드럽게 올라가는 스크롤 Top버튼

자바스크립트 Top버튼 See the Pen yLJOYKj by junheeleeme (@junheeleeme) on CodePen. scroll-behavior: 'smooth' 속성을 사용!

2020.10.16  

자바스크립트 요소 삽입/이동 메서드

요소 삽입/이동 메서드 1. 해당 메서드의 위치 before prepend (내용) append after 2. 사용방법(메서드에 따라서 적용방향의 차이가 있음) $("A").before("B"); (대상) (입력내용) $("A").prepend("B"); (대상) (입력내용) $("A").append("B"); (대상) (입력내용) $("A").append("B"); (대상) (입력내용) $("B").insertBefore("A"); (입력내용) (대상) $("B").prependTo("A"); (입력내용) (대상) $("B").appendTo("A"); (입력내용) (대상) $("B").insertAfter("A"); (입력내용) (대상) [JQ/JS] 요소 삽입 메서드를 활용한 예제 요소 삽입 메서..

2020.10.15  

자바스크립트 정규표현식(Regular Expression)

정규표현식(Regular Expression) 문자열안에 특정 내용을 찾거나 대체 또는 발췌하기 위해 사용한다. ex) 회원가입시 사용자에게 받는 정보(전화번호, 이메일 등)가 유효한지 체크해야할 경우 정규표현식을 사용 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다는 문제가 있다. const tel = '010-1234-5678'; // 정규 표현식 리터럴 const myRegExp = /1234/; console.log(myRegExp.test(tel)); // true 자바스크립트 정규표현식 메소드 const targetStr = 'This is a pen.'; const regexr = /is/ig; // RegExp 객체의 메소드 conso..

2020.10.07  

[JS/JQ] 자바스크립트 체크박스 컨트롤하기

Java Script 체크박스 체크 및 해제하기 var chkbox = document.getElementById("chkbox"); chkbox.checked = true; JQuery 체크박스 체크 및 해제하기 $("#chkbox").prop("checked", true); // attr도 가능하지만 prop 권장 체크여부 확인 if( $("#chkbox").prop("checked") == true ){ //checked } else{ // not checked }

2020.10.06  

[JS/JQ] Math객체를 사용한 난수 발생

자바 Math객체를 사용한 난수 사용 // Math.floor((최대값 - 최소값 + 1)*Math.random() + 최소값); var max = 10; var min = 1; var rndVa = Math.floor((max - min + 1)*Math.random() + min); Math.floor((최대값 - 최소값 + 1) * Math.random() + 최소값)

2020.10.06