본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Javascript72

자바스크립트 new 연산자 (Javascript new operator) 자바스크립트(Javascript)를 활용하여 작업을 하다보면 만날 수 있는 기호가 있습니다. 바로 new 라는 기호입니다! new라는 기호는 자바스크립트의 고유의 예약어이며 고유의 연산자(operator) 입니다. 아래는 자바스크립트의 new라는 연산자(operator)에 대한 정의 입니다. 연산자는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다 new 라는 의미는 영역(block)을 지정하여 함수 내부의 정의된 내용을 실행하여 주는 의미라 볼 수 있습니다. 역시 말이 어려우니 코드를 보는게 낫겠습니다. function structure(first, last) { this.first = first; this.last = last; this.printer = function () { r.. 2020. 12. 17.
Jquery tooltip 기능 만들기(Jquery 툴팁) Jquery와 관련된 툴팁(tooltip) 기능은 검색만 하면 많은 라이브러리가 존재 합니다. 툴팁 기능은 만들기 어렵지가 않는 기능입니다. 1. 영역에 마우스가 들어온다. 2. 설정한 데이터가 표출 된다. 3. 영역에 마우스가 나간다. 4. 설정한 데이터가 가려진다. 대략적으로 고민해야 되는 방법은 위 4가지 입니다. 영역에 들어오는 것은 mouseenter 함수로 이벤트를 감지하면 되고, 영역에 나가는 것은 mouseout 함수로 이벤트를 감지하면 됩니다. $(대상).mouseenter(function (event) { //들어왔을 때 해야되는 행동 }) $(대상).mouseout(function (event) { //나갔을 때 해야되는 행동 }) 다음으로 고민해야 되는 것은 툴팁(tooltip)이 .. 2020. 12. 1.
Jquery auto table rowSpan(Jquery 자동 테이블 병합, 자동 table rowspan) Jquery를 활용하여 자동으로 같은 데이터를 병합해야되는 일이 생겼습니다. 테이블을 병합해야 되는 경우는 대략 아래와 같았습니다. 데이터가 고정적이면 사실 어렵지 않습니다. 그냥 td테그에 rowSpan값을 주면 해결되는 일이기 때문 입니다. 그런데, 데이터가 동적으로 변경되는 경우였기 때문에 그렇게 할 수가 없었습니다..ㅠ 작업을 하기에 앞서서 조건을 먼저 판단하여 보았습니다. * 최초 조건 1. 테이블을 최조 검사하는 행위인지 2. tr 내부의 td의 텍스트가 같은지 3. tr 내부의 td의 텍스트가 다른지 테이블을 병합하려면 td테그에서 rowspan 속성에 값을 부여하여야 합니다. 그리고 1번 ~ 3번까지의 경우에 대해서 반복문을 위해서 Jquery의 find와 each함수를 사용 하였습니다. .. 2020. 11. 18.
Javascript file type image(자바스크립트 파일 확장자 이미지) 자주 사용되는 코드라 적어둡니다. 매우 직관적이며 단순합니다. function CheckImagefiles(fileName) { var result = false; var ext = fileName.substring(fileName.lastIndexOf('.') + 1); if(!ext){ return result; } var imgs = ['gif', 'jpg', 'jpeg', 'png', 'bmp' ,'ico', 'apng']; ext = ext.toLocaleLowerCase(); imgs.forEach( function(element) { if(ext == element){ result = true; } }); return result; } 끝~ 2020. 10. 28.
Javascript number format(자바스크립트 숫자 콤마) 매번 찾아쓰기 힘들어서 적어두는 내용입니다! 프로토타입에 접근해서 함수를 추가합니다. //숫자형식에 대한 추가 Number.prototype.format = function(){ if(this==0) return 0; var reg = /(^[+-]?\d+)(\d{3})/; var n = (this + ''); while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; }; //문자에 대한 기능 추가 String.prototype.format = function(){ var num = parseFloat(this); if( isNaN(num) ) return "0"; return num.format(); }; 사용법은 매우 간단합니다. 끝! 2020. 10. 26.
간단하게 정리한 JSPDF 사용법(Javascript pdf) jspdf라는 라이브러리를 활용하면 웹 브라우저에서 pdf파일을 제작 할 수 있습니다. 이런 작업은 안해봤지만 그렇게 어렵지는 않았습니다. 가장먼저 jspdf와 관련된 라이브러리를 받아서 적용하였습니다. github.com/MrRio/jsPDF 위 내용을 적용하기 어려우시다면 "jspdf cdn"라고 검색한 뒤에 cdn을 적용하거나 해당 파일을 받으셔서 적용해도 무방합니다. 기본적인 사용방법은 직관적입니다. var doc = new jsPDF("p", "mm", "a4"); doc.line(15, 19, 195, 19); // 선그리기(시작x, 시작y, 종료x, 종료y) doc.text(15, 40, '안녕하세요'); // 글씨입력(시작x, 시작y, 내용) doc.save('web.pdf'); //결과 .. 2020. 10. 22.

티스토리툴바