본문 바로가기

JavaScript

 (61)
자바스크립트 정리하며 배우기[09] - 참조(reference) 타입 개념 및 특성 안녕하세요. Tay 입니다. 이전 글의 객체, 그것이 바로 참조 타입입니다. 참조 타입 기본 타입(숫자, 문자열, 불린값, null, undefined) 를 제외한 모든 값은 객체이고 배열, 함수도 객체이다. 이 객체를 자바스크립트에서 참조 타입이라고 한다. 데이터의 실제 값을 갖는 것이 아닌, 객체를 가리키는 참조값을 갖고있다. 객체의 모든 연산이 실제 값이 아닌 참조값으로 처리 된다. 위 내용만 봐서는 짐작하기가 쉽지 않다. 아래 예제를 통해 자세히 알아보자. 1) index.html 2) reference.js let objA = { // 1 x : 100, y : 200 } let objB = objA; // 2 objA.x = 2; // 3 console.log(objB); 참조 데이터 objA..
자바스크립트 정리하며 배우기[08] - for in 문 객체 출력 안녕하세요. Tay 입니다. 자바스크립트 열거형 객체를 반복작업을 수행 시켜주는 for in 문에 대해 배우겠습니다. for in 문 loop only iterates over enumerable, non-Symbol properties -MDN- for in 문을 이용하면 객체의 프로퍼티 이름을 순차적으로 받고 그것을 이용하여 기능을 수행할 수 있다. 아래 예제를 통해 자세히 알아보자. 1) index.html 2) for-in.js // make object let capitals = { korean : "Seoul", usa : "Washington", france : "Paris", canada : "Ottawa" } // do for in var country; for(country in cap..
자바스크립트 정리하며 배우기[07] - 객체 프로퍼티 읽기 / 쓰기 / 수정 / 삭제 안녕하세요. Tay 입니다. 이전 글에서 객체 개념과 생성에 대해 배웠습니다. 이번에는 객체의 프로퍼티에 접근하여 읽기 , 쓰기 , 수정 , 삭제 에 대해 알아보겠습니다. 객체 프로퍼티 접근 방법 대괄호 [ ] 표기법 예시) console.log(person["name"]); 마침표 . 표기법 예시) console.log(person.name); 프로퍼티 읽기 1) index.html 원하면 주석빼고 새롭게 만들어도 되고, 필자는 이전의 Objects 의 html 을 그대로 사용했다. 2) property.js // make object let kim = { name : "geuntae", favFood : "chicken" } // read property console.log(kim.name); //..
자바스크립트 정리하며 배우기[06] - 객체 개념 및 프로퍼티 생성, 리터럴 형식, 생성자 함수 안녕하세요. Tay 입니다. 이전 글을 통해서 객체, 배열, 함수 에 대해 간략하게 설명을 봤습니다. 객체 Key : Value 형태의 프로퍼티들을 저장하는 컨테이너 하나의 값만 가지는 기본 타입과 달리, 객체는 여러개의 프로퍼티들을 포함 할 수 있다 객체 생성 방법 3가지 1. 기본 제공 Object( ) 객체 생성자 함수를 이용하는 방법 1) index.html 2) objects.js // 1. Object( ) let kim = new Object(); kim.kind = 'Object'; kim.name = 'geuntae'; kim.age = 24; kim.gender = 'male'; console.log(typeof kim); console.log(kim); 나는 kim 이라는 객체를 생성..
자바스크립트 정리하며 배우기[05] - Data type[참조 타입(reference) - 객체 , 배열 , 함수] 간단 개념 정리 안녕하세요. Tay 입니다. 자바스크립트의 데이터 타입은 1) 기본 타입 과 2) 참조 타입 으로 나뉩니다. 이번에는 참조 타입에 해당하는 객체 , 배열 , 함수 에 대해 간단하게 개념 정리를 하는 시간을 갖도록 하겠습니다. 참조(객체) 타입 자바스크립트에서 기본 타입을 제외한 모든 값은 객체이다. 자바스크립트의 객체는 C 나 자바에서 클래스에 인스턴스를 생성해서 만들어지는 객체하고는 다르다! 이유는 자바스크립트에서는 클래스가 없고 프로토타입이라는 것이 있다. 자바스크립트도 객체지향언어이다. 대신 클래스가 없는 프로토타입기반 이다. ※ ECMAScript 6 부터 클래스 문법이 추가 됐다. 그럼 참조 타입에 해당하는 객체, 배열, 함수 에 대해서 간단한 개념을 배워봅시다. 객체 Key : Value 형태..
자바스크립트 정리하며 배우기[04] - Data type[기본 타입(primitive) - null 과 undefined 개념 및 차이] 안녕하세요. Tay 입니다. 자바스크립트의 null 과 undefined 두 타입 모두 '값이 비어있음' 을 나타낸다. undefined 값이 비어있음 할당 되지 않은 상태 undefined 타입 이자 값을 나타낸다 null 값이 비어있음 명시적으로 '값이 비어있음' 을 할당 한 상태 null 은 object 이 두 타입의 개념과 차이를 아래의 예제로 확인 해보자. 1. index.html 2. null_undefined.js var nullVar; console.log(nullVar); 이것의 출력 결과는 무엇일까? 결과 : nullVar 에 아무것도 할당하지않았으니 초기 값으로 undefined 값을 갖게된다. 변수에 null 을 할당 하면 결과는 어떻게 될까? 다음 예제를 통해서 확인 해보자. va..
자바스크립트 정리하며 배우기[03] - Data type[기본 타입(primitive) - number, string, backtick, boolean] 안녕하세요. Tay 입니다. 자바스크립트 사용에 앞서 기본적으로 알아야할 데이터 타입에 대해 설명하겠습니다. 데이터 타입은 1) 기본 타입 과 2) 참조 타입 으로 나뉩니다. 기본 데이터 타입 - Primitive values 각 타입 데이터 자체가 하나의 값을 나타낸다. 자바스크립트 기본 타입의 종류는 아래와 같다. 숫자 (number) 문자열 (string) 논리형 (boolean) 초기값 혹은 할당되지 않은 값이 없음 (undefined) 할당 된 값이 없음 (null) 자바 스크립트는 우리가 알고있는 C, Java 등과 자료형이 조금 다르다. 각각의 내용을 아래에 설명하겠다. 숫자(number) 타 언어는 정수, 실수를 int, float으로 구분하지만, 자바스크립트는 number 라는 하나의 숫..
자바스크립트 정리하며 배우기[02] - 변수 선언 var, let, const 개념 및 차이 안녕하세요. Tay 입니다. 변수 사전적의미는 가변적인 수를 의미한다. 프로그래밍에서의 변수는 가변적인 수를 담는 그릇 이라고 표현할 수 있다. 자바스크립트의 변수(Variable) 은 var , let , const 라는 예약어로 이루어져있다. var variable 의 약자로 초장기 자바스크립트의 변수는 이 예약어를 통해서 선언했다. var 로 선언된 변수는 자료형에 상관없이 사용할 수 있다. MDN var 내용보기 var 변수명 = 데이터 형식으로 사용할 수 있다. 직접 코드를 돌려보며 확인하기 위하여 이전의 index.html 에 variable.js 를 추가하기로 한다. 1) index.html 2) variable.js var name = "kimgeuntae"; var age = 23; va..

티스토리툴바