조스의 개발먹방

🚀 들어가며... 이번에 신규서비스 개발을 앞두고, default export로 코딩을 한 부분을 일괄적으로 named export 방식으로 수정하였는데 수정 할 겸 개념정리도 같이 해보았습니다. 📑 내용 Named Export와 Default Export의 차이 🧐 Named Export 특징 - 한 파일 내에서 여러개의 변수/클래스/함수를 Export 할 수 있습니다. - Import할 때 as 키워드를 사용해서 다른 이름을 지정할 수 있습니다. Default Export 특징 - 한 파일 내에서 단 한개의 변수/클래스/함수만을 Export 할 수 있습니다. - from 뒤에 명시한 파일에서 단 한개의 모듈만 가져오기 때문에 as 키워드 없이 원하는대로 이름을 바꿀 수 있습니다. Default Exp..

🚀 들어가며... 자바스크립트에는 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 // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며..

🚀 들어가며... 자바스크립트로 계산식을 수행하다 보면, 상식적으로 생각했을 땐 너무나도 당연하고 올바른 계산식인데도 불구하고 결과는 계산 오류가 발생하는 경험을 하게 됩니다. 보통 피연산자들이 소수점을 가진 경우에 발생하는데 이번 포스팅에서는 이러한 계산오류의 원인과해결방법을 정리해보았습니다. 💌 소스코드 let a = 0.42 let b = 1.41 console.log(a + b); // 1.8299999999999998 📑 내용 오류의 원인은 무엇일까요? 우선 컴퓨터는 계산시 저희가 흔히 아는 10진법으로 계산하는것이 아니라 2진법으로 계산한다는 것은 알고 계실겁니다. 몇몇 소수의 경우에는 10진법을 2진법으로 변환할 때 무한소수가 되어버리는데, 유한한 컴퓨터의 자원을 활용하는 프로그램은 당연히 ..