Welcome to FE Lab
Frontend
Experiment Lab
번들러 밑바닥부터 대규모 아키텍처까지,
실험하고 기록하며 성장하는 프론트엔드 엔지니어의 공간입니다.
✨ 최근 등록된 실험 기록
[누가 시키지도 않았는데 번들러 만들기] 2. 코드를 데이터로 보는 법 (AST Graph)
정규표현식으로 import 문을 찾으려다 실패한 경험, 그리고 AST 추상 구문 트리를 통해 코드를 데이터로 바라보는 관점을 소개합니다. 파일 시스템을 그래프로 변환하는 과정을 직접 구현해봅니다.
Read more →
[누가 시키지도 않았는데 번들러 만들기] 0. 프롤로그: 질문이 구현이 되는 순간
수많은 소스 코드가 어떻게 하나의 결과물로 합쳐질까요? 당연하게 사용하던 번들러의 블랙박스를 열고, 직접 손으로 구현하며 그 답을 찾아봅니다.
Read more →
[누가 시키지도 않았는데 번들러 만들기] 1. 개념과 도구: 번들러의 등장 배경
코드를 번들링해야 하는 기술적 이유와 자바스크립트 모듈 시스템의 발전 과정을 살펴봅니다. 또한 번들러 구현의 기반이 되는 Magic String 라이브러리를 소개합니다.
Read more →