this는 가리킬뿐. this는 객체 생성시, 함수 생성시 자동으로 생성되는 변수같은 놈이다.(그렇다고 변수는 또 아니다...) this는 객체를 "가리킬"뿐이다. (자.동.으로) [Javascript] 값을 저장하는 방식, pass by value vs. pass by reference 1. 값을 저장하는 방식 자바스크립트뿐만 아니라 대부분의 프로그래밍 언어들은 값을 변수에 저장하는 방식이 크게 2가지가 있다. 1. 어떤 값을 메모리 공간에 직접 넣고 변수를 할당하는 방법 2. 어떤 값을 저장.. artdev.tistory.com "가리키다" 라는것이 잘 이해가 되지 않는다면 이 글을 보고 이해하고 와야한다. (pass by reference 부분) this는 우리가 강제로 다른것을 할당할수는 없다. ..

자바스크립트에서 객체(object)를 만드는 방법은 크게 2가지 정도(세분화하면 3가지)가 있다. (더 있으면 댓글로 알려주세여...) 1. 리터럴로 객체 만들기 이 방법은 앞선 object(기본)포스팅에서 다룬적이 있으므로 넘어가겠다. [Javascript] Object(기본,리터럴) 객체(object)는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)와 메소드(method)라고 부름)의 집합이다. 1. 선언 curly bracket({})사이에.. artdev.tistory.com 2.1 객체 생성자로 객체 만들기 (function) - ES5 생성자로 객체를 만드는법은 객체지향 프록래밍을 이용하는법이라고 할 수 있겠다. clas..

클로저(Closure) : (공장,학교,병원 등의 영구적인) 폐쇄(되는 상황) - naver 사전 자바스크립트에서 가장 어려운 개념을 말하라면 아마 클로저를 말할것같다. 클로저를 이야기하기 전에, 자바스크립트의 함수는 변수에 저장이 가능하다는것, (함수의 주소값을 가진다는것) 변수의 스코프와 스코프 적용규칙을 알고있다는것 (let, const, var 들의 스코프) 이 2가지만 알고 있으면 그리 어렵지 않다. [Javascript] 변수가 살아가는곳, scope 사람도 사는 반경이 있듯 프로그래밍언어에서 변수는 그 삶의 범위가 있다. scope: the range of subject covered by a book, programme, discussion, etc. 프로그래밍에서의 스코프의 의미는 변수를..

사람도 사는 반경이 있듯 프로그래밍언어에서 변수는 그 삶의 범위가 있다. scope: the range of subject covered by a book, programme, discussion, etc. 프로그래밍에서의 스코프의 의미는 변수를 쓸수있는(사용할수있는) 범위를 말한다. 범위 -> 정해져 있는 range(구간) 이라고 생각하면 편하다. 어디에 변수를 선언하는지에 따라서 변수를 쓸수 있는지 없는지 정해져 버린다. 변수를 선언하는 방법은 이전 포스팅에서 설명을 하였으니 이 부분은 넘어가겠다. [Javascript] 변수와 값(타입) 1.변수 프로그래밍에 있어서 변수는 숫자, 문자와 같은 값들을 저장하는 공간을 의미한다. 선언 프로그래밍 언어는 변수를 선언하지 않으면 표현할수가 없다. 변수의 선..

