웹팩 도큐먼트 내용을 요약하기 위한 문서입니다.웹팩 로더가 소스코드에 대한 전처리의 역할을 담당해주고 있다면 플러그인은 로더가 할 수 없는 다른작업을 수행할 목적으로 존재하는 개념입니다. 직접 커스텀하게 플러그인을 개발할 수도 있고 존재하는 플러그인이 매우 많기 때문에

웹팩 도큐먼트 내용을 요약하기 위한 문서입니다.로더를 통해 TypeScript 로 작성된 소스코드를 JavaScript 로 변환하거나 가져온 이미지를 Base64 URL 로 변환하는 것도 가능합니다. 뿐만 아니라 최신 세대의 ECMA 표현식 또한 하위 버전으로 트랜스파

타입스크립트와 관련된 도서를 읽고, 인상적이었던 내용에 대한 회고록입니다.타입스크립트는 자바스크립트의 SuperSet 이다. 모든 자바스크립트는 타입스크립트가 될 수 있지만 그 역은 성립하지 않는다.위의 소스코드를 Node 로 실행시키면 함수 파라미터 부분에서 에러가

웹팩 도큐먼트 내용을 요약하기 위한 문서입니다.웹팩 실행 결과 파일은 다중 엔트리를 설정해도 하나의 객체 옵션만 요구합니다. 그러나 이것은 조금더 생각할 필요가 있습니다. 이전 Entry 내용에서, 다중 엔트리를 통해 독립적인 의존성 그래프를 생성한다고 하였습니다. 같

웹팩 도큐먼트 내용을 요약하기 위한 문서입니다.Dependency Graph웹팩은 설정에 정의된 엔트리 파일에서 시작해 연결된 이미지, 폰트파일, 자바스크립트, 스타일시트 파일들의 상호 의존성을 파악하여 의존성 그래프를 생성합니다. 생성된 그래프를 통해 하나의 번들 결

러스트 변수 선언Rust의 모든 변수는 기본적으로 불변의 특징을 갖는다.불변 변수 x에 값을 재할당 하려 하였으므로 컴파일 단계에서 당연하게 에러를 뿜게 된다.그러나 모든 변수를 불변으로 선언해야만 하는 것은 아니다. mut 키워드를 통해 가변 변수를 선언할 수 있다.

실행 컨텍스트https://poiemaweb.com/js-execution-context실행 컨텍스트를 통해 자바스크립트 어플리케이션 실행시 코드 한줄한줄 실행해 나가는 것이 아니라 함수단위의 실행 콘텍스트를 생성하고 이후 콜 스택에서 컨텍스트 Pop 연산을

러스트의 실행 진입점은 main.rs 파일이다. 러스트 소스 파일의 모든 확장자는 .rs 이다. 관례로, 여러 단어로 이루어진 소스 파일을 네이밍 하는 경우 다음처럼 네이밍 하는것을 권장한다.helloworld.rs -> hello_world.rs메인 함수에서 'Hel

이 포스팅은 Webpack 5 버전으로 ESM 자바스크립트 모듈 디펜던시를 번들링하였을 때 사이즈를 최소화 하는 과정에 대한 내용입니다. 최근에 사내에 Vue.js 로 진행한 프로젝트 작업물에 대해서 웹팩 빌드를 진행하여 배포할 일이 있었다. 별 생각없이 Vue-Cl

근래에 취직하게 되서 내가 원하던 프론트엔드 개발에 몰두 할 수 있는 기회를 갖게 되어 더없이 기쁘다. 회사 근무시간 대부분을 자바스크립트에 열중하고 있고... 모처럼 카페에 나와서 개발지식을 넓히고 있다. 학부시절에는 채용 과정 통과를 위해 문제 풀이에 대한 역량