Romantic Developer : )

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

안녕하십니까 영감을 주는 개발자 방민방민입니다. 이전의 자바스크립트 기초문법을 통해 객체를 생성하는 방법에 대해서는 선행학습을 하였습니다.이번시간에는 그러한 객체를 생성자를 통해 자유롭게 생성하는 방법에 대해 알아보고자 합니다. 먼저 아래의 코드를 살펴보겠습니다. var o1= { name : 'Bangmin', introduce : function(){ return 'My name is ' + this.name; } } var o2={ name : 'Minseok', introduce : function(){ return 'My name is ' + this.name; } } alert(o1.introduce()); alert(o2.introduce()); o1이라는 객체와 o2 라는 객체는 name ..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘 시간에는 자바스크립트에서 함수를 호출하는 색다를 방법에 대해서 다루어 보고자 합니다. 함수를 호출하는 기본적인 방법은 어렵지 않습니다. function functionName(arg1, ... argN) = { } 와 같이 선언된 함수는 단순하게 functionName(arg1, ... argN) 으로 호출해 주기만 하면 됩니다. 이는 가장 단순한 방법이지만 자바스크립트를 활용한 고급 프로그래밍 단계에서는 함수를 호출하는 다양한 방법을 알아 둘 필요가 있습니다 . 1.기본 함수 호출 자바스크립트에서의 함수도 기본적으로 객체의 성질을 갖습니다. 객체의 성질을 가지고 있다는 것은 그 내부에 있는 메소를 사용할 수 있다는 것을 말합니다. 예를들어 sum 이라..

안녕하세요~! 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 심화의 내용을 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));..

안녕하세요 , 영감을 주는 개발자 방민방민입니다. 앞선 자바스크립트 기초문법 및 실습을 통해서 자바스크립트에 가장 기초적인 문법들을 살펴보았습니다. 이제부터는 자바스크립트에서 조금 심화된 내용으로 들어가서 자바스크립트에 대한 이야기를 해보고자 합니다. 본 스크립트는 생활코딩의 javascript 강의를 토대로 작성되었습니다. 1. 유효범위 유효범위는 변수의 수명을 의미합니다. var vscope = 'global'; function fscope(){ var vscope = 'local'; alert(vscope); } fscope(); 위의 코드는 아래와 같은 결과를 알람으로 출력합니다. 그 이유는 함수 내부에서 선언된 vscope(local) 가 함수밖에서 선언된 vscope(global) 에서 우선순..

ㅁ안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 객체에 대해서 실습을 해보고자 합니다. 본 포스팅은 코드카데미 자바스크립트 코스의 "Contack List" 를 바탕으로 쓰였습니다.(참조:https://www.codecademy.com/en/tracks/javascript) 그럼 바로 시작하겠습니다! 1.Object 생성 friends 라는 오브젝트 내부에 June , Bill, Steve 라는 오브젝트를 생성합니다. var friends = { june: { }, bill:{ }, steve:{ } }; 그리고 각각의 june, bill, Steve 가 firstName, lastName, number, array 값으로 address 를 갖도록 하고 각각의 값을 아래와 같이 초..