개발자의 끄적끄적

[javascript/jquery] 자바스크립트 Cannot read properties of null (reading 'classList') 에러 해결방법 javascript 나 jquery 를 다루다 보면 아래와 같은 에러가 뜨는 경우가 종종 있습니다. Cannot read properties of null (reading 'classList') 위 에러의 원인은 스크립트 로드 우선순위가 잘못되었거나, 로드가 되지 않았거나, 스크립트가 로드될 당시 페이지에 아이디나 클래스에 해당하는 요소가 없거나 한 경우입니다. 우선 스크립트 로딩 순서를 확인해보시고 주석치면서 테스트 해보시면 금방 해결하실수 있을 겁니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 비밀번호 체크 정규식 javascript 에서 정규식을 많이 사용합니다. 그중에서 회원가입이 비밀번호를 받을때 체크하는 정규식을 공유하고자 합니다. 바로 소문자, 대문자, 숫자, 특수문자를 포함하는 8~15 자리의 비밀번호를 체크하는 정규식 입니다. var pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/; 참고들 하세요!

[javascript/jquery] javascript test() example / 자바스크립트 정규식 체크 메서드 test() 사용법 및 예제 javascript 에서 정규식을 사용하기 위해서 기본적으로 알아햐 하는 메서드가 있습니다. 바로 test() 라는 건데요. 이 test 메서드는 전달받은 문자열이 정규식을 만족하면 true 를 정규식을 만족하지 않으면 false 를 반환합니다. 예를들어서 아래와 같이 이메일 형식을 체크하는 정규식이 있다고 가정하고, var pattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 아래 나와있는 이메일을 위 정규식에 대입해서 체크해보고 싶으면, var str = "test@test.com"; 아래와 같이 patt..

[javascript/jquery] javascript ip address validation example / 자바스크립트 아이피 체크 정규식 javascript 에서 아이피를 입력받거나 확인해야 하는경우 아이피가 정상적인 형식인지 확인을 해야 합니다. 그럴때는 아래 함수를 이용하시면 됩니다! function ipRegChk(val) { var regpet = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; if (regpet.test(val)) { return..

[javascript/jquery] javascript string startWith example / 자바스크립트 문자열이 특정문자로 시작되는지 확인하는 방법 javascript 에서 문자열이 특정 단어나 문자로 시작되는 지를 확인하고 싶은 경우에는 아래 나와있는 내용과 같이 startWith 를 사용하시면 됩니다. 예를 들어 아래와 같이 abcdef 라는 문자열을 가지는 변수 str 이 있다고 가정하고, var str = "abcdef"; 위 문자열이 abc 라는 문자로 시작되는지 확인하고 싶으면 아래와 같이 startWith 를 사용하시면 됩니다. var result = str.startWith("abc"); 그리고 위 결과는 출력해보면 결과는 abc 라는 문자열로 시작되기 때문에 true 가 나오..

[javascript/jquery] javascript string concat example / 자바스크립트 문자열 합치는 방법 javascript 에서 문자열을 다루다 보면 특정문자들을 이어서 하나의 문장으로 만들어야 하는 경우가 있습니다. 그럴때는 내장함수인 concat 를 사용하시면 됩니다. 우선 아래와 같이 abc 와 def 를 각각 가지는 변수 2개가 있다고 가정하고, var str_1 = "abc"; var str_2 = "def"; str_1 의 문자열 뒤에 str_2 를 붙이기 위해서 아래와 같이 concat 를 사용합니다. var result = str_1.concat(str_2); 그리고 위 결과가 담긴 변수 result 를 이래와 같이 출력하면 결과는 abcdef 가 나오게 됩니다...

[javascript/jquery] javascript event list site / 자바스크립트 이벤트 모음 사이트 [링크] javascript 를 사용해서 사이트 개발을 진행하다 보면 이벤트들을 잘 알아야 여러가지 상황에 맞는 스크립트를 구현할 수 있습니다! 그럴때 참고하면 좋은 사이트가 있어서 공유하려고 합니다! 바로 이벤트 모음 사이트 인데요! 들어가셔서 한번 둘러보시고 수시로 참고해서 이벤트속성을 파악해서 구현하시면 많은 도움이 되실듯 합니다! javascript event list site : https://server-dev.tistory.com/24 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 onabort 이미지의 다운로드를..

[javascript/jquery] javacsript control video event options example / 자바스크립트 비디오 컨트롤 가능한 옵션들 사이트 [링크] html 에서 video 를 다루다 보면 제어할 수 있는 옵션에 대한 궁금증이 생기게 됩니다. 그럴때 제어할수 있는 항목들을 테스트 버전으로 만들어 놔서 확인이 가능한 사이트가 있어서 공유해보려고 합니다. 들어가서 몇가지 테스트해보시면 금방 아실껍니다! 참고들 하세요! html video options example site : https://www.w3.org/2010/05/video/mediaevents.html HTML5 Video HTML5 Video Events and API This page demonstrates ..