0장 : 개발자 도구 & JavaScript

개발자 도구

도구 설명

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 코드로 바꿔주는 기술