'javascript'에 해당되는 글 14건

  1. 2017.09.13 더미 데이타 만들기
  2. 2017.08.18 tableToExcel
  3. 2017.03.12 promise
  4. 2012.02.29 json data roop
  5. 2012.02.17 DOM
  6. 2012.02.07 var 키워드와 영역
  7. 2011.11.25 함수는 개체의 속성으로 사용가능
  8. 2011.11.25 배열에 함수를 담아서 사용가능
  9. 2011.11.25 클래스 생성
  10. 2011.11.25 Call by value, Call by reference
  11. 2011.11.25 객체 생성
  12. 2011.11.25 null과 undefined
  13. 2011.11.25 배열생성 및 인덱스
  14. 2011.11.25 === 연산자와 !== 연산자

var DummyDB = (function(){

var DummyDB = {};

var storage = [];

var count = 1;


DummyDB.get = function(id){

if(id){

id = (typeof id == 'string') ? Number(id):id;


for(var i in storage) if (storage[i].id == id){

return storage[i];

}

}

else{

return storage;

}

};


DummyDB.insert = function(data){

data.id = count++;

storage.push(data);

return data;

};


DummyDB.remove = function(id){

//변수 가공

id = (typeof id == 'string') ? Number(id) : id;


for(var i in storage) if (storage[i].id == id){

storage.splice(i, 1);


return true;

}


return false;

};


return DummyDB;

})();

저작자 표시
신고

'javascript' 카테고리의 다른 글

더미 데이타 만들기  (0) 2017.09.13
tableToExcel  (0) 2017.08.18
promise  (0) 2017.03.12
json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
Posted by 시크유

댓글을 달아 주세요

tableToExcel

javascript 2017.08.18 09:15 |

function tableToExcel(table, fileName, sheet){

 var uri = 'data:application/vnd.ms-excel;base64,'

   , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table border=1>{table}</table></body></html>'

   , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }

   , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }

   

var ctx = {worksheet: sheet || 'Worksheet', table: $("#" + table).html()}

  var link = document.createElement("a");

  link.download = fileName + ".xls";

  link.href = uri + base64(format(template, ctx));

  link.click();

}

저작자 표시
신고

'javascript' 카테고리의 다른 글

더미 데이타 만들기  (0) 2017.09.13
tableToExcel  (0) 2017.08.18
promise  (0) 2017.03.12
json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
Posted by 시크유

댓글을 달아 주세요

promise

javascript 2017.03.12 15:16 |

http://programmingsummaries.tistory.com/325

저작자 표시
신고

'javascript' 카테고리의 다른 글

더미 데이타 만들기  (0) 2017.09.13
tableToExcel  (0) 2017.08.18
promise  (0) 2017.03.12
json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
Posted by 시크유

댓글을 달아 주세요

json data roop

javascript 2012.02.29 11:15 |
  1. var prop, obj = { name: "Joe", job: "Coder", age: 25 };  
  2.   
  3. for (var prop in obj) {  
  4.   console.log(prop + ": " + obj[prop]);  
  5. }  
신고

'javascript' 카테고리의 다른 글

tableToExcel  (0) 2017.08.18
promise  (0) 2017.03.12
json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
함수는 개체의 속성으로 사용가능  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

DOM

javascript 2012.02.17 14:49 |


신고

'javascript' 카테고리의 다른 글

promise  (0) 2017.03.12
json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
함수는 개체의 속성으로 사용가능  (0) 2011.11.25
배열에 함수를 담아서 사용가능  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

var 키워드와 영역

javascript 2012.02.07 20:51 |

var 키워드와 영역(scope)

  • 함수 내에서 var 키워드로 변수를 선언하면 함수내 영역에 종속된다.
  • 함수 내에서 var 키워드 없이 변수를 선언하면 전역 영역에 종속된다.
  • 함수 밖 전역 영역에서는 var 키워드 사용 유무에 관계 없이 무조건 전역 영역에 종속된다.
  • undefined : 변수를 선언해 놓고서, 값을 지정하지 않은 상태
신고

'javascript' 카테고리의 다른 글

json data roop  (0) 2012.02.29
DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
함수는 개체의 속성으로 사용가능  (0) 2011.11.25
배열에 함수를 담아서 사용가능  (0) 2011.11.25
클래스 생성  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

var obj = {"aaa" : function(){return "AAA";}};

alert(obj.aaa);

 
신고

'javascript' 카테고리의 다른 글

DOM  (0) 2012.02.17
var 키워드와 영역  (0) 2012.02.07
함수는 개체의 속성으로 사용가능  (0) 2011.11.25
배열에 함수를 담아서 사용가능  (0) 2011.11.25
클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

var arr = [];
arr[0] = function(x){return x * x;};

alert(arr[0](2));    // 2 * 2 = 4 
신고

'javascript' 카테고리의 다른 글

var 키워드와 영역  (0) 2012.02.07
함수는 개체의 속성으로 사용가능  (0) 2011.11.25
배열에 함수를 담아서 사용가능  (0) 2011.11.25
클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

클래스 생성

