데이터 타입 확인 (typeof)

typeof

여기서 짚고 넘어갈 부분!

undefined와 null의 차이점 

indefined는 의도하지 않는 비어있는 값

null 은 의도해서 비워놓은 값

{} 객체 데이터

() 배열 데이터

 

타입별로 함수를 구분해줄 수 있게 하나의 함수를 만들어보자!

 

로컬 서버 console 창에 

여기서 나는 콘솔 창에 object와 끝에 지점의 ]를 빼고 싶기 때문에 slice() 함수를 사용하여 인덱스 번호를 알면(인덱스 번호는 0부터 시작!) 첫 번째 값에 -8 , 두 번째 값에 -1을 입력해주었다.

 

typeof라는 javascripts에서 이미 지원하는 키워드를 통해서 어떤 데이터들의 타입을 알아내는 방법도 있지만

명확하게 내가 원하는 데이터 타입이 나오지 않기 때문에 typeof 대신 쓸 수 있는 위의 별개의 함수를 직접적으로 

만들어서 동작시킬 수도 있다!

 

**중요한 부분**

여기서 main.js 파일에 들어있는 getType함수를 효율적으로 사용하기 위해서는 새로운 js파일을 만들어준 후 export default를 입력해준다! 여기서 export는 내보내기라는 의미를 가지고 있음 getType이라는 자바스크립트 파일 안에서 getType이라는 함수를 파일 밖으로 내보내기를 할 수가 있다 내 보낼 때 default라는 키워드를 붙였기 때문에 이렇게 정의된 함수가 getType이라는 자바스크립트 파일에 가장 기본적인 형태의 내보내지는 일종의 함수 데이터라고 선언을 하는 의미를 가진다!

이제 main.js 안에 들어있는 getType 함수는 지워주고 

import 시켜주도록 하자! 경로에 확장자는 굳이 붙일 필요는 없음!

마찬가지로 브라우저에서 에러 없이 getType이라는 함수가 없는데도 불구하고  정상적으로 실행되는 걸 확인할 수 있음!\

왜냐하면  getType이라는 함수의 로직은 외부에 있는 별도의 자바스크립트 파일에서 가지고 와서 활용하는 것이다!

import라는 키워드를 통해서 어떤 특정한 자바스크립트의 내용을 가지고 올 때 상대 경로를 정확하게 명시해주지 않으면

node.modules 폴더 안에서 찾게 됨! 즉 에러가 발생한다!

그래서 정확하게 getType이 main.js 주변에서 가지고 오는 자바스크립트 파일이라는 것을 명시해줘야 한다!