[JavaScript] 자바스크립트의 기초_자료형

 

 

---

 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

 

 

목차

자료형

원시 타입_Number

원시 타입_String

원시 타입_Boolean Type

원시 타입_Null

원시 타입_Undefined

 

 

 

---

 

 

자료형

자료형: 동일한 속성이나 특징을 가진 원소들의 묶음이며, 이러한 데이터를 체계적으로 다루기 위해 분류된다.

자료형(Type) -> 원시타입 / 객체타입

• 원시 타입: 프로그래밍에 있어기본적인 값들의 타입을 의미한다.
   원시 타입의 종류: Number, String, Boolean, Null, Undefined

• 객체 타입: 원시 타입보다 더 복합적이고 다양한 속성 및 메서드를 가질 수 있는 데이터 구조를 나타낸다.
   객체 타입 종류: Array, Function, RegexExp 

 

 

 

 

원시 타입_Number

Number Type
숫자 값을 다루며, 정수, 소수, 음수 뿐만 아니라 Infinity, -Infinity까지 포함한다.
그리고 수치 연산 실패 시의 NaN(Not a Number) 같은 값들도 포함한다.

// 원시 타입(기본형 타입): 프로그래밍에 있어 기본적인 값들의 타입
// 1. Numer Type
let num1 = 27;
let num2 = 1.5;
let num3 = -20;

// Console을 통해 확인 가능
// console.log(num1 + num2);
// console.log(num1 - num2);
// console.log(num1 * num2);
// console.log(num1 / num2);
// console.log(num1 + num2);
// console.log(num1 % num2); // 모듈러 연산

let inf = Infinity;
let mInf = -Infinity;

let nan = NaN; // not a number: 수치 연산을 실패한 경우의 결과값으로 활용
// console.log(1 * "Hello"); // 계산이 안되는 경우에는 NaN이 콘솔에 표시됨(수학연산에 용이)

 

 

---

 

 

원시 타입_String

String Type
문자열 또는 텍스트 데이터를 나타내며, 큰따옴표나 작은따옴표로 묶어서 표현한다.
백틱(`)과 ${}를 사용하는템플릿 리터럴 문법을 통해 문자열 안에 변수나 표현식을 포함할 수 있다.

// 2. String Type
let myName = "이정환";
let myLocation = "목동";
let myIntroduce = myName + myLocation;
//console.log(myIntroduce);

// 백팁을 통해 문자열을 구성한다면 $과 {}를 통해 문자열 포함 가능 -> 템플릿 리터럴 문법
let introduceText = `${myName}은 ${myLocation}에 거주합니다`;
// console.log(introduceText);

 

 

---

 

 

원시 타입_Boolean Type

Boolean Type

참(true) 또는 거짓(false)의 두 가지 논리 값을 가지며, 결과도 두 가지 논리값으로 산출된다.

// 3. Boolean Type
let isSwitchOn = true;
let isEmpty = false;
// console.log(isSwitchOn);

 

 

---

 

 

원시 타입_Null

Null Type
변수에 명시적으로 어떠한 값도 없음을 의미할 때 사용한다.

// 4. Null Type: 명시적으로 이 변수에 어떠한 값도 없다는 의미
let empty = null;
// console.log(empty);

 

 

---

 

 

원시 타입_Undefined

Undefined Type
변수를 선언했지만 아무런 값도 할당하지 않았을 때 자동으로 값으로 들어간다.

// 5. Undefined Type: 변수를 선언하고 아무런 값을 할당하지 않는 경우 자동으로 들어가는 값
let none;
console.log(none);