JavaScript 검색 결과

해당 글 163건

참조란 무엇인가?

참조란? 복제 var a = 1; // 원시 데이터타입이 담겨있을 경우(String,Number,Boolean,null,undefined) var b = a; b = 2; console.log(a); // 1 결과는 당연하다. 값을 변경한 것은 변수 b이기 때문에 변수 a에 담겨있는 값은 그대로입니다. 변수 b의 값에 변수 a의 값이 복제된 것입니다. 다시 말해서, 1을 카피하여 또 다른 별도의 데이터 1을 b 가 가지고 있는 것입니다. 참조와 변수 var a = {'id':1}; // 원시 데이터 타입이 아닌 것들은 다르게 동작한다. var b = a; b.id = 2; console.log(a.id); // 2 놀라운 차이점이 있습니다. 변수 b에 담긴 객체의 id 값을 2로 변경했을 뿐인데 a.id..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:14

값 타입의 데이터와 참조 타입의 데이터 & 프로그램 실행단계

값 타입과 참조타입 그리고 자바스크립트 프로그램 실행 단계 이 포스팅에서는 데이터 타입에서 값 타입과 참조 타입 그리고 자바스크립트 프로그램 실행 단계에 대해 알아보는 시간을 가져보도록 합니다. 값 타입의 데이터와 참조 타입의 데이터 변수에 데이터를 할당하는 것은 나중에 그 값을 다시 사용하기 위해서입니다. 변수 공간에 할당된 값을 다시 프로그램 코드에서 사용하게 되는 과정을 알아봅니다. javascript a.num = 3; b = "3"; c = a.num + b; 프로그램을 실행하다가 c = a.num + b; 문장을 만났다고 해 봅시다. 자바스크립트는 우선 + 연산에 사용되는 좌우측 피연산자의 최종 값을 찾아가게 될 것입니다. a.num 의 값을 찾아가보면 "." 연산자 때문에 a가 가지고 있는 ..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:09

Object 객체 정의 - 객체 리터럴 및 사용자 정의 객체

