조스의 개발먹방

🚀 들어가며... 자바스크립트에는 this라는 키워드가 있습니다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별됩니다. this의 값들은 크게 4가지 정도로 나눌 수 있는데, this를 이용하는 함수를 4가지 방식 중에서 어떤 방식으로 실행하느냐에 따라 this의 값이 결정됩니다. 이러한 특성 때문에 this가 무엇을 지칭하는지 알기 위해서는 this가 사용된 함수가 어디서 어떻게 실행되었는지를 알아야 합니다. 📑 내용 JS에서 this의 할당은? JS에서 this는 정적으로 할당 되지 않고, 동적으로 할당됩니다. 쉽게 말하자면, this가 선언되었을 때가 아닌, 호출되었을 때 결정된다는 의미입니다. ex) const pers..

🚀 들어가며... function 키워드를 생략하고 => 를 이용하여 함수를 훨씬 간단하게 표현할 수 있는 JavaScript의 화살표함수에 대해 알아보겠습니다. (ES6 이상부터 사용가능합니다.) 📑 내용 1. 화살표 함수의 기본 문법 기본표현식은 아래와 같습니다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있습니다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없습니다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며..