오늘은 자바스크립트 생성자 함수 내에서 일반 함수와 화살표 함수의 차이점에 관하여 알아보겠다. 이 두 가지 함수의 가장 큰 차이점은 'this'의 바인딩 방식이다. 일반 함수에서 'this'는 호출 시점에 결정되는데, 생성자 함수에서 일반 함수를 선언하면 'this'는 그 생성자 함수의 인스턴스를 가리킨다. function Car() { this.speed = 0; this.speedUp = function() { this.speed++; }; } const car = new Car(); car.speedUp(); console.log(car.speed); // 1 위 예시에서 speedUp 메소드는 일반 함수로 선언되었고, 이 메소드를 호출하면 this는 car 인스턴스를 가리킨다. 그러나 화살표 함수..

요즘 다시 자바스크립트의 개념을 공부하고 있는데, 그동안 많이 헷갈렸던 부분에 대하여 이번에 배우게 되어 정리를 해보고자 한다. 나는 논리연산자 &&, 즉 AND가 둘 다 true일 때 true를, 하나라도 false이면 false를 출력하는 용도로만 사용되는 줄 알았다. 근데 이 방식은 전통적인 프로그래밍 방식이라고 한다. alert(true&&true); // true alert(false&&true); // false alert(true&&false); // false alert(false && false); // false if(1 && 0) { // 피연산자가 숫자형이지만 논리형으로 바뀌어 true && false가 됩니다. alert("if 문 안에 falsy가 들어가 있으므로 alert창은 ..

사실 예전에 분명 class를 공부한 부분이 있지만 너무 쉽게 휙 넘어가버려서 매번 class 문제를 마주할 때마다 정신이 혼미하다... 그래서 준비했다. 나를 위한 class 파헤치기!! class 외에도 이전에 다 공부했지만 쏙쏙 많이도 까먹었더라... 물론 다시 개념 좀 살펴보고 하면 되지만 class는 그것조차 잘 되지 않더라 이 말이다...! (class 할 때마다 너무 고통스러워요...) 그럼 얘기는 여기까지 하고, 바로 class에 대하여 알아보도록 하겠다. - Class란? 자바스크립트에서 class는 ES6부터 지원을 하기 시작했다. 자바스크립트에서 class는 함수의 한 종류이다. 익스플로러에서는 class를 지원하지 않으며, 최신 브라우저에서는 class를 지원한다. class를 사용..

헷갈리는 것들만 따로 정리할 예정. deep dive 책을 함께 공부함. 17. 스코프(Scope) 17-1. 스코프 :

2. 타입스크립트 기본 타입 시간 남을 때마다 공부하고 내용 추가.

이제 슬슬 타입스크립트를 시작해야 할 때가 왔다! 요즘 어딜 가나 프론트엔드 개발자들은 타입스크립트를 사용할 수 있어야 한다고 했다! 그래서 엄청 빠른 속도는 아니지만 천천히 타입스크립트도 공부해볼까 한다. 현재의 목표는 프로젝트에서 조금이나마 타입스크립트를 사용해보는 것이다! 1. 왜 타입스크립트를 배우는가? : 장점 단점 Typescript 1. Microsoft에서 만들었고 꾸준히 업데이트한다 2. 생태계가 크다 3. Microsoft에서 개발한 vscode와 잘 맞는다 4. 여러분이 사용하는 대부분의 lib에서 타입 정의 파일을 제공한다 5. 유지보수가 JS보다 유리하다 1. Javascript에 비해 어렵다 Javascript 1. 다른 언어에 비해 쉽다 2. 적은 양의 코딩을 할 때 쉽고 빠르..