[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 자료형

자료형

기본자료형과   참조자료형을 구분하는 방법은 변수를 할달하는 방식에 따라서 달라진다
1. 순수한 값자체

2. 참조 값

기본자료형(원시타입)

1. 기본 자료형
1.1 숫자, 문자열(형), 논리, 특수, 심볼

숫자(Number)
우리가 생각하는 수의 값, 양수 음수, 정수, 소수, 지수

let n = 123;
n = 12.345;

문자열(형)
큰따옴표나 작은따옴표로 감싸진 값("", '')

let str = "Hello";
let str2 = 'Single quotes are ok too';
let phrase = `can embed another ${str}`;

논리형
true, false

불린형은 긍정(yes)이나 부정(no)을 나타내는 값을 저장할 때 사용합니다. true는 긍정, false는 부정을 의미합니다.

let isGreater = 4 > 1;

alert( isGreater ); // true (비교 결과: "yes")

특수 자료형
undefined

undefined는 '값이 할당되지 않은 상태’를 나타낼 때 사용합니다.

변수는 선언했지만, 값을 할당하지 않았다면 해당 변수에 undefined가 자동으로 할당됩니다.

let age = 100;

// 값을 undefined로 바꿉니다.
age = undefined;

alert(age); // "undefined"

const tvChannel = undefined;
개발자의 실수

const movieChannel = null;
개발자의 의도 (일시적으로 공간을 비워 놓을 때 사용)

 

null

null 값은 지금까지 소개한 자료형 중 어느 자료형에도 속하지 않는 값입니다.

null 값은 오로지 null 값만 포함하는 별도의 자료형을 만듭니다.

let age = null;

심볼
> Symbol() > 절대로 중복되지 않는 유니크한 값을 생성함.
const t = Symbol("회원 테이블의 고유한 id 값으로 사용하기 위해");
const a = Symbol();
console.log(t);

참조 자료형
배열 객체 함수
배열
> 여러 개의 값을 묶어둔 값
> 배열은 순수하게 값을 묶어둔다

const scoreArr = [90, 40, 50, 80]; // 국어, 영어, 수학, 과학
console.log(scoreArr); //90, 40, 50, 80
console.log(scoreArr[0]); //90
console.log(scoreArr[1]); //40
console.log(scoreArr[2]); //50
console.log(scoreArr[3]); //80

2.2.2 객체
여러개의 값을 묶어둔 값입니다.
값을 (키, 값)묶어둡니다.

const scoreObj = {
  koreanScore: 90,
  englishScore: 40,
  mathScore: 50,
  scienceScore: 80,
};

console.log(scoreObj);
마침표 연산자
console.log(scoreObj.koreanScore);
console.log(scoreObj.englishScore);
console.log(scoreObj.mathScore);
console.log(scoreObj.scienceScore);

대괄호 연산자
console.log(scoreObj["koreanScore"]);
console.log(scoreObj["englishScore"]);
console.log(scoreObj["mathScore"]);
console.log(scoreObj["scienceScore"]);

함수

function

function name(params) {}

 

요약

• 숫자형 – 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용합니다. 정수의 한계는 ±253 입니다.
• bigint – 길이 제약 없이 정수를 나타낼 수 있습니다.
• 문자형 – 빈 문자열이나 글자들로 이뤄진 문자열을 나타낼 때 사용합니다. 단일 문자를 나타내는 별도의 자료형은 없습니다.
• 불린형 – true, false를 나타낼 때 사용합니다.
• null – null 값만을 위한 독립 자료형입니다. null은 알 수 없는 값을 나타냅니다.
• undefined – undefined 값만을 위한 독립 자료형입니다. undefined는 할당되지 않은 값을 나타냅니다.
• 객체형 – 복잡한 데이터 구조를 표현할 때 사용합니다.
• 심볼형 – 객체의 고유 식별자를 만들 때 사용합니다.

typeof 연산자는 피연산자의 자료형을 알려줍니다.

• typeof x 또는 typeof(x) 형태로 사용합니다.
• 피연산자의 자료형을 문자열 형태로 반환합니다.
• null의 typeof 연산은 "object"인데, 이는 언어상 오류입니다. null은 객체가 아닙니다.