본문 바로가기

분류 전체보기

(230)

[모딥다] 23장 실행 컨텍스트 실행 컨텍스트 : JS 의 동작 원리를 담고 있는 핵심 개념. 🥽 23.1 소스코드의 타입 구분하는 이유 : 소스코드의 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 다르기 때문. 소스코드의 타입 실행 컨텍스트 전역 코드 전역에 존재하는 소스코드. 전역 실행 컨텍스트 함수 코드 함수 내부에 존재하는 소스코드 함수 실행 컨텍스트 eval 코드 빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스코드 (stric mode 에서 스코프 생성) eval 실행 컨텍스트 모듈 코드 모듈 내부에 존재하는 소스코드 모듈 실행 컨텍스트 🥽 23.2 소스코드의 평가와 실행 소스 코드 평가 - 실행 컨텍스트 생성 & 변수, 함수 등의 선언문만 먼저 실행 -> 생성된 변수, 함수 식별자를 스코프에 등록..

[프로그래머스/Javascript/코딩기초트레이닝] 문자열 곱하기 프로그래머스에 코딩 기초 트레이닝이라는 전 단계가 있는 줄 모르고, 그 뒤 단계부터 했다는걸 다 풀고 알았다^_^ 그래서 지금 단계 너무 쉬워서 좋음ㅋㅋㅋㅋ 문자열을 계속하는 메서드가 있다는 걸 처음 알았다. function solution(my_string, k) { return my_string.repeat(k) } 이렇게 string.repeat(몇번 반복할지) 를 해주면 간단하게 구할 수 있다. function solution(my_string, k) { let result = ""; for (let i = 1; i < k + 1; i++) { result += my_string; } return result; } 몰라서 for문으로 풀었음

[모딥다] 22장 this 🍾 22.1 this 키워드 생성자 함수를 정의하는 시점에는 아직 인스턴스를 생성하기 이전이므로, 생성자 함수가 생성할 인스턴스를 가리키는 식별자를 알 수 없다. 따라서 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 특수한 식별자가 필요하다. => this 제공 this : 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수. : this 를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있음. - JS 엔진에 의해 암묵적으로 생성됨 - this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정됨. this 바인딩 this 와 this 가 가리킬 객체, 즉, 식별자와 값을 연결하는 것. this 는 객체의 프로..

[모딥다] 21장 빌트인 객체 🚀 21.1 자바스크립트 객체의 분류 📌 JS의 객체 3가지 1. 표준 빌트인 객체 - ECMAScript 사양에 정의된 객체를 말하며, 앱 전역의 공통 기능을 제공함. - 실행 환경에 상관없이 언제나 사용할 수 있음 2. 호스트 객체 - 실행환경에서 추가호 제공되는 객체 (윈도우 - DOM, BOM, Canvas..., NodeJs -고유의 API) 3. 사용자 정의 객체 - 기본 제공되는 것이 아닌, 사용자가 직접 정의한 객체 🚀 21.2 표준 빌트인 객체 JS 는 Object, String, Number 등등 40여개의 표준 빌트인 객체를 제공함. 이 중 String, Number, Boolean, Function, Array, Date 는 생성자 함수로 호출해 인스턴스를 생성할 수 있다. (이 때..

[모딥다] 20장 Strict Mode 🌽 20.1 strict mode란? 선언하지 않은 변수의 경우 ReferenceError가 생길 것 같지만, 사실 아님. JS가 암묵적으로 전역 객체에 변수-> 프로퍼티를 동적으로 생성함. => 암묵적 전역 암묵적 전역은 오류 발생의 원인이 될 확률이 높음. 그러니 변수 선언 키워드를 꼭 같이 사용해야함. 하지만 실수는 언제나 발생하는데 -> 이런 잠재적 오류를 발생시키기 어려운 개발 환경을 만드는게 더 근본적인 해결책임. strict mode (엄격 모드) - ES5 부터 추가됨. - JS 의 문법을 좀 더 엄격히 적용 -> 오류를 발생시킬 가능성이 높거나, -> JS 엔진의 최적화 문제에 작업을 일으킬 수 있는 코드에 대해 => 명시적인 에러를 발생시킴. ESLint - strict mode 와 유..

[모딥다] 19장 (2) 프로토타입 🍒 19.8 오버라이딩과 프로퍼티 섀도잉 프로토타입 프로퍼티와 같은 이름의 프로퍼티를 인스턴스에 추가하면 -> 덮어쓰는 것이 아니라 인스턴스 프로퍼티로 추가한다. 인스턴스 메서드가 프로토타입 프로퍼티를 오버라이딩 했고, 프로토타입 메서드는 가려진다. => 이렇게 상속 관계에 의해 프로퍼티가 가려지는 현상 :: 프로퍼티 섀도잉 📌 오버라이딩 : 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의하려 사용하는 방식 📌 오버로딩 : 함수의 이름은 동일하지만, 매개변수의 타입 or 개수가 다른 메서드를 구현하고, 매개변수에 의해 메서드를 구별하여 호출하는 방식. JS 는 오버로딩은 지원하지 않지만 arguments 객체를 사용하여 구현할 수는 있다. 프로토타입의 메서드를 삭제하려고 시도 -> 인스턴스 메서..

[프로그래머스/Javascript] 옹알이(1) || 코딩테스트 + 프로그래머스 0단계 완성 function solution(babbling) { const words = ["aya", "ye", "woo", "ma"]; let count = 0; for (let i = 0; i { babbling[i] = babbling[i].replace(String(word), " "); }) } babbling.map(v => v.replaceAll(" ", "") === "" && count++) return count; } ☘️ 풀이 발음할 수 있는 단어를 words 에 넣고 예시의 단어들이 이 단어들을 가지고 있을 시 replace 를 통해 소거해주는 방식으로 풀었다. 하지만 공백인 "" 로 replaceAll 을 하면,..

[프로그래머스/Javascript] 평행 || 코딩테스트 function solution(dots) { const xArr = [...dots].sort((a, b) => a[0] - b[0]); const yArr = [...dots].sort((a, b) => a[1] - b[1]); let result = 0; const xParr = ((xArr[1][0] - xArr[0][0]) === (xArr[3][0] - xArr[2][0]) && (xArr[1][1] - xArr[0][1]) === (xArr[3][1] - xArr[2][1])) const yParr = ((yArr[1][0] - yArr[0][0]) === (yArr[3][0] - yArr[2][0]) && (yArr[1][1] - yArr[0][1]) === (yArr[3][1] - yAr..

이전 1 ··· 12 13 14 15 16 17 18 ··· 29 다음

728x90

티스토리툴바