🏫 TECH
-
안녕하세요. 이사작전입니다. 오늘은 event.preventDefault()와 event.stopPropagation()을 이용해서 함수 실행을 중지하는 방법을 공유하려합니다. 문제안쪽 div의 onclick을 눌렀는데, 바깥쪽 div의 onclick도 함께 실행된다. 해결방법안쪽 div의 onclick함수 내에, event.preventDefault()와 event.stopPropagation()를 사용하여 return false와 같은 효과를 내본다. 그러면 바깥쪽 div의 onclick이 실행되지 않을 것 같다! 소스코드 공개간단한 예제를 작성하였습니다. html123 Colored by Color Scriptercs jQuery12345678function goToDetail(){ location..
[jQuery] 함수 실행을 중지하는 방법, preventDefault, stopPropagation안녕하세요. 이사작전입니다. 오늘은 event.preventDefault()와 event.stopPropagation()을 이용해서 함수 실행을 중지하는 방법을 공유하려합니다. 문제안쪽 div의 onclick을 눌렀는데, 바깥쪽 div의 onclick도 함께 실행된다. 해결방법안쪽 div의 onclick함수 내에, event.preventDefault()와 event.stopPropagation()를 사용하여 return false와 같은 효과를 내본다. 그러면 바깥쪽 div의 onclick이 실행되지 않을 것 같다! 소스코드 공개간단한 예제를 작성하였습니다. html123 Colored by Color Scriptercs jQuery12345678function goToDetail(){ location..
2018.12.07 -
안녕하세요. 이사작전입니다.오늘은 String의 모든 공백을 제거하는 방법을 공유하려합니다.아래의 함수가 정답입니다. 믿고 사용하시면 됩니다. 함수 공개1234//모든 공백제거 함수function trim(regText){ return regText.replace(/\s/gi, ""); // 위와 같이 모든 공백을 제거}Colored by Color Scriptercs 기능 테스트 (사용방법)1234567var phoneNumber = '010 1122 2333';var result1 = trim("공백 을 제 거 하고 싶습니다.");var result2 = trim(phoneNumber ); console.log(result1);console.log(result2); Colored by Color Sc..
[javascript] 정규식으로 모든 공백을 제거하는 방법!안녕하세요. 이사작전입니다.오늘은 String의 모든 공백을 제거하는 방법을 공유하려합니다.아래의 함수가 정답입니다. 믿고 사용하시면 됩니다. 함수 공개1234//모든 공백제거 함수function trim(regText){ return regText.replace(/\s/gi, ""); // 위와 같이 모든 공백을 제거}Colored by Color Scriptercs 기능 테스트 (사용방법)1234567var phoneNumber = '010 1122 2333';var result1 = trim("공백 을 제 거 하고 싶습니다.");var result2 = trim(phoneNumber ); console.log(result1);console.log(result2); Colored by Color Sc..
2018.12.01 -
Cannot read property가 발생하는 이유?HTML을 로딩하기 전에, js가 실행되었기 때문입니다.HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데js는 그 요소들을 찾으려고 해서 발생하는 오류입니다. 따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인onload를 사용해서 문제를 해결해봅시다. window.onload = function () { alert("로딩 완료"); }reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.htmlreference : https://okky.kr/article/288222
[javascript] Cannot read property 문제를 해결하는 방법Cannot read property가 발생하는 이유?HTML을 로딩하기 전에, js가 실행되었기 때문입니다.HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데js는 그 요소들을 찾으려고 해서 발생하는 오류입니다. 따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인onload를 사용해서 문제를 해결해봅시다. window.onload = function () { alert("로딩 완료"); }reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.htmlreference : https://okky.kr/article/288222
2018.11.21 -
안녕하세요. 플랫폼공작소입니다.image를 어둡게 만드는 방법은 아래와 같습니다. 소스코드123img { filter: brightness(50%); }cs 작업 결과 감사합니다#image #background #어둡게
[css] image 어둡게 만드는 방법안녕하세요. 플랫폼공작소입니다.image를 어둡게 만드는 방법은 아래와 같습니다. 소스코드123img { filter: brightness(50%); }cs 작업 결과 감사합니다#image #background #어둡게
2018.10.24 -
https://code.i-harness.com/ko-kr/q/b8d723
[mysql] 그룹당 5개, 인원당 5개의 결과값을 받는 방법https://code.i-harness.com/ko-kr/q/b8d723
2018.10.16 -
안녕하세요. 플랫폼공작소입니다.앞에서 x번째 문자열을 바꾸는 함수를 만들어보았습니다.직관적인 함수는 아니라서, 사용예시를 들어보겠습니다. ex) 반갑습니다라는 문자열의 1번째 "반"을 "A"로 바꾸고 싶다면?setCharAt("반갑습니다", 1, "A"); 라는 함수를 호출하면 "A갑습니다" 이렇게 바뀌게 됩니다. ^ ^ 필요에 의해서 커스텀하게 만들었는데, 함수 이름을 어떻게 소개해야될지 모르겠네요.x번째에 문자열을 추가하는 함수? 문장 또는 숫자, 앞에서 x번재 문자열을 추가하는 함수? 12345//앞에서 x번재 문자열을 바꾸는 함수function setCharAt(str, index, chr) { if(index > str.length-1) return str; return str.substr(0,..
[jQuery] 문장 또는 숫자, 앞에서 x번재 문자열을 바꾸는 함수안녕하세요. 플랫폼공작소입니다.앞에서 x번째 문자열을 바꾸는 함수를 만들어보았습니다.직관적인 함수는 아니라서, 사용예시를 들어보겠습니다. ex) 반갑습니다라는 문자열의 1번째 "반"을 "A"로 바꾸고 싶다면?setCharAt("반갑습니다", 1, "A"); 라는 함수를 호출하면 "A갑습니다" 이렇게 바뀌게 됩니다. ^ ^ 필요에 의해서 커스텀하게 만들었는데, 함수 이름을 어떻게 소개해야될지 모르겠네요.x번째에 문자열을 추가하는 함수? 문장 또는 숫자, 앞에서 x번재 문자열을 추가하는 함수? 12345//앞에서 x번재 문자열을 바꾸는 함수function setCharAt(str, index, chr) { if(index > str.length-1) return str; return str.substr(0,..
2018.10.13