개발기록

클로저란? 내부함수가 외부함수의 맥락에 접근할 수 있는것을 말한다. function outter(){ var title = 'coding everybody'; //외부함수의 지역변수 function inner(){//내부함수 alert(title); } inner(); } outter(); 클로저는 외부함수가 종료되어도 외부함수 변수에 접근할 수 있다. function outter(){ var title = 'coding everybody'; return function(){ //리턴을 하면 외부함수가 종료되나, 내부함수에서 종료된 외부함수에 접근이 가능하다. alert(title); } } inner = outter(); inner(); Private variabel : 소프트웨어가 커지는 과정에서 정..

값으로서의 함수 자바스크립트에서는 함수는 객체다. 다시말해 일종의 값이다(객체=값) 값의 특징 = 변수에 담을 수 있다. ex) var a = 'value' 함수는 값이기 때문에 함수는 객체안에 저장될 수 있다. a = { b:function(){//b(key)가 값을 담고 있기 때문에 변수의 역할을 하고있음/속성이 담고있는 값의 정의(객체안에 담겨있는 함수) = 메서드 } } 함수는 값이기 때문에 인자로 전달 가능 function cal(func,num){ return func(num) } function increase(num){ return num+1 } function decrease(num){ return num-1 } console.log(increase,1);//2 console.log(de..

자바스크립트의 함수=모듈화 유효범위(스코프)는 변수의 수명을 의미 var vscope = 'global'; //전역변수 function fscope(){ var vscrope = 'local'; //지역변수 alert(vscope); //fscope안에 vscope을 다시 정의했기 때문에 local이 경고창에 뜸 } fscope(); ----------------------------------------------- var vscope ='global'; function fscope(){ var vscope = 'local'; var lv ='local variables'; alert(lv);//local variables가 경고창에 뜸 } fscope(); alert(lv);//undefined 뜸 ..

코드가 복잡해질수록 코드의 재활용성과 유지보수를 쉽게하는 방법이 중요하다 그중 하나가 코드를 여러개의 모듈로 분리하는 것이다. 이러한 기법을 모듈화라고 한다. -자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할수 있다. -코드 수정시에 필요한 로직을 빠르게 찾을 수 있다. -필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 순수한 자바스크립트에서는 모듈이라는 개념이 존재하지는 않으나, 호스트환경(node.js,브라우저)에 따라 모듈이 다르기때문에 호스트환경에 따라 모듈을 공부해야한다. 라이브러리 라이브러리는 모듈과 비슷한 개념이며, 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합을 의미한다. 모듈은 부품하나를 의미하는 거라면 라이브러리는 방대한 코드의 ..

배열과 객체의 차이점 둘다 데이터를 담아내는 그릇인점은 비슷하나, 배열은 index를 숫자로 지정되고, 객체의 index는 따로 지정이 가능함 연관배열(associative array),맵(map),딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당함. 배열은 저장된 데이터들이 순서를 가지고 있다. =>데이터를 가져올시 집어 넣었던 순서로 들어감 객체는 순서는 없고, key와 value를 갖고있다. 객체지향 프로그래밍 var grades = { 'list' :{'egoing':10,'k8805':8,'sorialgi':80}, 'show':function(){ for(var name in this.list){ console.log(name,this.list[name]); } console.log..

[함수] function 함수명([인자...[,인자]]){ 코드 return 반환값 //종료(return)전에 반환값 출력 } 함수명(); //함수 호출 함수의효용 반복문은 일정한 반복을 그자리에서 실행될때사용되나, 여러가지 맥락에서 반복적으로 실행해야 하는 경우(여러군데에서 호출할 경우 사용 가능) 유지보수가 용이하다 코드의 가독성이 높아진다. 함수의 입력(매개변수) function get_argument(매개변수){ return 매개변수*1000; //출력 } alert(get_argument(인자)); //입력 복수인자 function get_argument(매개변수1,매개변수2){ return 매개변수1+매개변수2; //출력 } alert(get_argument(인자1,인자2)); //입력 여러개..