JavaScript
1.Toy Project - 계산기 만들기(CSS - grid)
html css js
2.Toy Project - 계산기 만들기(class 생성)
ac버튼과 연산 버튼 등호 버튼과 넘버 버튼은 각각 따로 작동하므로 data-type을 각자 정해준다.Calculator class를 만들어주고 인스턴스를 만들어준다. displayElement는 displayElement, displayContent 빈값을 넣어준다.
3.Toy Project - 계산기 만들기(메서드 생성, 버튼 클릭시 호출)
버튼을 클릭할때마다 displayContent 속성에 number가 추가되고 input에도 표시되도록 appendNumber,updateDisplay 메서드 추가한다.swhich문의 default에서 추가한 메서드 호출operator도 마찬가지로 추가해준다.AC버튼도
4.Javascript와 Event Loop
Javascript 내부 동작 원리
5.Javascript 일반함수와 ES6 화살표 함수
자바스크립트 this this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. 일반적으로 객체 지향 언어에서 this라는 예약어는 함수가
6.Javascript의 this의 바인딩 룰
복습 함수가 호출 되면 그때 그때 상황에 따라 this가 가리키는 객체가 결정된다. 이렇게 함수가 호출 될 때마다 this가 동적으로 결정되는 것을 "this가 그 객체에 binding 된다"라고 표현한다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 그러기 위해서는 자신이 속한 객체를 가리키는 식별...
7.Javascript 프로토타입(prototype)
프로토타입이란?
8.Javascript 의 class
class란? 객체를 생성하기 위한 템플릿 class를 통해 원하는 구조의 객체 틀을 짜놓고, 비슷한 모양의 객체를 찍어낼 수 있다. 문법적으로 기능은 그대로인데 코드의 양을 줄여주고 직관적으로 쉽게 코드를 읽을 수 있게 만들어 준다. 비슷한 객체를 찍어내기 위해