JavaScript

자바스크립트의 Scope그런데 만약 myFunc 함수 안에 myVar이라는 전역 변수와 같은 이름의 지역 변수가 없다면, 전역 변수 myVar이 출력될 것이다.한편, JavaScript에서는 다음과 같은 블록({}) 유효범위를 지원하지 않는다.null과 undefine

클로저는 함수 안에 또 다른 함수를 선언할 때, 두 함수의 유효 범위(로컬 영역, 글로벌 영역)가 맞물리면서 부모함수로부터 반환된 후에도 부모함수의 유효범위에 여전히 접근할 수 있는 것을 의미한다.(자식 함수의 전역 = 부모 함수의 로컬이므로)위와 같은 함수가 있을 때

자바에서 클래스는 메서드와 변수로 이루어지는데, 자바스크립트의 객체는 이름과 값으로 구성된 프로퍼티의 집합으로 표현된다. 따라서 함수 역시 프로퍼티(객체 내의 변수)에 할당되는 형식으로 구현된다.1\. Object 객체 사용객체를 생성하는 첫 번째 방법은 자바스크립트의

생성자 함수를 이용해서 객체를 생성하면, 객체를 반복해서 생성할 때의 효율을 높일 수 있지만, 어쨌든 메모리가 그때마다 새롭게 할당되기 때문에, 메모리 면에서는 효율적이지 않다.이런 문제를 해결하기 위해서 자바스크립트에서는 프로토타입이라는 문법을 이용한다.프로토타입 공

this를 이용해서 값을 설정해주면 Student.name과 같은 식으로 직접 접근이 가능하다. 이를 방지하기 위해 자바스크립트에서는 아래와 같은 방식으로 캡슐화를 해준다.캡슐화된 객체의 변수는 set, get 메소드를 통해 접근 가능하다.

class를 이용해서 객체를 생성하는 경우, 자바스크립트에서도 자바에서와 마찬가지로 상속도 구현해줄 수 있다. 그 예시는 다음과 같다.

배열 생성배열 => 문자열배열 추가배열 부분 추출

March 11 2021만 추출sw, SW -> 소프트웨어

onclick 속성 사용 addEventListener : 여러 이벤트 등록

일반 함수에서의 this는 window 객체이다. 전역 변수는 window 객체의 지역 변수이다.생성자 함수와 Class의 메서드에서 this는 객체 자기 자신이다.이벤트 햄들러 함수에서 this는 이벤트 대상 객체이다.this 바인딩1) Function.bind(객체

props, emit은 데이터를 component 간에 주고 받기 위해 이 데이터를 인스턴스화해서 매번 전달하고 전달받은 쪽에서 수정한 사항은 원본 데이터에 영향을 미치지 않으므로 다시 수정해서 전달해줘야함.반면 vuex는 자바의 mdc와 같은 전역 데이터 저장소 같은