데이터 타입 확인

코드 컨벤션

한 줄에 여러 개의 명령을 적지 않음
사람이 작성하는 js는 어디까지나 사람이 보기 때문
최대한 깔끔하고 코드 작성 관습(코드 컨벤션)에 따라서 작성

=> 다른 사람이 내 코드를 봤을 때, 내가 나중에 코드를 볼 때 해석하기 쉽도록!

1. 타입 알아보기

• typeof
  : 특정한 데이터의 타입을 알아낼 수 있음
  : string, number, undifined, boolean, object(null, {}, [])
  => null, {}, [] 는 object로 뭉뚱그려져서 나옴

  2. 객체 데이터 정확하게 알아보기

  함수를 사용해서 정확하게 알 수 있다.

function getType (data) {
    return Object.prototype.toString.call(data).slice(8, -1);
} // 함수의 의미는 당장은 몰라도 됨

console.log(getType(123));
console.log(getType(false));
console.log(getType(null));
console.log(getType({}));
console.log(getType([]));

null, {}, []의 타입을 더욱 정확하게 알 수 있다.

=> getType 함수는 현재 자바스크립트 안에서만 사용 가능
=> 다른 파일에서는 선언되어지지 않았기 때문에 사용 불가능

같은 함수를 사용하려고 매번 복사, 붙여넣기를 하는 것은 효율적이지 못함

3. 함수 재사용 해결 방법

새로운 파일을 만듬(getType.js 파일 생성)

-> 함수를 붙여넣음

-> 함수 앞에 "export default"를 적음

• export: 내보내기, 이 파일 밖으로 함수를 내보낼 수 있어짐
• defalt: 정의된 함수가 파일 안에서 가장 기본적인 형태의 내보내지는 일종의 함수 데이터로써 선언

-> 함수를 사용할 파일에 "import getType from './getType';" 적음

• import from: 가져오기, 파일 밖에 있는 것을 from 뒤에 있는 주소로부터 가져옴