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

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

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


Javascript/[기초] Javascript30

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.
Javascript 댓글 기능 제작(자바스크립트 댓글, Javascript comment) 게시판에서 자주 사용되는 기능 중 하나가 바로 "댓글" 입니다. 댓글을 게시글을 참조하여 데이터가 쌓이는 형식 입니다. 아래와 같이 데이터가 존재한다고 가정하겠습니다. { idx : "_NN5i7ztvy8bl1L4wTQoKx9THDhagNV9AIeSQOmlm", title : "제목" contents : "안녕하세요. 저는 게시글 입니다.", reg_id : "user", reg_date : "2020-09-09 08:00:10", } idx는 고유의 키 값을 의미합니다. 나머지 항목은 일반 정보들을 의미 합니다. 만약 이러한 데이터가 존재하는 데 댓글이 입력되려면 idx값을 key값으로 한 데이터가 생성이 되어야 합니다. { comment_idx : "_NN5i7ztvy8bl1L4wTQoKx9THDha.. 2020. 9. 9.
Javascript 일반함수와 화살표함수의 차이 (Difference between regular function and arrow function) 자바스크립트에서는 일반적으로 사용되는 함수 이외에 화살표함수를 제공합니다. 마치 자바의 람다식처럼 간결한 표현으로 코드를 조금 더 간단하게 사용할 수 있게 하여줍니다. function abcd1 (){ console.log(1234); } var abcd2 = ()=>{ console.log(1234); } abcd1(); //1234가 출력됩니다. abcd2(); //마찬가지로 1234가 출력됩니다. 일반함수와 화살표함수와의 가장 큰 차이는 일반함수는 자신만의 데이터를 가질 수 있는 반면, 화살표 함수는 그렇지 못하다는 점 입니다. function abcd1 (){ this.number = 1234; } var abcd2 = ()=>{ this.number = 1234; } 위 코드에서 this.num.. 2020. 5. 19.
Jquery when 사용(Jquery Promise, 순서있는 ajax) Jquery에서 ajax를 활용하여 데이터를 받아오는 기능은 어렵지 않다. 아래의 ajax구조는 흔히 사용되는 기본구조이다. $.ajax({ url: 'test.json', type: 'get', success: (result) => { console.log(result); }, fail: (error) => { console.log(error); } }); 만약 이러한 ajax를 한번이 아니라 여러번 통해서 서버에서의 정보를 가져오는데, 순서를 보장받게 하려면 콜백 형식으로 코드를 만들던가 아니면 Promise를 사용한다. 콜백형식으로 만들면 코드가 너무 복잡하여...Promise를 사용하는 경우가 대부분이다. 아래의 코드는 프로미스를 활용한 코드이다. new Promise( (succ, fail)=>.. 2020. 4. 1.

티스토리툴바