TIL/javascript 2

Javascript 동등 비교

React 동등 비교를 공부하며 Javascript 동등 비교에 대해 다시 정리했다자바스크립트 동등 비교원시타입(primitive type)과 객체타입(object/reference type)이 존재원시타입boolean, null, undefined, number, string, symbol, bigintbooleantrue와 false 외에도 해당 논리로 취급되는 값이 존재falsy : 조건문 내부에서 false로 취급되는 값0, undefind, 빈 문자열 등truthy1중요한 점은 객체({}, [])는 참조를 하기 때문에 true 값으로 취급Object.isES6부터 ‘===’ 동등 비교가 가지는 한계를 극복하기 위해 만들어짐두 값이 같은 값인지 결정함둘 다 undefined둘 다 null둘 다 t..

TIL/javascript 2024.04.03

Babel과 Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축

[자바스크립트 Deep Dive] 책의 49장 ES6+/ES.NEXT 개발 환경 구축을 통해 Babel와 Webpack, Polyfill을 공부해보자.Babel필요성크롭, 사파리, 파이어폭스, 엣지 같은 에버그린 브라우저(별도의 재설치 없이 업데이트가 가능한 브라우저)의 ES6 지원률은 98%로 거의 대부분 지원IE의 경우 ES6 지원률을 11% 정도로 최신 문법의 경우 IE에서 실행되지 않아 ES5 수순으로 트랜스 파일링이 필요함설명ES6+/ES.NEXT로 구현된 최신 사양의 소스코드를 IE 같은 구형 브라우저에서도 동작하는 ES5 사양의 소스코드로 변환(트랜스파일링)해주는 트랜스파일러설치npm을 이용해 설치# 프로젝트 폴더 생성$ mkdir esnext-project && cd esnext-proje..

TIL/javascript 2024.02.18