FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 객체생성 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있습니다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부릅니다. var person = {} person.name = 'test'; person.introduce = function(){ return 'My name is '+this.name; } console.log(person.introduce()); 첫번째 행에서는 person 이라는 빈 객체를 만든것입니다. 두번째 행에서는 person 객체에 name 이라는 속성에 'test' 라는 값을 담은 것입니다. 세번째 행은 person 객체에 introduce 라는 속성을..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 객체 지향 프로그래밍 객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍, 패러다 임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것입니다. 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있습니다. 즉 객체지향 프로그래밍은 객체를 만드는것입니다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것 이라고 말할수 있습니다. - 문법과 설계 객체지향 프로그래밍 교육은 크게 두 가지로 구분됩니다. - 문법 하나는 객체지향을 편하게 할 수 있도록 언어가 제공하는 기능을 익히는 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 아래의 예제는 우리가 평소에 알고있는 함수의 형식입니다. function func(){ } func(); 하지만 자바스크립트는 함수를 호출할때 특별한 방법을 제공합니다. 함수는 객체로 취급하고 func는 Function 이라는 객체의 인스턴스 입니다. 즉 func는 객체 Function이 가지고 있는 메소드들을 상속하고 있습니다. 이번글에선 Function.apply을 알아보겠습니다. - apply function sum(arg1, arg2){ return arg1+arg2; } console.log(sum(1,2)); console.log(sum.apply(null, [1,2])); 함수 sum은 Function 객체의 인스턴..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - arguments 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있습니다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있습니다. arguments는 함수안에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 일종의 배열입니다. 예제로 살펴보도록 하겠습니다. function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ console.log(i+' : '+arguments[i]); _sum += arguments[i]; } return _sum; } console.log('result : ' + sum(1,2,3,4)); 함수 sum은 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 슬슬 강의가 어려워집니다.. 클로저 이해하느라 2시간걸렸다.. - 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있습니다. function outter(){ function inner(){ var title = 'test'; console.log(title); } inner(); } outter(); 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있습니다. 여기서 함수 inner를 내부 함수라고 합니다. 내부함수는 외부함수의 지역변수에 접근할 수 있습니다. function outter(){ var title = 'test'; function inner(){ console.log(title..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 콜백 함수 값으로 사용될 수 있는 함수의 특성을 이용하면 함수의 인자로 함수를 전달할 수 있습니다. 값으로 전달된 함수는 호출될 수 있기 때문에 이를 이용하면 함수의 동작을 완전히 바꿀 수 있습니다. 이때 값으로 전달된 함수를 콜백 함수라고 합니다. 콜백함수는 처리를 위임받는 함수라고 할 수 있습니다. function sortNumber(a,b){ // 위의 예제와 비교해서 a와 b의 순서를 바꾸면 정렬순서가 반대가 된다. return b-a; } var numbers = [20, 10, 9,8,7,6,5,4,3,2,1]; console.log(numbers.sort(sortNumber)); // array, [20,10,9..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 전역변수 유효범위(Scope)는 변수의 수명을 의미하고있습니다. var vscope = 'global'; function fscope(){ console.log(vscope); } fscope(); 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 됩니다. 전역변수는 애플리케이션 전역에서 접근이 가능한 변수입니다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있는 것입니다. 때문에 함수 fscope 내에서 vscope를 호출 했을 때 함수 밖에서 선언된 vscope의 값 global이 반환된 것입니다. 아래 예제를 보자. 결과는 '함수안 local'과 '함수밖 global'이 출력된다. - 지역변수 var vsco..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 정규표현식(Regular Expression)이란? 정규표현식은 문자열에서 특정한 문자를 찾아내주는 도구입니다. 이 도구를 사용하여 수십줄이 필요한 작업을 한줄로 끝낼 수 있습니다. 정규표현식은 하나의 언어라고 볼수있습니다. 해당포스팅에서는 JS에서 정규표현식을 어떻게 다루는지를 작성한 포스팅입니다. 아래의 링크에서 정규표현식에대해 자세히 알 수있습니다. opentutorials.org/course/909 정규 표현식이란? - 생활코딩 정규표현식 정규표현식(正規表現式, Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리 할 수 있도록..