프로그래밍
-
[JavaScript] 자바스크립트 null, undefined 차이 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 30. 14:40
자바스크립트에는 "없으러움(?)"을 표현하는 두 가지 자료형이 있다. 바로 null과 undefined. [JavaScript] 자바스크립트 자료형(Data Type) 이해하기에서 정리했던 것처럼 이 둘은 자료형이면서 동시에 값인 독특한 특징이 있고 [JavaScript] 자바스크립트 형변환(Type Conversion) 이해하기 - 1에서 정리했던 것 처럼 두 값 모두 falsy한 값에 해당한다. 의미도 비슷하고 falsy한 값이기 때문에, 크게 구분해야 될 필요성을 못 느낄 수도 있지만, 가볍게라도 둘의 차이를 이해하고 구분할 수 있어야 한다. 가장 큰 차이는 '명시적 없음'과 '암시적 없음'..? 이 둘은 보통 빈 값이냐, 값을 할당하지 않았냐를 두고 구분한다. 화장실 휴지걸이 이미지로 많이 비교를..
-
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 4. 20. 01:35
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1에서는 자바스크립트의 연산자들 중 피연산자의 개수에 따라 단항, 이항, 삼항 연산자에 대한 내용들을 정리했었다. 오늘은 그 외에 다른 연산자들에 대한 내용들을 정리해보자. 할당 연산자 할당 연산자는 오른쪽의 피연산자 값을 왼쪽 피연산자 값에 할당한다. 즉, 피연산자 두 개가 필요한 이항 연산자이다. 변수에 값을 담을 때 사용했던 등호(=)가 바로 할당 연산자다. // 변수 선언 let myNumber; // 숫자 7을 변수 myNumber에 `할당` myNumber = 7; 복합 할당 연산자라고 해서 +=, -=, *-, /= 등 다른 연산자들과 복합해서 약식으로 표기하는 방식이 있는데 특별히 의미가 변하진 않고 작성할 코드의 ..
-
[JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 4. 18. 23:41
연산자? 피연산자? 수학 시간에 연산을 할 때도 마찬가지였지만, 컴퓨터를 이용해서 코드를 통해 연산을 할 때도 연산의 방식을 결정하는 기호를 '연산자'라고 부르고 연산되는 대상을 '피연산자'라고 한다. 우리에게 가장 익숙한 +, -, *, / 이 가장 대표적인 예라고 볼 수 있다. 연산자의 종류 자바스크립트에는 굉장히 다양하고 많은 연산자가 있다. 그래서 몇 가지 기준에 따라 연산자의 종류가 분류되는데 가장 먼저 연산에 필요한 피연산자의 갯수를 기준으로 단항 연산자, 이항 연산자, 삼항 연산자 3가지가 있다. 단항 연산자 구체적인 연산자들에 대해서는 따로 설명하고 각 연산자들에 대한 개략적인 설명만 하자면 먼저, 단항 연산자는 말 그대로 아래와 같이 연산자가 하나인 연산에 사용되는 연산자이다. 대표적으로..
-
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 4. 15. 01:00
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 1에서 객체가 어떤 것인지, 객체는 어떻게 만드는지에 대해서 정리했었다. 이번에는 객체를 어떻게 다루는지 알아보자. - 객체 접근하기 객체도 결국에는 자료형이기 때문에 변수에 담긴다. 먼저 객체에 접근하려면 객체를 담고 있는 변수명을 호출하면 된다. const myObject = { name: { firstName: 'bigtop', lastName: 'Kim' }, age: 345, phoneNumber: '010-1234-5678', address: 'Somewhere in KOREA', 1234567890: 'Number', 'phone number': '010-1234-5678', }; console.log(myObject) //..
-
[JavaScript] 자바스크립트 객체(Object) 이해하기 - 1프로그래밍 이야기/JavaScript 공부 2020. 4. 12. 20:42
[JavaScript] 자바스크립트 자료형(DataType) 이해하기에서 자바스크립트에 존재하는 7가지 자료형에 대해서 살펴봤었는데, 그중에 Primitive type 6가지를 제외한 마지막 나머지 1가지. 객체에 대해서 조금 더 살펴보자. 자료형 7개 중에서 단 1가지의 종류라서 언뜻 보면 별로 중요하지 않은 것처럼 보이지만 반대로 생각하면 객체는 독립적으로 유일한 데이터 형태인 만큼 굉장히 중요한 요소이다. 실제로도 자바스크립트는 Primitive Type 의 값을 제외한 모든 것들이 이 객체로 이루어져 있는 객체 기반 스크립트 언어다. - 객체 만드는 방법 자, 그럼 이제 진짜로 객체에 대해서 살펴보자. 객체는 중괄호를 열고 닫는 것으로 만들 수 있다. const myObject = {}; 이밖에도..
-
[JavaScript] 자바스크립트 자료형(DataType) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 12. 01:11
지금까진 변수와 상수에 대해서 정리해봤다. [JavaScript] 자바스크립트 변수(variable) 이해하기 [JavaSciprt] 자바스크립트 상수(constant) 이해하기 이 변수와 상수에 담는 값들에는 다양한 종류, 다시 말해 다양한 형태들이 존재하는데, 이러한 형태를 자료형, Data Type 이라고 한다. 자바스크립트는 느슨한 타입 언어 , 혹은 동적 타입 언어 라고 해서 변수의 타입을 미리 선언할 필요가 없다. 프로그램이 처리되는 과정에서 자동으로 파악되고, 이 말은 결국 같은 변수에도 불구하고 상황에 따라 값의 타입이 바뀔 수 있다는 뜻이기도 하다. 자바스크립트에는 총 7가지 데이터 타입이 있는데, 이것은 큰 부류로 2가지로 나눠진다. 1. 기본형 Primitive Type 첫 번째는 기..
-
[JavaScript] 자바스크립트 상수(Constant) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 4. 5. 20:13
[JavaScript] 자바스크립트 변수(varibable) 이해하기 에서 변수에 대해 알아봤다. 이번에는 상수에 대해서 알아보자. 상수란 무엇일까? 간단하게 상수는 변수의 반댓말이다. 수학에서의 상수와 동일하게 常(항상 상)자를 사용해서 변하지 않고 고정된 값을 담을 때 사용한다. 변하지 않는 값, 이것을 제외하면 나머지는 변수와 개념은 동일하다. 상수를 만드는 방법: 상수 선언 자바스크립트에서 상수는 var 와 마찬가지로 constant 의 앞글자를 가져와 const 라는 키워드로 선언한다. const 상수이름; 상수이름 = 상수값; // Uncaught SyntaxError: Missing initializer in const declaration 처럼 선언 할 수 있을 것 같지만, 상수는 앞서 설..
-
[JavaScript] 자바스크립트 변수(Variable) 이해하기프로그래밍 이야기/JavaScript 공부 2020. 3. 31. 23:41
변수란 무엇일까? '변수'는 프로그래밍에서 값을 저장하는 가장 기본적인 방식이다. 여기서 '값'이란 컴퓨터가 다룰 수 있는 다양한 종류의 데이터를 말하는데, 그렇게 때문에 컴퓨터가 계산을 하기 위한 값을 담아내는 변수는 가장 기본적이면서도 가장 중요한 것이라고 할 수 있다. 결과적으로 같은 의미이지만, 변수는 값에 이름을 붙여주는 것이라고도 생각해 볼 수도 있다. 또한, 이름에서도 유추해 볼 수 있듯이 값을 저장하고 언제든 그 값을 변경할 수도 있다. 변수를 만드는 방법: 변수의 선언 자바스크립트에서 변수는 variable 의 약자인 var, 그리고 let, 이 두 가지 키워드로 만들 수 있고 이것을 변수 선언이라고 부른다. 선언한 이 후에는 변수 이름에 값을 대입할 수 있는데, 선언된 변수를 부르는 것..