오늘 할 것 vue eventbus, mole-game, calculate js study git 업로드 및 수정 공부한 것 브라우저의 통신에 대해 이론 정리를하였다. 이론 정리를 하면서도 확실히 이해는 못한 것 같다. 일단 사용해보면서 익숙하게 만들어야 할 ...

EventBus 형제 컴포넌트간 데이터 공유 형제 컴포넌트를 이어주는 가상의 부모컴포넌트 역할 (이벤트 신호 받고 이벤트 신호로 받은 데이터 사용) 1. 이벤트버스 생성 (main.js)1export const eventBus = new Vue(); 2. 이 ...

THIS 함수를 호출할 때, 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다. 렉시컬스코프 : 함수를 선언할 때 함수의 스코프를 결정 12345678function foo(number) { console.log(ar ...

오늘 할 것 javascript 이론 vue cli 계산기, 두더지 게임 공부한 것 this, DOM, 모듈패턴 이론정리 vue를 이용해서 두더지게임을 만들어 보았다. 초기화 과정까지는 구현하였으나 새로고침할 때 두더지의 셔플하는 것을 못 했다 .. 내일 할 ...

모듈패턴 (Module Pattern) 변수가 섞일 수 있기 때문에 전역변수는 지양한다! -> 지역변수로 만들자! 1. 네임 스페이스 (Name Space) 누구나 접근이 가능하다. (Public) 1234567891011121314151617var x ...

클로저 Closure 함수형 프로그래밍 언어에서 사용되는 중요한 특성 1. 클로저**클로저** : 함수가 생성될 때의 렉시컬환경을 기억하는 것 내부함수가 자신을 포함하고 있는 외부함수의 스코프에 접근할 수 있는 것 종료된 외부함수임에도 외부함수로 인해서 ...

오늘 할 것 vue cli 폼 만들기 vue study javascript this, dom, 모듈패턴 공부한 것 vue cli를 설문조사 폼을 완성하였다. input radio는 js의 원리를 이해하니 크게 어려운 부분이 아니었다. vue 계산기를 만들었던 ...

오늘 할 것 vue cli 폼 만들기 클로져, this, 모듈패턴, dom 포트폴리오는 5월 부터! 네이버 뷰 구성 공부한 것 javascript이론공부는 시간을 정해놓고 한가지씩 하니 더욱 효율적인 것 같다. vue cli를 이용해서 설문조사 폼을 구현해 ...

DOM (Document Object Model) 브라우저의 렌더링 엔진이 HTML을 브라우저가 이해할 수 있는 구조로 메모리에 적재 브라우저의 렌더링 엔진이 HTML의 계층적 구조를 브라우저가 이해할 수 있는 객체로 만들어 트리구조(DOM TREE)로 구조화 ...

호이스팅 Hoisting hoisting : 끌어올리다 (자바스크립트 엔진의 기능) 함수나 변수 선언문을 어디에 쓰더라도 실행 단계에서 Scope 맨 위로 끌어올린다. => 어디선든 순서 상관없이 호출 가능 1. 변수 호이스팅1234567// 변수 ...