본문 바로가기
반응형

프로그래밍38

[자바스크립트] call, apply, bind Binding이란? JS this는 '자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수' 라는 정의를 가집니다. 참고 : https://programjy.tistory.com/69 [자바스크립트] this객체 this 정의 this는 '자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수' this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메소드를 참조할 수 있다. programjy.tistory.com 즉, this는 고정된 값에 바인드되는것이 아닌 객체 내부, 메서드 호출시, 생성자 new 호출시 등등 상황에 따라 바뀌는 것을 Binding이라고 합니다. 명시적으로 이 this를 다른 객체로 바꿔주는 함수가 call, apply, b.. 2021. 7. 29.
[자바스크립트] this객체 this 정의 this는 '자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수' this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메소드를 참조할 수 있다. 이웅모 저 this는 일반적으로 메소드를 호출한 객체가 저장되어 있는 속성. '또는' 이라는 표현으로 this가 고정된 값에 바인딩되어 사용되지 않는다는 것을 의미합니다. this는 '함수가 호출되는 방식'에 따라 '동적'으로 결정된다. this호출경우 1. 일반함수에서 this => window 2. 메소드에서 this => 호출한 객체 3. 생성자 함수 호출 this => 생성할 객체 4. Call, Apply, Bind 메소드 사용시 => 메서드 첫번째 인수로 전달하는 객체에 바인딩 1.일반함수에서.. 2021. 7. 29.
브라우저 저장소 (local Storage, session storage, cookie) Web Storage DOM 저장소 라고도 하는 웹 저장소는 웹 앱에 클라이언트 측 데이터를 저장하기 위한 방법과 프로토콜을 제공합니다. 웹 저장소는 쿠키와 유사하지만 용량이 크게 향상되었으며[1] HTTP 요청 헤더에 정보가 저장되지 않은 영구 데이터 저장소를 지원합니다.[2] 두 가지 주요 웹 저장소 유형이 있습니다: 로컬 저장소 및 세션 저장소, 각각 영구 쿠키 및 세션 쿠키와 유사하게 작동합니다. 웹 스토리지는 W3C(World Wide Web Consortium)[3] 및 WHATWG[4]에 의해 표준화되었습니다. 모든 주요 브라우저에서 지원합니다. 즉, Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 단에 저장할 수 있는 기.. 2021. 7. 27.
[Vue] Vue 에디터 Toast ui editor 플러그인 설치 Toast Ui Editor를 vue/cli로 설치해서 사용하면 기본적인 editor 기능을 사용할 수 있지만, 기본으로 지원하지 않는 기능들을 플러그인으로 제공하고 있다. (에디터에서 제공하는 플러그인은 현재 5개이며, 추후 자주 사용되는 기능이 추가될 예정이라고 함 ) (https://github.com/nhn/tui.editor/blob/master/docs/ko/plugin.md 여기서 확인할 수 있다.) 이번에는 글씨색을 바꿔주는 플러그인을 설치해보려고한다. 1.vue/cli를 통한 설치 npm install --save @toast-ui/editor-plugin-color-syntax package.json에 의존성이 추가된 것을 확인할 수 있다. 2.editor components에 플러그인.. 2021. 7. 22.
반응형

티스토리툴바