프론트엔드 개발자를 위한 자바스크립트
-
프론트엔드 개발자를 위한 JS - 2장Java Script/프론트앤드 개발자를 위한 자바스크립트 2020. 4. 24. 18:44
2장. HTML속의 자바스크립트 ● ▲ 코드는 위에서부터 차례로 순차해석, 함수 정의가 먼저 해석되어 인터프리터 환경 내부에 저장됨. "를 쓸 수 없음. "); } ▲ 문자열""는 script를 닫는 태그로 인식돼서 error 발생. 이러한 경우 "/" 를 앞에 붙여 이스케이프해서 사용. ▲ 코드 정상 작동 ○ 외부 JS 코드 (External Javascript) - 작성되어있는 js파일 불러옴. ※ Internal JS와 External JS를 동시에 사용하면, 브라우저는 Script 파일을 내려받아 실행하며 Internal 코드는 무시함. ○ defer와 async를 제외하고는 script 요소는 페이지에 나타난 순서대로 실행. ○ ○ defer를 이용해서 페이지 전체를 파싱한 후에 스크립트를 실행..
-
프론트엔드 개발자를 위한 JS - 1장Java Script/프론트앤드 개발자를 위한 자바스크립트 2020. 4. 22. 17:54
1장. 자바스크립트란 무엇인가 자바스크립트의 구현 => ECMAScript(코어), DOM(문서 객체 모델), BOM (브라우저 객체 모델) ECMAScript 웹 브라우저는 ECMAScript를 구현하는 '호스트 환경'일 뿐이다. ECMAScript 언어에는 입/출력 메소드가 없다. 표준 준수 모든 타입, 값, 객체, 프로퍼티, 함수, 문법, 시맨틱을 ECMA-262에 따라 구현해야함 유니코드 문자 표준을 지원해야함 DOM (Document Object Model) XML을 HTML에서 사용할 수 있도록 확장한 애플리케이션 프로그래밍 인터페이스(API). DOM의 트리를 통해 문서의 콘텐츠와 구조를 자유롭게 수정할 수 있다. 전체 페이지를 노드의 계층 구조로 변환 Hello World! ▼ 위의 코드를..