Object 객체 정의하기 이번에 살펴볼 객체 리터럴(object literal)을 사용해 객체를 생성하는 방법은 Object 객체의 구조를 정의하고 생성하는 구문을 하나로 합칠 수 있어서 new와 Object 생성자를 이용해 객체를 생성하고 필요한구조를 만들어가는 과정을 좀 더 간소화할 수 있습니다. 그래서 코드가 간결해지고 가독성(readability)이 높이집니다. 객체 리터럴 이제 객체 리터럴을 이용해 객체를 만드는 방법을 알아보겠습니다. 다음의 방법은 표현의 간결함 때문에 객체 생성 구문으로 많이 사용됩니다. javascript var obj = { name: 'jaehee', // 멤버명을 'name' 처럼 인용부호로 감싸는 것도 가능 age : 10, increaseAge : function..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:09

Object와 Object()와의 차이점

Object Vs Object() Object와 Objcet()의 차이점을 알아보기에 앞서 다음 내용을 먼저 숙지해 봅니다. Object()는 new Object()와 같이 인스턴스를 생성하여 반환한다. 그래서 new Object()와 파라미터를 지정하는 방법, 형태, 인스턴스 반환이 모두 같다. 다만 new 연산자를 사용하지 않을 뿐이다. 그렇다면 Object와 Object()의 차이점은 무엇일까? 아래 코드를 살펴보자. // 빌트인 Object 객체를 obj1에 할당 var obj1 = Object; console.dir(obj1); // Object()로 새로운 Object를 생성하여 obj2에 할당 var obj2 = Object(); console.dir(obj2); 둘의 차이점은 ()호출 유무..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:08

객체란 무엇인가?

Object 자바스크립트의 거의 모든 것은 객체이다. 이는 기본 데이터타입인 boolean, number, string 그리고 특별한 값인 undefined, null을 제외한 나머지는 모두 객체이기 때문이다. 하지만 boolean, number, string 인 기본 데이터타입은 모두 객체처럼 다룰 수도 있다. 그렇기 때문에 자바스크립트는 null과 undefined를 제외한 모든 것을 객체로 다룰 수 있다. 객체(Object)란 단지 이름이 지정된 프로퍼티(property)의 모음이며, 키(key) : 값(value)의 쌍으로 이루어진 목록이다. 자바스크립트에서 기본 데이터타입은 하나의 값만을 가지는 데 비해, 참조 타입인 객체는 여러 개의 프로퍼티를 포함할 수 있다. 여기서 참조 타입이라 함은 객체..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:06

객체 지향 프로그래밍(OOP)

OOP(Object Oriented Programing) 자바스크립트를 좀더 편리하게 사용하기 위한 라이브러리를 만들때는 하나의 이름으로 여러가지 기능들을 구조화하여 사용해야 하는데 이런 기능을 구현하기 위한 것이 OOP기능이다. 예를 들어 자바스크립트 라이브러리인 jQuery도 jQuery라는 하나의 이름으로 여러가지 기능들을 구조화하여 만들어진 것이다. 자바스크립트 객체는 사전/콜렉션 형태이다. 하나의 이름으로 여러개의 값을 담고 있는 형태이다. C++ / C# / Java => 객체는 클래스나 구조체의 인스턴스 자바스크립트객체는 단순히 이름/값 쌍의 콜렉션 "."(점) 연산자 또는 일반적으로 사전을 처리할 때 사용되는 "[]"(대괄호) 연산자를 사용하여 객체의 속성을 얻거나 설정할 수 있음. 사전은..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:06

변수 스코프, token, 메소드 시그니처, 예외란...

token 코드를 작성하다 보면 종종(?) 개발자도구 콘솔창에서 Uncaught SyntaxError: Unexpected token ; 이란 것을 보게 된다. 예측되지 않은 토큰이라... 이 문법 에러에서 토큰이란 영문의 사전적 의미인 화폐대용의 토큰,상품권,교환권을 뜻하는 것이 아니라 프로그래밍 언어에서 토큰은 더이상 나눌 수 없는 최소한의 단위를 말하며, 키워드나 변수이름(식별자), 지정어, 연산자, 숫자, 그리고 공백, 구두점, 여는괄호, 콜론, 세미콜론 등과 같은 특수 기호등을 일컫는다. 하여 코드를 작성하다가 이와 같은 문법에러를 본다면 해당 내용에 대한 문법 에러를 찾아보기 바란다. 메소드 시그니처 메소드의 이름과 메소드 호출에 필요한 인자들의 데이터 타입을 말한다. 흔히 메소드의 리턴 타입..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:05

데이터 타입변환(형 변환)

형 변환이란? 코드를 작성하다 보면 종종 문자를 숫자로 변환한다거나 숫자를 문자로 변환해야 하는 경우가 발생합니다. 이런 경우를 형변환(데이터 타입변환)이라고 합니다. 형 번환 종류 형변환에는 다음과 같이 두가지가 있습니다. 1. 암시적 형변환 - 자바스크립트 엔진이 필요해 의해 암시적으로 형(데이터타입)을 자동으로 변환시키는 것을 암시적 형변환이라고 합니다. 2. 명시적 형변환 - 개발자가 자바스크립트를 이용해서 직접 어떤 형으로 변환할 지를 명시해주는 것을 명시적 형변환이라고 합니다. 형변환 변경 주체 변경 방식 암시적 형변환 자바스크립트 엔진 자동(암시적) 명시적 형변환 개발자 수동(명시적) 암시적 형변환 암시적 형변환이란 앞선 내용에서와 같이 자바스크립트 엔진에 의해 자동으로 데이터 타입이 변환되..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:04

변수 스코프 알아보기

변수 스코프 함수를 정의하고 있는 내부 코드에서 접근할 수 없는 곳에 있는 변수에 접근하거나 접근할 수 있는 영역 내에서 해당 변수가 없으면 에러가 발생합니다. 함수를 정의하는 개발자는 자신이 정의한 함수에서 어떤 변수에 접근할 수 있는지 이해하고 있어야 합니다. 이 글에서는 자바스크립트의 변수 스코프에 대해 알아봅니다. 자바스크립트에서 변수를 관리하는 매커니즘은 일반 언어에 비해 특징적인 부분 중 하나입니다. 자바스크립트의 변수 관리를 잘 이해하면 자바스크립트에서 혼란스럽거나 예민한 부분을 이해할 수 있습니다. 변수 관리 메커니즘과 관련된 개념은 변수 스코프 체인, 클로저, 함수 또는 객체를 생성하는 클로저, 모듈 패턴, jQuery 코드 구조 등이 있는데, 만약 변수 관리 방법을 이해하지 못하면 이러..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:04

javascript for in 문

for in 문 for in 문은 객체의 프로퍼티명을 열거하는 반복문입니다. for in 문은 다음과 같은 구문을 사용합니다. // for in 문의 문법 for (변수 in 객체식) { // 문장 } in 의 왼쪽에는 대입할 곳으로 사용할 수 있는 식을 사용합니다. 문법상으로는 좌변값을 씁니다. 좌변값이란 대입식의 좌변에 쓸 수 있는 값을 말하는데, 변수명을 쓴다고 생각하면 충분합니다. for 문과 같이 for in 문 안에서 변수 선언도 할 수 있습니다.(스코프가 for in 문으로 끝나지 않은 점도 같습니다. 다음부터는 이 변수를 루프변수라고 명명하겠습니다. in의 우측에는 객체 타입인 식을 사용합니다. 이미 아실 수 있겠지만 자바스크립트에는 암묵적 형변환이 있고, 어떤 값이라도 객체 타입으로 형변..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:03

반복문(for문, while문, do-while문)

반복문(for문, while문, do-while문) 및 break문, continue문 반복문은 어떤 작업(코드들)이 반복적으로 실행되도록 할 때 사용되며, 반복문의 종류로는 for문, while문, do-while문이 있습니다. for문, while문은 서로 변환이 가능하기 때문에 반복문을 작성할 때 어느 쪽을 선택해도 좋지만, for문은 반복 횟수를 알고 있을 때 주로 사용하고 while문은 조건에 따라 반복할 때 주로 사용합니다. while문과 do-while문의 차이점은 조건을 먼저 검사하느냐 나중에 검사하느냐일 뿐 동작 방식은 동일합니다. for문 반복횟수를 알고 있을 때 주로 사용한다. for문의 작성형식과 실행흐름은 아래 그림을 참조 var sum = 0; for(var i = 0; i
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:02

JavaScript vs JAVA

자바스크립트와 자바 자바스크립트란 무엇인가? JavaScript는 크로스-플랫폼, 객체지향 스크립트 언어입니다. 작고 가벼운 언어입니다. 호스트 환경(가령, 웹 브라우저) 내에서, JavaScript는 프로그램 제어를 제공하기 위해 그 환경의 객체에 연결될 수 있습니다. JavaScript는 Array, Date, Math와 같은 객체에 대한 표준 라이브러리와 연산자(operator), 제어 구조, 문과 같은 언어 요소의 코어 집합을 포함합니다. 코어 JavaScript는 거기에 추가 객체를 보충하여 다양한 목적으로 확장될 수 있습니다. 예를 들면 :클라이언트 측 JavaScript는 브라우저와 문서 객체 모델(DOM) 을 제어하는 객체를 제공하여 코어 언어를 확장합니다. 예를 들어, 클라이언트 측 확장..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:02

원시값은 기본타입으로 객체가 아니다

원시(기본타입)값은 객체가 아니다. 기본타입인 원시값 null, undefined, "string", 10, true, false 는 객체가 아닙니다. null 과 undefined 값은 값을 만들기 위해 생성자 함수도 필요없으며, new 연산자도 필요하지 않습니다. 마치 연산자를 사용하듯 그냥 사용하면 된다는 의미입니다. 나머지 문자열, 숫자, 불리언인 원시값은 기술적(내부적)으로 생성자 함수에서 반환되지만 객체는 아닙니다. 다음은 원시값과 자바스크립트 네이티브 객체를 비교하는 코드입니다. javascript // "new" 키워드를 사용하지 않고, 원시값을 만들면 객체가 만들어지지 않습니다. var str1 = "foo"; var str2 = String('foo'); var num1 = 10; va..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:01

자바스크립트 DOM 이란

DOM(Document Object Model) 자바스크립트를 세분화하자면 4가지 요소로 구성되어 있습니다. 자바스크립트 Core 문법 기본 문법과 구조, 데이터타입, 조건문, 반복문, 함수, 객체, 클래스(프로토타입)등이 포함되어 있습니다 자바스크립트 Core 라이브러리 자바스크립트에서 기본으로 제공하는 문자열(String),Date, Math, Array,Number, 타이머함수를 비롯한 기타 전역함수등이 포함되어 있습니다. 자바스크립트 DOM (Document Object Model) 노드(node), 스타일, 속성, 이벤트, 위치 및 크기 등을 다룰 수 있는 다양한 기능이 포함되어 있습니다. 자바스크립트 BOM (Browser Object Model) 브라우저와 관련된 Window, Navagat..
JavaScript/Core & 개념ㆍ용어 2016. 9. 29. 09:00