일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 공모주 청약
- 공모주
- 자바
- java
- 주식 청약 일정
- 오라클
- JSTL
- JavaScript
- Stock ipo
- 주식 청약
- Stock
- IPO
- 맥
- Eclipse
- codeigniter
- SQL
- 7월 공모주 청약 일정
- linux
- html
- 자바스크립트
- MYSQL
- 공모주 청약 일정
- 제이쿼리
- css
- php
- 주식
- 리눅스
- 코드이그나이터
- jquery
- Oracle
- Today
- Total
목록개발/javascript & jquery (487)
개발자의 끄적끄적
[javascript/jquery] 파일업로드 버튼 커스텀 방법] javascript 에서 파일 업로드를 다루다보면 input file 태그를 사용하는데 그러면 아래 이미지와 같이 보여집니다. 위와같은 문구를 안보이게 설정하고, [업로드] 라는 텍트스라 보이게 커스텀 하려면 아래와 같이 input file 태그에 display:none 스타일을 추가하고, label 태그를 추가하면 됩니다. [업로드] 그러면 아래 이미지와 같이 [업로드] 라는 텍스트로 변경됩니다! 원하시는 스타일이 있으시면 라벨에 스타일을 추가하시면 됩니다! 그리고 제일 중요한거!!! label 태그를 클릭했을때, 파일 업로드가 동작하게 하려면, for="file" 이 안에 값을 input file 태그의 id 와 동일하게 맞춰 주셔야 ..
[javascript/jquery] 자바스크립트 사파리 팝업 새창열기 방법 예제 ios 에서 사파리 브라우저를 사용하는 경우 자바스크립트에서 window.open 으로 팝업을 열때 팝업이 열리지 않는 경우가 있습니다. 그럴때는 아래와 같은 방법으로 팝업을 열수 있습니다! function open_pop(url) { let popup = window.open(); setTimeout(() => { popup.location = url; }, 500); } 위 내용을 보시면 아시겠지만, 1. 빈 팝업을 오픈하고, 2. 0.5초 뒤에 해당 팝업의 url 을 전달받은 url 로 변경하는 방식입니다! 위 방식으로 처리를 하더라도 기기의 사파리상에 팝업차단 옵셥이 해제되어 있어야 합니다! 참고들 하세요!
[개발/카카오내비] 자바스크립트에서 카카오내비 길찾기 연동 방법 웹사이트를 개발하다보면 카카오내비와의 길찾기 연동을 해야하는 경우가 있습니다! 그럴때는 아래와 같은 방식으로 호출하시면 자동 네이게이션 길찾기까지 연동이 간단하게 됩니다! 1. 우선 카카오내비를 호출하기 위해서 Kakao 객체를 로드하고 실행합니다. 여기서 JAVASCRIPT_KEY 는 Kakao Developers 에서 발급받은 자바스크립트 키를 입력하시면 됩니다! 2. 네이게이션을 호출할때 사용되는 함수는 아래와 같이 선언합니다! function go_navi() { Kakao.Navi.start({ name: 명칭, x: 127.034123123, y: 37.123123, coordType: 'wgs84', }); } 명칭이나, x, ..
[javascript/jquery] 자바스크립트 메시지 이벤트 사용해서 팝업 제어하는 방법 / javascript message event listner example [링크] javascript 에서 window.open 을 이용해서 새창을 열고, 부모창과 자식창 서로를 제어해야하는 경우가 있습니다! 보통의 경우는 가능하지만, 도메인이 서로 다른 창의 경우는 message 라는 기능을 이용해야만 가능한데요! 한참을 구글링하다가 해결한 방법이 있어서 공유하려고 합니다! 아래 링크 들어가보시고 상황에 맞게 약간 수정이 필요한경우는 수정하시면 될듯 합니다! 참고들 하세요! 크로스 도메인 팝업간 상호 컨트롤 설정 방법 : https://meetup.nhncloud.com/posts/344 출처가 다른 윈도우 ..
[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 함수를 이용하는 방법입니다. 참고들 하세요!