자바스크립트에서 함수를 선언하는 방법은 2가지가 있다. 1. 함수 선언문 function myFunc(){ // do something... } 2. 함수 표현식 const myFunc2 = function(){ // do something... }; 두 가지 표현 모두 다 호출하는 방식은 동일하다. myFunc(); myFunc2(); 두 선언방식의 차이점 함수 선언문은 이른바 호이스팅(hoisting)이라는 자바스크립트의 고유한 특성에 영향을 받는다. 호이스팅? hoisting : 끌어 올리기; 들어올려 나르기. (네이버 영어사전) 호이스팅은 무언가를 끌어 올린다는 뜻이다. 자바스크립트에서 코드가 실행될때 의미상 특정 코드가 위로 끌어 올려지게 된다. 호이스팅을 변수 및 함수 선언이 물리적으로 작성한..

1. 값을 저장하는 방식 자바스크립트뿐만 아니라 대부분의 프로그래밍 언어들은 값을 변수에 저장하는 방식이 크게 2가지가 있다. 1. 어떤 값을 메모리 공간에 직접 넣고 변수를 할당하는 방법 2. 어떤 값을 저장한 메모리의 주소를 변수에 넣는방법 이렇게 2가지가 있다. 1번의 경우를 그림으로 생각하면, 2번의 경우를 그림으로 생각하면, 보통 2번의경우는 객체를 저장할 경우 이런방식으로 값을 할당하는데, 객체는 이른바 힙(heap)이라는 메모리 공간에 할당되어 진다. 7. Memory : Stack vs Heap gribblelab.org 제일 아래쪽 when to use the Heap? 을 읽어보면 좋다. 1번의경우도 물론 주소가 있지만 사용하지는 않는다. 변수에 값을 직접 할당하는 경우( 1번 )는 일..

배열의 순회 메서드는 인자(argument)로 함수(callbackFunction)를 받는다. 함수를 받은 배열은 자신의 길이(length)를 확인한후 그 길이만큼 배열요소에 접근하여 함수(callback)를 실행시킨다. 즉, 내가 함수를 호출하는게 아니라 배열의 순회 메서드가 함수를 호출한다. 호출자가 누구인지 명확히 알아야 이해가 잘될것이다. 대표적인 배열의 순회 메서드 몇개를 가지고 예제를 보면 이해가 될것이다. 1. Array.forEach() element로 number type 5개를 가진 배열이 있다. let arr = [1,2,3,4,5]; function callback(element){ console.log(element); } arr.forEach(callback); 이 배열에서 fo..

배열은 객체의 한 종류다. 따라서 배열은 프로퍼티(property)과 메서드(method)를 가지고 있다. 배열이 가지고 있는 메서드는 대부분이 배열 내부의 요소(element)를 조작하는 기능을 가지고 있다. 그 내부가 궁금하다.. 자바스크립트가 가진 함수중에 console.dir() 이라는 함수가 있다. 이 함수는 Console.dir() The Console method dir() displays an interactive list of the properties of the specified JavaScript object. developer.mozilla.org object 내부의 프로퍼티를 보여주는 함수다. 사용을 해보면, 내부에 수많은 매서드들이 있는것을 알수가 있다. 배열 메서드는 그 대부..

객체(object)는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)와 메소드(method)라고 부름)의 집합이다. 1. 선언 curly bracket({})사이에 데이터들의 집합(프로퍼티와 메소드) 를 작성해주면 된다. (리터럴(literal)로 선언한다고 한다.) 2. 작성 사용은 괄호안에 key값과 value값의 pair로 작성을 해주면 사용할수가 있다. obj = { name : "lee", age : 20, city : ["seoul","busan"], isMarried : false, greeting : function(){ console.log("hello!"); } } // name, age, city, isMarrie..

프로그래밍을 처음 배우면서, 나는 함수를 배울때 이 용어가 가장 햇갈렸다. 배울때는 같은말이라고 배웠지만, 엄밀히 말해서 같은말일까? function myFunction(input){ // input is parameter let something = input + 10; return something; } myFunction(10) // 10 is argument 매개변수(parameter)는 말 그대로 외부에서 받는값에 대한 전달자이다. 전달 받은 값으로 함수블럭 내부에서 작성된 코드를 진행하게 된다. 인자(argument)는 외부값 그 자체를 말한다. 얼핏보면 같은 의미로 볼수 있겠지만 필자는 용어의 구분을 좀 할 필요가 있을것 같아서 포스팅을 작성해 본다. 함수의 입장에서볼것이냐 , 아니면 호출자..