[JS]220103 TIL: Chap15 #1~2 + 수업

Myugaa·2023년 1월 3일

MegabyteSchool js 개발자취업부트캠프 국비지원교육 내일배움카드 메가바이트스쿨 패스트캠퍼스

JS

목록 보기

3/15

강의 | 15. JS 시작하기

출처: 박영웅 강사님

#1. ECMA(에크마) 스크립트 및 프로젝트 초기화

ES라고도 부름. (ECMA는 JS 국제 표준화 기구.)
앞으로 배우는 내용은 에크마 스크립트(=표준 JS)를 기준이라고 생각하면 됨.
JS는 최신 기준으로 작성하되, 구형 브라우저에도 구동되는 버전으로 바꿔서 적용할 수도 있음(나중에 배움)
5~6 버전 사이 많이 변경됨.

Node JS 세팅

0) 터미널 켜기.
1) npm init -y
2) npm i parcel-bundler -D
3) package.json 에서

"scripts": {
   "dev": "parcel index.html",
   "build": "parcel build index.html"
},

4) npm run dev (위 scripts에서의 dev를 말하는 것)

#2. 데이터 타입 확인

1. typeof

console.log(typeof 'Hello world!')

=> typeof가 데이터 타입을 알려준다.
주의.
대부분 잘 알려주지만 null, {} (객체 데이터), [] 배열 데이터는 모두 object로 표시.

2. getType(return Object.prototype.toString.call(data))

대안으로 아래 함수를 활용 가능함. 그치만 이것도 부족한 면이 있는데, 선언하지 않은 다른 JS 파일에서는 쓸 수가 없다.

function getType(data){
	return Object.prototype.toString.call(data)
}

물론 JS 문서 앞에 선언해주면 되지만 1) 다뤄야하는 JS 파일이 많다면, 그리고 추가로 2) 굉장히 많은 데이터를 이 방식으로 처리해야 한다면 비효율적 접근이 되기 쉽다.
↳ 참고로 slice(8, -1) 덕에 console에 어떤 데이터 타입인지 깔끔하게 뜬다. (스스로 시도해보기!)