자바스크립트
-
자바스크립트와 이벤트 루프Java Script/기본 개념 정리 2021. 1. 14. 01:49
자바스크립트와 이벤트 루프 위키에 따르면, 이벤트 루프에 대해 아래와 같이 설명하고 있다. 컴퓨터 과학에서 이벤트 루프는 프로그램의 이벤트나 메시지를 대기하다가 디스패치(효율적으로 처리)하는 프로그래밍 구조체 일반적으로 이벤트가 도착할 때까지 요청을 차단하는 일부 내부 또는 외부의 이벤트 제공자에게 요청한 다음 관련 이벤트 핸들러를 호출(이 때 이벤트를 디스패치) 이벤트 제공자가 선택 또는 polling되는(유닉스 시스템 호출에서 실제로 폴링되지는 않음) 파일 인터페이스를 따르는 경우 이벤트 루프는 반응자와 결합해서 사용할 수 있다. 이벤트 루프는 거의 무조건 메시지 제공자와 비동기식으로 동작 반응자 동시에 들어오는 서비스 처리 요청을 관리하는 이벤트 처리 패턴 이벤트 루프에 대해 어느정도 감이 잡혔으니..
-
Object와 InstanceJava Script/기본 개념 정리 2020. 8. 8. 17:03
객체 object 자바스크립트의 기본 타입 프로퍼티와 메소드등 프로퍼티를 가질 수 있음. 아래 예시에서 OriginObject가 바로 객체. 껍데기라고 이해하면 됨 껍데기를 완성하는 구성요소는 프로퍼티와 메소드 인스턴스 instance 객체와 유사하지만, 객체는 일반적인 의미인 반면에 인스턴스는 현재 생성된 바로 그 객체를 의미한다. Object를 사용해서 Object를 생성하면 Object가 반환됨. 이때 반환된 Object를 인스턴스라고 함 // 생성자 함수를 사용 function OriginObject() { this.name = 'javascript' var obj = new OriginObject(); obj.name = 'jQuery'; console.log(obj..
-
자바스크립트 구성요소 ~ 함수-재사용 가능한 블록Java Script/MDN 정리 2020. 7. 24. 23:19
함수 vs 메소드 메소드(Methods) Built-in browser functions String의 replace, split, Math의 pow, random , Array의 join 등과 같은 빌트인 함수들 Object 안에 정의된 functions 함수(functions) 일반적으로 생각하는 function 사용자 정의 함수 예시 function draw() { ctx.clearRect(0,0,WIDTH,HEIGHT); for (var i = 0; i < 100; i++) { ctx.beginPath(); ctx.fillStyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(WIDTH), random(HEIGHT), random(50), 0, 2 * Math..
-
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 - 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를 이용해서 페이지 전체를 파싱한 후에 스크립트를 실행..