home강의 홈으로
Section 2. 자료형과 연산자
Lesson 1. 자료형 - 데이터의 종류

자바스크립트의 원시 자료형 primitive data types

  • 담백하게 값 하나만 담는 단순 자료형 - 일.단. 쉽게 말하자면... 😅

const a = true, b = 123.45, c = '안녕하세요!';

typeof 연산자: 뒤에 오는 값의 자료형을 반환 return

  • 반환한다는 것 - 해당 코드 부분을 반환값으로 바꿔 쓸 수 있다는 것 ...으로 일단 이해
console.log(a, typeof a); console.log(b, typeof b); console.log(c, typeof c); let d; console.log(d, typeof d); d = null; console.log(d, typeof d); // ⚠️ 'object' 반환 const e = Symbol('hello'); console.log(typeof e); // 이건 나중에



1. 불리언 boolean

let isEmployed = true; let isMarried = false; console.log('직업 있음:', isEmployed); console.log('기혼:', isMarried);
  • "기다" / "아니다"
  • 참 또는 거짓 (true or false) - 상반된 둘 중 하나의 값을 담을 수 있음
  • 직접 할당되기보다는 반환값으로 프로그램 곳곳에서 활용됨
const a = 1 > 2; const b = 1 < 2; console.log(a, typeof a); console.log(b, typeof b);



2. 숫자 number

let integer = 100; let real = 12.34; let negative = -99; console.log(integer, real, negative);
  • 자바스크립트에는 정수와 실수의 구분이 없음 - 정수도 실수로 처리
  • 정수는 2^53 - 1까지 안정적으로 표현 가능 - 더 큰 정수는 이후 배울 BigInt로




3. 문자열 string

let first_name = "Brendan"; let last_name = 'Eich'; let description = `미국의 프로그래머로 자바스크립트 언어를 만들었으며 모질라의 CEO와 CTO를 역임했다.`; console.log(first_name, last_name); console.log(description);
  • "글자(들)" ...이라고 일단 이해
  • 큰따옴표, 작은따옴표, 또는 백틱으로 둘러싸인 텍스트 데이터
  • 🔗 유니코드 문자 - 전 세계의 모든 문자 표현 가능

console.log( typeof (typeof true), typeof (typeof 123.45), typeof (typeof 'Hello'), );
  • 💡 typeof의 반환값은 문자열




4. undefined

👉 MDN 문서 보기

let x; console.log(typeof x);

img

  • 값이 부여되지 않은 상태라는 의미
  • ⭐️ 그러나 undefined많은 다른 언어들과 다른 점
  • 아무 것도 반환하지 않는 구문 - undefined 반환

    let x = 1; // 콘솔에 입력해볼 것




5. null

👉 MDN 문서 보기

let x; console.log('값 넣기 전', typeof x); x = null; console.log('null값 넣은 후', typeof x);

img


let x = 1; console.log('변경 전', x); x = null; console.log('변경 후', x);

img

  • 의도적인 빈 값을 의미
  • ⭐️ 그러나 null 역시 임. - "비어있다"란 의미의 값
  • object(객체) 등이 들어있거나 반환되어야 하지만 없을 때 주로 사용

    • "있어봐, 뭐 들어올 자리야" / "뭘 줘야 되는 거 아는데 줄 게 없어"
    • 객체 생성이 실패한 경우 등에 대신 반환
  • ⚠️ 주의! typeofobject를 반환 초기 오류 - 객체는 원시타입이 아님

    let x = null; console.log(typeof null, typeof x); // null 여부는 아래와 같이 확인할 것 console.log(x === null);




🍿 다음 강: 이론영상 - 자료형과 동적, 정적 타입

  • 자료형의 의미
  • 정적 타입과 동적 타입

⚠️ 다음 강부터 빠르게 진행

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소
yalco@yalco.kr
메일 제목 (반드시 아래 제목을 붙여넣어주세요!)
[질문] 제대로 파는 자바스크립트 (무료 파트) 2-1

🛑질문 전 필독!!

  • 구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
  • 오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
  • 강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
  • "유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
  • 질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.
🌏 Why not change the world?