일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Oracle
- 제이쿼리
- 주식 청약
- 주식
- linux
- 7월 공모주 청약 일정
- 공모주 청약
- JavaScript
- html
- codeigniter
- java
- 맥
- Stock
- Eclipse
- css
- IPO
- Stock ipo
- 주식 청약 일정
- 코드이그나이터
- 자바
- JSTL
- SQL
- 공모주
- 자바스크립트
- php
- MYSQL
- 공모주 청약 일정
- jquery
- 리눅스
- 오라클
- Today
- Total
목록자바스크립트 (288)
개발자의 끄적끄적
[javascript/jquery] swiper.js slideTo 이동불가 에러 해결방법 jquery swiper.js 를 이용하여 특정슬라이드로 강제로 이동하고 싶은 경우가 있습니다! 그럴때 아래와 같이 slideTo 를 사용합니다! swiper.slideTo(5); 하지만!! 위처럼 했는데도 return 이 false 로 나오고 이동이 되지않는 경우가 있습니다! 그럴때는 아래와 같이 처음슬라이드로 갔다가 원하는 슬라이드 번호로 이동할 수 있게 하면 매번 정상적으로 동작하게 됩니다! swiper.slideTo(0); swiper.slideTo(5); 참고들 하세요!
[javascript/jquery] javascript scroll event not working / 자바스크립트 마우스 스크롤 이벤트 동작안함 해결 방법 javascript 에서 마우스 스크롤 이벤트를 제어하기 위해 선언을 했으나 전혀 이벤트를 체크하지 못하는 경우가 있습니다. 딱히 오류도 없는데 말이죠.. 제가 이걸로 한참을 삽질했기에 해결방법을 공유하려고 합니다! overflow:hidden 바로 위에 적어놓은것과 같이 overflow:hidden 속성때문에 그런데요! body 안에 컨테이너와 같은 태그안에 css 로 overflow:hidden 이 선언되어 있을 겁니다! 이걸 주석처리하고 다시 확인해보면 스크롤 이벤트가 정상동작 하는걸 확인할 수 있습니다! 참고들 하세요!
[javascript/jquery] 자바스크립트 defer 속성 / what is defer in javascript javascript 파일을 별도로 로드하는 경우 아래와 같이 script 태그를 이용하여 src 에 경로를 입력해 로드합니다. 그중에서, 이번에는 defer 라는 속성을 소개하려고 합니다. 위 내용 보시면 아시겠지만, defer 라는 속성이 들어있습니다. 이 속성은 html 이 전체 로드 된 후 마지막에 스크립트 코드가 실행되는걸 의미합니다. 대부분은 크게 상관 없겠지만, 페이지가 실행되기 전에 스크립트가 실행되어야 한다던가 하는 우선순위가 중요한 경우는 에러가 발생될 수도 있으니, 상황에 맞게 잘 사용하셔야 합니다! 참고들 하세요!
[javascript/jquery] input 태그 한글만 입력되게 하는 방법 javascript 에서 input 태그에 입력된 값들을 정규식으로 onkeyup 같은 속성으로 제어할수도 있지만, oninput 를 사용해서 입력자체를 막을 수도 있습니다! 그중에서, 이번에는 숫자만 입력을 허용하는 예제를 공유하려고 합니다. 위 내용 보시면 아시겠지만, 입력값을 있으면 바로 replace 함수를 이용하는 방법입니다. 참고들 하세요!
[javascript/jquery] jquery swiper library cdn url 참고 사이트 [링크] jquery 슬라이드 화면을 구성하다보면 jquery swiper 라이브러리를 많이 사용합니다! 그중 swiper 라이브러리를 로드할 수 있는 cdn 주소를 찾아야 되는 경우가 있어서 공유하려고 합니다! 아래 링크 들어가셔서 필요한 url 을 찾아서 로드 하시면 됩니다! 참고들 하세요! jquery swiper library cdn : https://cdnjs.com/libraries/Swiper Swiper - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Most moder..
[javascript/jquery] 자바스크립트 카드 짝맞추기 게임 소스 자바스크립트로 재미삼아 만들어본 카드 뒤집기 게임입니다! 메모리 게임은 아니고, 짝맞추기 게임 스크립트 소스이니 출처만 표기해주시고, 활용하실 분들은 활용하세요! 0.000 0.000
[javascript/jquery] 자바스크립트 배열 중복값 개수 구하는 방법 / javascript array duplicate value count javascript 에서 배열을 다루다 보면 배열의 중복되는 값의 갯수를 구해야하는 경우가 있습니다. 그럴때는 아래와 같이 forEach 를 이용하시면 됩니다! 예를들어 아래와 같이 1,1,2 총 3개의 값을 가지고 있는 배열이 있다고 가정하고, const arr = ['1','1','2']; 위 배열의 중복되는 값의 수를 구하고 싶으면 아래와 같이 forEach 를 이용합니다. const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); 위 forEach 에서 결과를 담은 res..
[javascript/jquery] javascript 정규식으로 태그 제거하는 방법 javascript 에서 특정 엘리먼트의 태그를 제거하고 안에 있는 텍스트만 추출해야하는 경우가 종종 있습니다. 그럴때는 아래와 같이 replace 와 정규식을 활용해서 추출이 가능합니다! 예를들어, 아래와 같이 div 와 span 태그로 구성된 엘리먼트가 있다고 가정하고, testing 위 test라는 클래스를 가진 엘리먼트를 아래와 같이 str 라는 변수가 담고, 그걸 정규식을 이용해 추출한 결과를 result 에 담습니다! var str = document.querySelector(".test"); var result = str.innerHTML.replace(/]*>?/g, ''); 그리고는 아래처럼, conso..