Romantic Developer : )

안녕하세요~! 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 THIS 의 활용에 대해서 알아보고자 합니다. '이것' 이라고 번역되는 this 는 하나이지만 어느위치에서 어떻게 쓰이느냐에 따라서 다양한 값을 가질 수 있습니다. 그렇기 때문에 이 this 에 대한 정확한 개념을 인지하고 가야만 합니다. 지금부터 바로 this 에 대한 학습을 시작하도록 하겠습니다!!! 1. 함수 호출에서의 this ! 기본적으로 this가 갖고있는값을 이해하기위하여 아래의 예제를 먼저 실행해 보겠습니다. function func(){ if(window === this){ alert("window===this"); } } func(); 여기서 window 는 전역에 걸쳐 모든 변수와, 함수등을 속성으로 갖는 전역객..

안녕하세요~! 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 심화의 내용을 arguments 라는 것에 대해서 알아보고자 합니다.기본적으로 함수를 선언할 때에는 아래와 같은 형식으로 선언하게 됩니다. function = functionName( arg1, arg2, arg3 ... argN) 그러나 자바스크립트에서는 함수의 인자를 자유롭게 넣을 수 있도록 하는 자율성을 개발자에게 제공합니다.이러한 기능은 편리할수도 있지만 잘못하면 프로그램 전체에 알수없는 큰 오류를 만들어 낼 수도 있기 때문에 반드시 그 개념을 정확하게 이해해야만 합니다. 1. 합구하기 function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ document..

안녕하세요 ~ 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 심화 3번째 시간으로 클로저에 대하여 알아보고자 합니다. 클로저는 자바스크립트 고난이도 테크닉에 있어서 반드시 필요한 내용이라고 합니다!!! 어렵지만 정확한 개념을 잡고 가야합니다.!! 클로저는 내부함수가 외부함수의 맥락에 접근할 수 있음을 나타냅니다. 예를 통해 자세하게 알아보도록 하겠습니다. 1. 내부함수 내부함수와 외부함수의 개념에대해서 먼저 생각해보도록 하겠습니다. 아래의 예제를 보며 내부함수의 개념에 대해서 생각해보겠습니다. function outter(){ function inner(){ var title = 'coding'; alert(title); } inner(); } outter(); 위의 간단한 예제를 보시면, 위의..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 함수가 동작하는 원리를 조금더 심화해서 알아보고자합니다. 자바스크립트에서의 함수는 다른 언어와 조금 다르게 값으로의 성질을 가지고 있습니다. 그렇기 때문에 다양한 형태로 사용이 가능합니다. 함수의 심화학습! 값으로써의 함수 ! 바로 시작하겠습니다. 1.인자로써의 함수(콜백) 함수는 값과 같은 역할을 하기 때문에 다른 함수의 인자로 전달될 수 있습니다.아래의 예제를 한번 보시겠습니다. function cal(func, num){ return func(num) } function increase(num){ return num+1 } function decrease(num){ return num-1 } alert(cal(increase,1));..