반응형 취미 공부/Daily53 2024. 05. 27 (월) 5주차 - Daily Coding - Day01 12강- this- call, apply, bind this- 모든 실행 컨텍스트에 만들어지는 특별한 변수- this 는 static 하지 않다. 함수가 호출될 때만 값이 할당 this메서드메서드를 호출하는 오브젝트간단한 함수 호출chrome : undefined(*strict mode 기준)node.js : global object화살표 함수둘러싸고 있는 함수 (어휘적 this)이벤트 리스터핸들러가 붙어있는 DOM 이벤트 함수 호출 방식에 의해 결정되는 thishttps://poiemaweb.com/js-this this | PoiemaWeb자바스크립트의 this keyword는 Java와 같은 익숙한 언어의 개념과 달라 개발자에게 혼란을 준다. Java에서의 this는 인스턴스 자신(self)을 .. 2024. 5. 27. 2024. 05. 24 (금) 4주차 - Daily Coding - Day05 10강- 자바스크립트 엔진과 런타임- 실행 컨텍스트- 콜스택 자바스크립트 엔진- 자바스크립트 엔진은 자바스크립트를 실행하게 해주는 프로그램을 말한다 Heap- 자바스크립트에서 사용되는 메모리 공간- 오브젝트가 힙, 즉 메모리 안에 저장되어 동작Call Stack ( 큐)- 코드 실행에 따라 호출 스택이 쌓이는 곳으로 자바스크립트 엔진은 단 하나의 호출 스택을 사용한다- 가장 마지막에 넣은 요소를 가장 먼저 뺄 수 있는 자료 구조 가장 대표적인 자바스크립트 엔진으로는 구글에서 개발한 V8엔진이 있으며,이외에도 SpiderMonkey, Rhino, JavaScriptCore등이 존재한다 자바스크립트 런타임1. 브라우저런타임이란, 특정 언어로 만든 프로그램들을 실행할 수 있는 환경을 뜻한다자바스크립트 런타.. 2024. 5. 24. 2024. 05. 23 (목) 4주차 - Daily Coding - Day04 8강- 배열 (array)- 배열의 메서드- 오브젝트 (object)- 오브젝트의 메서드 배열- 키(key)를 가지고 있지 않다- 순서를 고려한다- 인덱스로 값을 참조한다 const newArray = [1, 2, 3]; 오브젝트- 키(key)를 가지고 있다- 순서를 고려하지 않는다- 키로 값을 참조한다 const newObject = {a:1, b:2}; // Arrayconst fruit1 = 'apple';const fruit2 = 'banana';const fruit3 = 'lemon';const fruits = [fruit1, fruit2, fruit3];console.log(fruits);const differentTypeArray = ['hello', 23, true, null];c.. 2024. 5. 23. 2024. 05. 22 (수) 4주차 - Daily Coding - Day03 6강- let, const, var- 연산자 변수를 선언하는 3가지 방법letconstvar- ES6 이후- 변수- 블록 스코프- ES6 이후- 상수(사용 권장)- 블록 스코프- ES5 이전- 변수 (사용 권장 x)- 함수 스코프 상수 - 변하지 않는 값변수 - 변하는 값letconstvar- 처음에 값을 선언해도 되고 안해도 됨- 중간에 선언 한 값을 바꿀 수 있음// let(ES6), block scopelet age = 10;//console.log(age); 결과 값 10age = 21;console.log(age);//console.log(age); 결과 값 21let name;console.log(name); //결과 값 undefined- 처음에 값을 무조건 선언해줘야 됨- 상수이기에 중간.. 2024. 5. 22. 이전 1 ··· 6 7 8 9 10 11 12 ··· 14 다음 반응형