우당탕탕 좌충우돌 개발일기

실생활 객체, 속성 및 메소드(Real Life Objects, Properties, and Methods) 실생활에서, 차는 객체이다. 차는 무게, 색깔 그리고 출발과 멈춤같은 방법(메소드)의 속성들을 갖고 있다. 객체 속성 방법(메소드) car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.drive() car.brake() car.stop() 모든 자동차는 동일한 속성을 갖고 있지만, 속성 값은 자동차마다 다르다. 모든 자동차는 동일한 방법을 갖고있지만, 서로 다른 시간에 실행된다. 자바스크립트 객체(JavaScript Objects) 자바스크립트 변수는 데이터 값을 담기 위한 컨테이너라고 이미 배웠었..

자바스크립트 함수는 특정 업무를 수행하도록 설계된 코드 블록이다. 자바스크립트 함수는 "무언가"가 이를 호출했을 때 실행된다. //12 자바스크립트 함수 구문(JavaScript Function Syntax) 자바스크립트 함수는 function 키워드, 이름, 괄호()로 정의된다. 함수 이름에는 문자, 숫자, 언더바 그리고 달러 기호가 포함될 수 있다.(변수와 같은 규칙이 적용된다) 괄호는 쉼표로 구분된 매개변수들을 포함한다.(parameter1, parameter2, ...) 함수에 의해 실행되는 코드는 중괄호 { } 안에 위치한다. function name(parameter1, parameter2, parameter3) { // code to be executed } 함수의 매개변수는 함수 정의에서 ..

자바스크립트 변수는 다양한 종류의 데이터 타입을 가질 수 있다. : 숫자, 문자열, 객체 등등 let length = 16; // Number let lastName = "Johnson"; // String let x = {firstName:"John", lastName:"Doe"}; // Object 데이터 타입의 개념(The Concept of Data Types) 프로그래밍에서, 데이터 타입은 중요한 개념이다. 변수에 대해 연산을 수행하려면 타입에 대해 아는 것이 중요하다. 데이터 타입 없이는 컴퓨터는 다음과 같은 예제를 안전하게 해결할 수 없다. let x = 16 + "Volvo"; 숫자 16에 "Volvo"를 추가하는 것의 결과는 다음과 같이 처리된다. let x = "16" + "Volvo"..

자바스크립트 할당 연산자(JavaScript Assignment Operators) 할당 연산자는 자바스크립트 변수에 값을 할당한다. 연산자 예제 같은 의미 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y **= x **= y x = x ** y 💡 **= 연산자는 ECMAScript 2016의 일부이다. 인터넷 익스플로러(IE) 11이나 그 이전 버전에선 동작하지 않는다. 쉬프트 할당 연산자(Shift Assignment Operators) 연산자 예제 같은 의미 > y >>>= x >>>= y x = x >>> y 논리 할당 연산자(Logical ..

자바스크립트 산술 연산자(JavaScript Arithmetic Operators) 산술 연산자는 숫자(리터럴 또는 변수)에 대해 산술을 수행한다. 연산자 설명 + 더하기 - 빼기 * 곱하기 ** 지수화 (ES2016) / 나누기 % 계수(나머지) ++ 증가 -- 감소 산술 연산(Arithmetic Operations) 일반적인 산술 연산은 두 개의 숫자에서 작동한다. let x = 100 + 50; //150 let a = 100; let b = 50; let x = a + b; //150 let a = 3; let x = (100 + 50) * a; //450 연산자 및 피연산자(Operators and Operands) 숫자(산술 연산에서)는 피연산자라고 한다. 연산(두 개의 피연산자 사이에서 수행..

변수에 값을 할당하고 그 변수들을 합산한다. let x = 5; // assign the value 5 to x let y = 2; // assign the value 2 to y let z = x + y; // assign the value 7 to z (5 + 2) 할당 연산자(=)는 변수에 값을 할당한다. let x = 10; 더하기 연산자(+)는 숫자를 더한다. let x = 5; let y = 2; let z = x + y; //7 곱셈 연산자(*)는 숫자를 곱한다. let x = 5; let y = 2; let z = x * y; //10 자바스크립트 연산자 타입 유형(Types of JavaScript Operators) 다양한 유형의 자바스크립트 연산자가 있다. 산술 연산자(Arithmet..

const 키워드는 ES6(2015)에 소개되었다. const 키워드로 선언된 변수는 재선언될 수 없다. const 키워드로 선언된 변수는 재할당될 수 없다. const 키워드로 선언된 변수는 블록 범위를 갖고 있다. 재할당 불가(Cannot be Reassigned) const로 선언된 변수는 재할당이 불가하다. const PI = 3.141592653589793; PI = 3.14; // This will give an error PI = PI + 10; // This will also give an error 반드시 값이 할당되있어야 한다(Must be Assigned) 자바스크립트의 const 변수는 선언될 때 반드시 값이 할당되있어야 한다. Correct const PI = 3.141592653..

let 키워드는 ES6 (2015)에 소개되었다. let 키워드로 선언된 변수는 재 선언될 수 없다. let 키워드로 선언된 변수는 반드시 변수를 사용하기 전에 선언돼있어야 한다. let 키워드로 선언된 변수는 블록 범위를 갖고 있다. 재선언 불가(Cannot be Redeclared) let으로 선언된 변수는 재선언이 불가하며, 실수로라도 변수를 재선언할 수 없다. let x = "John Doe"; let x = 0; // SyntaxError: 'x' has already been declared var로 선언된 변수는 재선언이 가능하다. var x = "John Doe"; var x = 0; 블록 스코프(Block Scope) ES6 (2015) 이전에, 자바스크립트에는 전역 스코프(Global ..