본문 바로가기

JavaScript168

[JavaScript] scope, scope chain 🎈 스코프(scope) 식별자에 대한 유효범위. ex) 어떤 경계 A의 외부에서 선언한 변수는 A의 외부뿐 아니라 A의 내부에서도 접근이 가능하지만, A의 내부에서 선언한 변수는 오직 A의 내부에서만 접근할 수 있다. scope의 개념은 대부분의 언어에 존재한다. 다만 ES5까지의 자바스크립트는 특이하게도 전역공간을 제외하면 오직 함수에 의해서만 scope가 생성된다. 🎈 스코프 체인(scope chain) scope를 안에서부터 바깥으로 차례로 검색해나가는 것 여러 scope에서 동일한 식별자를 선언한 경우에는 무조건 scope chain 상에서 가장 먼저 발견된 식별자에만 접근 가능하게 된다. 스코프 체인 예제 var a = 1; var outer = function () { var inner = f.. 2021. 10. 29.

[JavaScript] 전역 변수, 지역 변수 🎈 전역 변수(Global Variable) 전역 공간에서 선언한 변수. 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수. 전역 컨텍스트에 담긴 변수. 안전한 코드 구성을 위해 가급적 전역 변수의 사용은 최소화하는 것이 좋다. 🎈 지역 변수(Local Variable) 함수 내부에서 선언한 변수. 함수 외부에서는 접근할 수 없다. 함수에 의해 생성된 실행 컨텍스트의 변수. 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수. 2021. 10. 29.

[Vue.js] 선언 순서 index.js Vue.component('todo-item', { template: '할일 항목 하나입니다.' }) var app = new Vue({ // 위에 Vue.component랑 순서가 바뀌면 화면에 출력이 안된다! el: '#app' }) index.html 2021. 10. 25.

[Vue.js] vue-router를 사용하는 여러 가지 방법 1. import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../components/Home.vue' import About from '../components/About.vue' Vue.use(VueRouter); const routes = [ { path: "/home", name: "Home", component: Home }, { path: "/about", name: "About", component: About }, ]; const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) export default router.. 2021. 10. 25.

[Vue.js] vue-router 이란? ❄️ vue-router 란? 라우팅을 간단히 해주는 라이브러리 vue-router는 SPA를 만드는 것을 용이하게 해준다. 설치 방법 프로젝트가 있는 경로로 가서 terminal에 아래의 명령어를 입력한다. npm install vue-router 설치를 하면 package.json의 dependencies에 아래와 같은 문구가 새로 생긴다. router을 사용할 때에는 src 폴더 아래에 'router'라는 폴더를 생성하고 그 안에 index.js라는 파일을 만든다. 이렇게 만들자고 한 것은 약속이라고 한다. src/router/index.js import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../componen.. 2021. 10. 25.

[JavaScript] call, apply, bind 🍩 call 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령 Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) 이때 call 메서드의 첫 번째 인자를 this로 바인딩하고, 이후의 인자들을 호출할 함수의 매개변수로 한다. 함수를 그냥 실행하면 this는 전역객체를 참조하지만 call 메서드를 이용하면 임의의 객체를 this로 지정할 수 있다. // call 메서드-1 var func = function (a, b, c) { console.log(this, a, b, c); }; func(1, 2, 3); // Window{ ... } 1 2 3 func.call({ x: 1 }, 4, 5, 6); // { x: 1 } 4 5 6 // call 메서.. 2021. 10. 23.

이전 1 ··· 5 6 7 8 9 10 11 ··· 28 다음

티스토리툴바