Blog

개발 관련 글과 경험을 공유합니다.

Babel

배경 크로스 브라우징 크로스 브라우징의 혼란을 해결해 줄 수 있는 것은 바벨이다. 모든 브라우저에서 동작하도록 호환성을 지켜준다. 크로스 브라우징이란? 간단하게, 웹 페이지의 상호 호환성 === 서로 다른 브라우...

린트가 필요한 상황 위에 코드를 실행하면 TypeError가 나타난다. 이유는? 실제로 실행되는 코드는 이렇게 인식하기에 세미콜론이 없어 타입 에러가 났다. ESLint 기본 개념 코드의 가독성을 높이고 잠재적인...

로더의 역할 웹팩은 모든 파일을 모듈로 바라본다. 자바스크립트로 만든 모듈 뿐만 아니라 스타일, 이미지, 폰트까지 전부 모듈로 바라본다. 이것들이 가능한 이유는!! 웹팩의 로더 덕분이다! 1. Ts -Js 변환...

웹팩을 번들러라고 부른다. 왼쪽에 있는 여러 js 파일들을 웹팩을 통해 왼쪽에 있는 파일들(번들)로 만들어낸다. 즉, 여러개의 js 파일을 하나의 번들로 만드는 역할 엔트리 자바스크립트 모듈들이 여러개 의존관계가...

웹팩이 필요한 이유 배경 모듈을 지원한 시기는 ES2015부터 모듈을 지원하기 시작했다. ES2015 이전에는 흔히 사용하는 import/export 구문이 없다. 그럼 어떻게 import 했을까? 다음 두 파일...