컴파일러의 역할

컴파일러는 고급 프로그래밍 언어로 작성된 코드를 기계어 코드나 중간 코드로 변환하여 컴퓨터가 이해할 수 있도록 하는 소프트웨어다.

• 문법 검사 : 소스 코드가 프로그래밍 언어의 문법에 맞는지 확인한다.
• 코드 최적화 : 성능을 향상시키기 위해 코드의 효율성을 개선한다.
• 코드 변환 : 고급 언어로 작성된 코드를 저급 언어로 변환하여 실행 가능하게 만든다.
• 디버깅 지원 : 오류를 발견하고 수정하는 데 도움을 준다.

SWC와 ESBuild

SWC (Speedy Web Compiler)

SWC는 JavaScript와 TypeScript의 컴파일을 빠르게 처리하기 위해 설계된 컴파일러이다. Rust로 작성되어 있어 성능이 매우 빠르다.

장점

• 빠른 컴파일 속도 : SWC는 Rust로 작성되어 있어 컴파일 속도가 매우 빠르다
• 효율적인 메모리 사용 : 메모리 사용이 최적화되어 있어 대규모 프로젝트에서도 안정적이다.
• 호환성 : Babel과 유사한 플러그인 시스템을 지원하여 기존 Babel 설정을 쉽게 통합할 수 있다.
• TypeScript 지원 : TypeScript를 네이티브로 지원하여 별도의 플러그인 없이 TypeScript 파일을 컴파일할 수 있다.

단점

• 상대적으로 적은 커뮤니티 : Babel과 비교하여 사용자가 적고 커뮤니티 지원이 부족할 수 있다.
• 제한된 플러그인 : Babel의 방대한 플러그인 생태계와 비교했을 때, 플러그인 지원이 부족할 수 있다.

ESBuild

ESBuild는 SWC와 마찬가지로 컴파일을 빠르게 처리하기 위해 설계된 컴파일러이다. Go 언어로 작성되어 있어 ESBuild도 성능이 빠르다.

장점

• 초고속 빌드: ESBuild는 빌드 속도가 매우 빠르며, 대규모 프로젝트에서의 성능이 뛰어나다.
• 단순한 설정: 사용이 간편하고 설정이 단순하여 빠르게 시작할 수 있다.
• 모듈 번들링: 코드 스플리팅, 모듈 번들링, 최적화 기능을 내장하여 효율적인 빌드를 지원한다.
• 광범위한 지원: 최신 JavaScript와 TypeScript 문법을 잘 지원한다.

단점

• 기능 제한 : Babel이나 SWC와 비교했을 때, 특정 고급 기능이나 플러그인 지원이 부족할 수 있다.
• 생태계 미비 : Babel과 같은 성숙한 생태계를 갖추고 있지 않아, 커스터마이즈가 필요할 때 불편할 수 있다.

결론

내 프로젝트는 create vite를 통해 생성하고 언어 선택 시 typescript + SWC 옵션을 선택했다.
해당 옵션은 컴파일러를 SWC로 쓰고 빌드는 ESBuild를 쓰게 되어 상호 보완을 해줄 수 있을 것으로 보인다.