Study/JavaScript

[JavaScript_study] 조건문 (if, switch)

* 조건문 Conditional Statement (if) // if(조건) { } // if(조건) { } else {} // if(조건1) { } else if(조건2) {} else {} let fruit = 'orange'; if (fruit === 'apple') { console.log('🍎'); } else if (fruit === 'orange') { console.log('🍊'); } else { console.log('😍'); } if (2 < 1) { console.log('출력되면 안됨!'); } * 조건문 Conditional Statement (switch) 정해진 범위안의 값에 대해 특정한 일을 해야 하는 경우 switch를 사용가능하다. // switch let day = 1..

[JavaScript_study] 연산자에 대해서

* 산술 연산자 (Arithmetic operators) > + 더하기 > - 빼기 > * 곱하기 > / 나누기 > % 나머지 값 > ** 지수 (거듭제곱) console.log(5 + 2); console.log(5 - 2); console.log(5 * 2); console.log(5 / 2); console.log(5 % 2); console.log(5 ** 2); // es7 console.log(Math.pow(5, 2)); // + 연산자 주의점! let text = '두개의' + '문자를'; console.log(text); text = '1' + 1; // 숫자와 문자열을 더하면 문자열로 변환됨 console.log(text); * 단항 연산자 (Unary operators) > + (양)..

[JavaScript_study] 값으로 평가될 수 있는 것들

* 리터럴 (Literal) > 코드에서 값을 나타내는 표기법 > 123(숫자 리터럴), '123'(문자 리터럴), true(불리언 리터럴), { }(객체 리터럴), [ ](배열 리터럴) * 템플릿 리터럴 (Template Literal) > ` ` (백틱) // ${ } * 함수 리터럴 > function ( ) { } * Bigint 리터럴 > 1283912830138012830218309n * 바이너리 리터럴 > 0b101 * 코드에서 최소로 실행되는 단위 > 문 (Statement) > 변수를 선언하면 = 선언문 > 할당하면 = 할당문 > 조건이 있다면 = 조건문 > 반복이 한다면 = 반복문 * 표현식 (Expressions) > 값으로 평가 될 수 있는 문 ex) 1; // 숫자 리터럴 표현식,..

[JavaScript_study] 값과 참조의 차이

* 원시(Primitive)타입과 객체(Object)타입의 비교 > 원시타입은 메모리 셀 안에 값이 바로 들어가있으며 변수가 그 메모리 자체를 가르키고 있다. > 객체타입은 메모리의 주소(참조값)를 가르키고있다. * 원시타입의 값 복사 > Copy by value(Call by value와 동일한 개념) // (값에 의한 호출) > 값 자체가 복사되어진다. ex) let a = 1 // a = b // b; 1 => b에 다른 값을 할당할 경우 b의 값만 단독으로 변한다. * 객체타입의 값 복사 > Copy by Reference(Call by reference와 동일한 개념) // (참조에 의한 호출) > 값을 복사할경우 해당 객체가 참조하고 있는 참조값(메모리 주소, 레퍼런스)가 복사된다. > 따라서..

[JavaScript_study] 객체 타입(object)

* 객체 : 복합데이터 > 여러데이터를 묶어서 표현 > 상태와 행동을 묶어서 표현가능 : { key : value } ex) { id : 1234, key : 'secret-key' } > value에는 원시(primitive), 객체(object)둘다 들어갈 수 있다. * 원시타입은 메모리 셀에 값 그자체가 들어가게 되고 객체는 Heap이라는 공간안에 메모리가 할당된다. > Heap은 데이터의 사이즈가 정해져 있지 않고 동적으로 사이즈가 변화되는곳이 저장되는곳이다. > 객체자체는 Heap어딘가에 메모리에 저장되어있고 메모리셀 여러개에 거처서 객체가 할당이 된다. > 객체를 지칭하는 변수는 실제 메모리가 들어가 있는 메모리 주소를 가지고 있다. : 객체의 메모리 할당은 해당 값을 가지고 있지 않고 메모리..

[JavaScript_study] null과 undefined 타입

* undefined > let variable; : 변수를 선언하고 값을 할당하지 않음 * null > let a = null : 변수에 null이라는 값이 할당되어 있음 * undefined vs unll > undefined : let activeItem; // 아직 활성화된 아이템이 있는지 없는지 모르는 상태 > null : activeItem = null; // 활성화된 아이템이 없는 상태