개발자 도구
도구 | 설명 |
Elements | DOM과 CSS를 편집해서 렌더링 된 뷰를 확인해 볼 수 있다. |
Console | 로딩된 웹페이지의 에러를 확인하거나 console.log메서드의 실행결과를 확인할 수 있다. |
Sources | 로딩된 웹페이지의 자바스크립트 코드를 디버깅할 수 있다. |
Network | 로딩된 웹페이지에 관련된 네트워크 요청 정보와 성능을 확인할 수 있다. |
Application | 웹 스토리지, 세션, 쿠키를 확인하고 관리할 수 있다. |
JS 언어 특
•
JS --> 자주 사용하는거 (반복문 안이나 함수 바디에 있는 부분을 먼저 컴파일 해놓아서 기계어로 바꾸어둠)
자주 사용안하는거는 인터프리터가 해석
•
컴파일도 같이 사용하지만 결국엔 실행파일을 안만들기 때문에 인터프리터 언어라고 함
ECMA Script === ECMAScript 사양
ECMA 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어
•
ECMA == 인터내셔널 국립국어원
•
ECMA-262 == 표준어
•
ECMAScript == 맞춤법
JavaScript
ECMAScript 사양을 준수하는 범용 스크립팅 언어
JS 엔진 === JavaScript 인터프리터
JavaScript 코드를 이해하고 실행하는 프로그램 또는 인터프리터
바벨(Babel)
ES6 사양으로 작성된 코드를 함수적으로 동일한 ES5 코드로 바꿔주는 기술