나의 개발일지

[Javascript] 2. 데이터 타입 본문

JavaScript/Sparta

[Javascript] 2. 데이터 타입

heew0n 2023. 10. 14. 15:44
데이터 타입

 

runtime : run 하는 time !!

 

코드를 작성할 때가 아니라, 실제 코드가 실행될 때 (터미널에서 코드가 실행될 때!) 

그 때 데이터 타입이 결정된다

 

 

// 1. 숫자
// 1-1. 정수
let num1 = 10;
console.log(num1);
console.log(typeof num1);   // 'typeof' 값의 타입을 알아볼 때 쓴다


PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
10
PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
10
number   // 10은 숫자
let num1 = "10";   // ""안에는 문자로 인식
console.log(typeof num1);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1>  node 02.js
string    // 문자

 


 

//1-2. 실수
let num2 = 3.14;
console.log(num2);
console.log(typeof num2);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
3.14
number

 


 

// 1-3. 지수형(Exp)
let num3 = 2.5e5; // 2.5 x 10^5
console.log(num3);
console.log(typeof num3);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
250000
number

 


 

// 1-4. 
// Nan : Not a Number
let num4 = "hello" / 2;
console.log(num4);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
NaN

 


 

// 1.5. Infinity (무한대)
let num5 = 1 / 0;
console.log(num5);
console.log(typeof num5);


let num6 = -1 / 0;
console.log(num6);
console.log(typeof num6);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 02.js
Infinity
number
-Infinity
number

 


 

// 2. 문자 : string(문자열 = 문자의 나열)
// ' ' 또는 " " 사용
let str = "Hello World!";
console.log(str);
console.log(typeof str);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
Hello World!
string         // Hello World! 는 문자!

 


 

// 2-1. 문자열 길이 확인하기
let str = "Hello World!";
console.log(str.length);


PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
12

 


 

// 2-2. 문자열 결합하기(concatenation)
let str1 = "Hello, "
let str2 = "World!"
let result = str1.concat(str2);
console.log(result);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
Hello, World!

 


 

// 2-3. 문자열 자르기
let str3 = "Hello, World!";
console.log(str3.substr(7, 5));    // 7번째 문자에서 5글자
console.log(str3.slice(7, 12));    // 7번째에서 12번째까지


PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
World
World

 


 

// 2-4. 문자열 검색
let str4 = "Hello, World!";
console.log(str4.search("World"));    // World 가 시작되는 지점 찾기



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
7      // 7번째부터 시작이다

 


 

// 2-5. 문자열 대체
let str5 = "Hello, World!";
let result = str5.replace("World", "Javascript");   //  World를 Javascript로 대체하겠다
console.log(result);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
Hello, Javascript!

 


 

//2-6. 문자열 분할
let str6 = "apple, banana, kiwi";
let result = str6.split(",");      // , 기준으로 분할하겠다
console.log(result);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 03.js
[ 'apple', ' banana', ' kiwi' ]

 

 


 

 

 

불리언(Boolean)

true (참)

false (거짓)

 

let bool1 = true;
let bool2 = false;

console.log(bool1);
console.log(typeof bool1)
console.log(bool2);
console.log(typeof bool2)


// if : 만약 ~ 한다면 <-- if문이랑 많이 활용됨



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 04.js
true
boolean
false
boolean

 


 

Undefined : 정의하지 않았다
let bool1 = true;
let bool2 = false;

let x;
console.log(x);


PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 04.js
undefined

 


 

null : 값이 존재하지 않음을 '명시적'으로 나타내는 방법
let bool1 = true;
let bool2 = false;

let y = null;
console.log(y);


PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1> node 04.js
null

 


 

object : 객체 (key-value pair)
let person = {
    name : "park",
    age : 27,
    isMarried : false,
};

console.log(typeof person);



PS C:\Users\gmldn\OneDrive\바탕 화면\WEEK_1>  node 04.js
object

 


 

array : 배열 : 여러 개의 데이터를 순서대로 저장하는 데이터 타입
let number = [1, 2, 3, 4, 5];
let fruits = ['apple', 'banana', 'kiwi'];

위치에 대한 데이터를 가지고 있다 = 인덱스를 가지고 있다
0 부터 시작함 !!

 

 

 


 

 

 

 

강의 후기 

아직 뭐가 뭔지 잘 모르겠다 ^^

그리고 나와 똑같은 고민을 하는 사람이 많았다

잘 모르는 내용을 그냥 넘어가지 못하는 성격이라서 꼭 제대로 알고 정리까지 잘 하고 싶은데...

그러기엔 진도가 너무 안 나가서 고민이 됐었다 커리큘럼 매니저님이 오늘 특강하시면서 조언을 주신 게

일단 흐름을 파악하기 위해서는 쭉 보는 게 낫다고 하셨다 ,, 그래서 함수 전까지는 일단 쭉 보는 중!!