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

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

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


Javascript74

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 파일을 binary문자열로 전송한 뒤 변환하여 서버에 저장하기 브라우저에서 파일을 binary데이터로 변환하여 문자로 변환한 뒤에 json형식으로 전송한 뒤에 서버에서 파일로 다시 변환하는 특이한(?) 경우가 있었습니다. 브라우저에서 일반적인 json형식의 크기와 사이즈는 검색하면 바로 확인하여 볼 수 있습니다. json형식으로 파일을 보내려다 보니 용량제한에 좀 민감하여 신경을 썼던 것 같습니다. Jquery를 활용하여 먼저 파일을 전송하는 기능을 만들어 주었습니다. 먼저 아래는 단순한 html 파일 형식입니다. 다음으로 실제 전송하는 sendTest함수 입니다. input type file 같은 경우에는 보안상 다양한 정보가 존재하지 않습니다. 그리하여 Javascript에서 제공하는 FileReader를 활용하였습니다. function sendTest(){ v.. 2020. 9. 18.
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.
Javascript firebase fire-store 연동, 자바스크립트 파이어베이스 fire-store 연동 자바스크립트에서 파이어베이스를 연동하는 방법입니다. 파이어베이스에는 일반적으로 2가지 형태의 데이터베이스가 존재합니다. 1. fire-store 2. real-time 리얼타임 데이터베이스(realtime database)가 가장 먼저 서비스가 시작되었으며 이어서 파이어스토어(cloud firestore) 형테의 데이터베이스가 나중에 등장 하였습니다. 여기서 소개할 내용은 파이어스토어(firestore)를 활용한 데이터베이스 관리 방법 입니다. 개발환경으로는 node.js 기반으로 구성되어있습니다. 프론트에서 사용하실 예정이시면 웹팩이나 파셀등을 활용하여서 사용하시면 될 것 같습니다. ^^ * 데이터 형태에 대한 기본 설명 입니다! 파이어베이스 파이어스토어(firestore)는 컬렉션 - 도큐먼트 단위로.. 2020. 5. 18.

티스토리툴바