js 실행컨텍스트 소스코드의 타입 ㄱ. 전역코드 - 최상위 코드인 전역 스코프를 생성 후, 전역 객체와 연결 - 이를 위해 전역 코드가 평가되면 전역 실행 컨텍스트가 생성됨 ㄴ. 함수코드 - 함수마다의 지역 스코프를 생성하고, 지역변수|매개변수|arguments 객체 등을 관리함 - 생성한 지역 스코프를 전역 스코프에서 시작하는 스코프 체인의 일원으로 연결해야 함 - 이를 위해 함수 코드가 평가되면 함수 실행 컨텍스트가 생성됨 ㄷ. eval코드 (빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스코드) - strict mode에서 자시만의 독자적인 스코프를 생성함 - 이를 위해 eval 코드가 평가되면 eval 실행 컨텍스트가 생성됨 ㄹ. 모듈코드 - 모듈별로 독립적인 모듈 스코프를 생성 -.. 2022. 12. 28. [vue] CSS variable injection vue3에서 css에 변수를 주입할수있는걸 보고 포스팅을 올림 원래 scss와 같은 style lang에서 변수를 사용할 수 있다고 알고있긴한데, css에 대해 깊게 알지 못해 vue에서 제공하는 아래 방법이 매우 신기했음 fs에 스타일 값을 두고 ("100px") style 구역에서 font-size:v-bind("fs") 2022. 12. 19. [vue] vue3 ref로 컴퍼넌트 접근하기 (define expose) 상황 나는 ref를 이용하여 부모 컴퍼넌트(A)에서 자식 컴퍼넌트(B)의 call함수를 호출하고 싶음 그런데 script setup 방식을 이용하고있을때 ref를 이용하여 자식컴퍼넌트에 접근하는 방법을 몰랐음 안 뒤에 정리한 내용임 1. 먼저 자식 컴퍼넌트에서 call함수를 아래와 같이defineExpose라는 vue 기본제공 메소드를 사용하여 명시함 (대충 이걸 배출할거다 라는 뜻) 2. 부모 컴퍼넌트는 자식 컴퍼넌트태그에 ref를 달아줌 ex) 3. 컴퍼넌트내부에서 스크립트 최상단 스코프에 ref를이용하여 컴퍼넌트 객체를 미리 빈값으로 할당함 ex) const b = ref(null); 주의점 - 변수명은 컴퍼넌트태그에 등록한 ref의 이름과 똑같아야 함 (위 예시에선 'b') - 컴퍼넌트내부의 스크.. 2022. 12. 19. js 빌트인 객체 js 객체는 크게 3개로 분류 가능함 - 표준 빌트인 객체 : js에서 기본적으로 제공해주는 객체들 - 호스트 객체 : dom, svg와 같이 web api나 node api에서 제공하는 객체 - 사용자 정의 객체 : 사용자가 직접 정의한 객체표준 빌트인 객체에는 대다수가 생성자 함수임예를 들면 Number, Functiuon 등등하지만 예외로 Math, Reflect, Json과 같이 생성자 함수가 아닌것들도 조금은 있음대다수는 생성자함수라 함우리는 문자열값에 대하여 아래와 같이 접근할 때가 있음'abc'.length너무 당연하게 문자열에 대하여 length라는 프로퍼티를 요구함마치 객체처럼 사용해왔음이는 사실 'abc' 문자열 리터럴을 래퍼객체 라는 임시객체로 변환하여 사용하고, 사용한 후엔 다시.. 2022. 12. 18. js 프로토타입 프로토타입을 쓰는 이유 Person의 생성자 함수는 한가지 문제가 있다.Person 생성자 함수를 이용하여 여러 객체를 만들었을 경우 name은 각자 고유한 이름을 가지지만,setName이란 함수는 모두 같은 내용을 보유하게 될거면서각각 1명씩 setName을 가지게 된다. 이에 상속/재사용을 구현하기 위해 프로토타입이란 걸 사용한다.프로토타입 간단개념 constructor 함수는 prototype 객체를 보유하고 있음(constructor 함수가 뭔지 모른다면 아래 링크)https://yamyam-naengmyeon-donkats.tistory.com/121 js 생성자함수객체생성방법 자바스크립트에서 객체를 생성하는 가장 쉬운 방법은 리터럴을 이용한 방법이라 생각함 let a = {a:1,b:2} 이외.. 2022. 12. 8. js 프로퍼티 어트리뷰트 js 엔진에서는 프로퍼티를 생성할 때,프로퍼티 어트리뷰트라는 상태값을 자동으로 부여해줌 - value : 프로퍼티의 값 - writable : 값의 갱신 가능 여부 - enumerable : 열거 가능 여부 - configurable : 재정의 가능 여부/프로퍼티 어트리뷰트 재정의 가능 여부 프로퍼티 어트리뷰트는 js 엔진이 관리하는 내부 상태 값인 내부슬롯이라 직접접근은 못 함.하지만 Object.getOwnPropertyDescriptors 메서드를 통해 간접 확인은 가능보다시피 자동으로 프로퍼티 어트리뷰트 값이 부여됨직접 설정해주고 싶으면 아래처럼 Object.defineProperty 메서드를 이용해 프로퍼티를 생성함Object.defineProperty(person,'name',{ val.. 2022. 12. 3. 이전 1 2 3 4 5 6 7 8 ··· 15 다음