javascript 2011.11.25 17:01 |
//Person Class
function Person(name,salary)
{
   this.name = name;
   this.salary = salary;

   var printf = function(msg)
   {
      document.write(msg + "<br/>");
   }

   this.payCheck = function(){
      var monthly = this.salary / 12;
       printf ("이름 : " + this.name + ", 월급 : " + monthly);
   }


//클래스의 인스턴스 생성
var p1 = new Person();
p1.name = "홍길동";
p1.salary = 3600;
p1.payCheck(); 

var p2 = new Person("백두산", 4800);
p2.payCheck(); 
신고

'javascript' 카테고리의 다른 글

함수는 개체의 속성으로 사용가능  (0) 2011.11.25
배열에 함수를 담아서 사용가능  (0) 2011.11.25
클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

        // 기본 타입 : Call by value(값 전달)
        var hi = "안녕하세요."; // 문자열, 숫자, ...
        // 객체 타입 : Call by reference(참조 전달)
        var obj = { name:"박용준" };

        // 거꾸로 함수
        function reverseFunc(str) {
            str = str.split('').reverse().join('');
            return str;
        }
        function reverseFuncObject(obj) {
            obj.name = reverseFunc(obj.name);
            return obj;
        }

        // 페이지 로드 이벤트 잡기
        window.onload = function () {
            print(reverseFunc(hi)); // .요세하녕안 
            print(hi); // 안녕하세요.

            print(reverseFuncObject(obj).name); // 준용박
            print(obj.name); // ?
        };
신고

'javascript' 카테고리의 다른 글

배열에 함수를 담아서 사용가능  (0) 2011.11.25
클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
배열생성 및 인덱스  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

객체 생성

javascript 2011.11.25 16:32 |
        // 출력 함수
        function print(msg) {
            document.write(msg + "<br />");
        }
 
        // 개체 생성 : empty object
        var o1 = {};
        o1.x = 10; // 새로운 속성인 x가 추가
        o1.y = "안녕"; // y 속성 추가

 
        // 개체 생성 2 : Object()
        var o2 = new Object();
        o2.z = "박용준";


        // 개체 생성 3 : object literal
        var na = { name: "박용준", age: 21 };
        print(na.name + ", " + na.age);
 
        // 중첩된 속성 : nested object
        var my = { name: "박용준", address: { num: 1, street: "원창로"} };


        // toString() 함수 : 모든 객체(Object)는 toString() 함수를 갖는다. -> 객체를 문자열로 변환
        print([10, 20, 30].toString());
        print(true.toString()); // true -> "true" : 성질 자체가 문자열로 바뀜
        print(print.toString()); // 함수 자체를 문자열로 출력
        print(/\d/.toString()); // 정규식 자체를 문자열로 출력
 
        // toString() 함수 재정의(override)
        print(na); // [object Object]
        na.toString = function () {
            return "이름 : " + this.name + ", 나이 : " + this.age;
        };
 
        print(na); // "이름 : 박용준, 나이 : 21"
        print(na.toString());
신고

'javascript' 카테고리의 다른 글

클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
배열생성 및 인덱스  (0) 2011.11.25
=== 연산자와 !== 연산자  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

null과 undefined

javascript 2011.11.25 16:17 |
        // 출력 전담 함수
        function print(msg) {
            document.write(msg + "<br />");
        }
        //[1] null : 아무것도 없다는 것을 의미
        var nullValue = null;
        if (!nullValue) {
            print("null은 조건절에서 false로 취급");
        }
        //[2] 값을 할당
        var hasValue = "아무거나";
        if (hasValue) {
            print("값이 들어있는 변수는 true로 취급");
        }
        hasValue = 0;
        if (!hasValue) {
            print("변수에 할당된 값이 0이면 false로 취급");
        }
        //[3] undefined : 변수의 값이 아무것도 없음
        var notValue;
        if (!notValue) {
            print("할당되지 않은 변수는 false로 취급 : " + notValue);
        }
        var obj = { name: "홍길동" };
        print(obj.name + ", " + obj.age); 
신고

'javascript' 카테고리의 다른 글

클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
배열생성 및 인덱스  (0) 2011.11.25
=== 연산자와 !== 연산자  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

        //[1] 배열의 인덱스는 문자열이다.
        var arr1 = [10, 20, 30];
        document.write(arr1[2] + "<br />"); // 30
        document.write(arr1["2"] + "<br />"); // 30
        for (var i in arr1) {
            document.write(i + ", " + typeof i + "<br />");
        }
        
        //[0] 빈 배열 생성
        var arr2 = new Array();
        var arr3 = [];

        //[2] 배열의 인덱스는 마이너스 인덱스 사용 가능
        for (var i = -10; i < 10; i++) {
            arr2[i] = i; // -10~9 : length => 10
        }
        document.write(arr2.length + "<br />"); // 0~9 : 10
        for (var i = -10; i < arr2.length; i++) {
            document.write(arr2[i] + "<br />");
        }
        //[3] 띄어진 인덱스 사용 가능
        arr3[3] = "333";
        arr3[5] = "555";
        arr3[7] = "777";
        document.write("<hr />" + arr3.length + "<br />"); // 8
신고

'javascript' 카테고리의 다른 글

클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
배열생성 및 인덱스  (0) 2011.11.25
=== 연산자와 !== 연산자  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요

<head>
    <title>=== 연산자와 !== 연산자</title>
    <script type="text/javascript">
        var str = "";
        
        document.write(str == 0); // true => 관대하게 비교
        document.write(str === 0); // false => 정확한 타입 비교
   
        document.write("<hr />");
   
        document.write(str != 0); // false
        document.write(str !== 0); // true

        document.write("<hr />");

        document.write(null == undefined); // true
        document.write(null === undefined); // false

    </script>
</head>
<body>
    <div>
        == 연산자 보다는 === 연산자를 사용하자
    </div>
</body>
신고

'javascript' 카테고리의 다른 글

클래스 생성  (0) 2011.11.25
Call by value, Call by reference  (0) 2011.11.25
객체 생성  (0) 2011.11.25
null과 undefined  (0) 2011.11.25
배열생성 및 인덱스  (0) 2011.11.25
=== 연산자와 !== 연산자  (0) 2011.11.25
Posted by 시크유

댓글을 달아 주세요