본문 바로가기

Web108

자바스크립트 구분값 별 총 갯수 구하기 특정 키값에 구분값(코드)가 들어있고그 구분값의 갯수를 구해야 하는 요구조건이 있었다. 즉 아래 테스트데이터를 보면AAA라는 동일한 키를 가진 값이 구분값을 10, 20, 30.... 갖고있으면10이라는 값을 가진 데이터의 갯수20이라는 값을 가진 데이터의 갯수30이라는 값을 가진 데이터의 갯수를계산해야 하는 거였고10이 3개 / 20이 2개 / 30이 1개가 나와야 했다. 그걸 자바스크립트 코드로 짜보았다. // 테스트데이터 var dataList = [ { "AAA": "10" }, { "AAA": "20" }, { "AAA": "30" }, { "AAA": "10" }, { "AAA": "20" }, { "AAA": "10" } ]; //자바스크립트 소스 var dataSum = {}; //초기화 .. 2019. 1. 22.
Javascript src='주소' URL부분만 추출하는 방법(정규식) 다음과 같은 resData json 이 있다고 할때 DOC_CONTENTS라는 데이터에서 src="http://~이하생략~.jpg" 부분을 추출해내고 싶다면??? item.DOC_CONTENTS.match (/\bhttps?:\/\/\S+/gi) 2018. 12. 15.
JSON KEY값이 숫자로 올때 받는방법 JSON KEY값이 숫자로 올때 받는방법간단하다. ◆ 경우1 var data = { "1006": "2", "1005": "2", "totCnt": 45, "1004": "2", "1003": "2", "1002": "3", "1001": "3" }; $("#" + selectorId ).empty().html( data["1001"] ); ◆ 경우2 { "1001": { val : 0 }, "1002": { val : 0 }, "1003": { val : 0 } "1004": { val : 0 } "1005": { val : 0 } } $("#" + selectorId ).empty().html( data["1001"].val ); 2018. 12. 14.
$.getJSON 으로 JSON DATA 읽어오기 jQuery 에서는 getJSON()함수를 통하여 json파일을 읽어올 수 있다.HTTP GET 방식 요청을 통해 서버로부터 받은 JSON 데이터를 로드하는 것이며 JSON DATA를 읽어오는 ajax라고 생각하면 쉽다. jQuery.getJSON( url [, data ] [, success ] ) 형식으로 사용한다.URL은 정보를 요청할 URL 혹은 읽어올 파일 위치정보를 입력하면 된다.DATA는 서버로 보낼 DATASUCCESS는 요청이 성공하면 실행될 콜백함수를 뜻한다. 간단한 예제를 보자. personInfo.json과 jsontTest.jsp 파일을 준비하고 다음과 같이 작성한다. [ { "firstName": "John", "lastName": "Smith", "age": 25, "addre.. 2016. 11. 4.
[Javascript] 자바스크립트 실시간 시,분,초 시간 출력하기 실시간을 표시해주는 소스이다.setInterval()이라는 함수를 사용하여 1초마다 실시간으로 시간을 구해주는데 setInterval()이란 무엇일까? setInterval()은 ~하는 함수로 setInterval(function(){...} , 지연시간); 으로 사용한다.지정한 function을 중지하기 위해서는 clearInterval(function())을 사용하면 된다. 시간에 관련된 함수로 일정 간격 반복을 위해 sertInterval()을 사용할 수 있지만,시간지연을 위해서는 setTimeout()이라는 함수도 있어서 setTimeout() 함수를 사용해서 자기호출 방식을 사용한다면 setInterval() 처럼 구현이 가능하다. 하지만 보통 setInterval() 을 사용하며 setInte.. 2016. 10. 28.
[Javascript] 모바일 기종 체크 하는방법 / 모바일 디바이스 판단 함수 isMobile.any() 호출 시, 모바일로 접근했다면 true가 떨어지고 그 외,isMobile.Android()에서는 안드로이드로 접근했을떄만 true가 떨어진다. 다른 것도 동일하게 작동한다. 보통 특정 url로 접근할때 모바일 기기인지 체크한 다음 모바일 체크 값이 true로 떨어지면 특정 url로 보낼때 사용한다. (예 :: android로 naver.com접근 -> Android()에서 true 반환 -> m.naver.com 으로 전환) var isMobile = { Android: function() { return /Android/i.test(navigator.userAgent); }, BlackBerry: function() { return /BlackBerry/i.test(navig.. 2016. 10. 25.