Java Script/프론트앤드 개발자를 위한 자바스크립트
-
4장) 변수와 스코프, 메모리Java Script/프론트앤드 개발자를 위한 자바스크립트 2020. 6. 26. 21:51
변수와 스코프, 메모리 JS는 느슨한 변수 타입 ~> 변수는 특정 시간 특정 값을 가리키는 문자 그대로 이름일 뿐 원시 값과 참조 값 원시 값 : 단순 데이터 (스택 메모리에 저장) 참조 값 : 여러 값으로 구성되는 객체를 가리킴(힙 메모리에 저장) 변수에 값을 할당 ~> JS 엔진이 원시 데이턴지 참조 데이턴지 판단 JS는 메모리 위치에 직접 접근하는 것을 허용 X ~> 객체를 조작할 때는 객체 자체가 아닌 객체에 대한 참조를 조작하는 것 동적 프로퍼티 참조 값을 다룰 때는 언제든 프로퍼티와 메서드를 추가/삭제 가능 var person = new Object(); person.name = "Zin0"; alert(person.name); // Zin0 var name = "Zin0"; name.age ..
-
프론트앤드 개발자를 위한 JS - 3장Java Script/프론트앤드 개발자를 위한 자바스크립트 2020. 5. 3. 13:00
3장. 언어의 기초 문법 대소문자 구분 식별자 - 변수, 함수, 프로퍼티, 매개변수의 이름. 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($) 중 하나여야 한다. 다른 문자에는 글자나 밑줄, 달러 기호, 숫자를 자유롭게 이용할 수 있다. ECMAScript 식별자는 관습적으로 카멜 케이스로 쓴다. -> firstSecond, myCar, doSthImportant 와 같이 소문자로 쓰다가 단어 바뀔 때 대문자 주석 - C 언어 스타일을 따름, // 라인 주석 or /* 주석 블럭 */ cf. HTML 주석은 스트릭트 모드(엄격 모드) - 기존과는 다른 방식으로 JS를 파싱하고 실행하라는 지시, ECMAScript 3판의 문제 해결 및 안전하지 않은 동작에 에러를 반환함. 엄격하게 문법 검사를 하겠..
-
프론트엔드 개발자를 위한 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! ▼ 위의 코드를..