KitWorks Team Study

1. Bun

2. is a fast
all-in-one
JavaScript runtime

3. Bun이 빠른 이유
WebKit의 JavaScriptCore를 기반으로 구축 + 저급 언어인 Zig 언어 사용

4. 애플에서 개발한 JavaScript 엔진.
초기엔 WebKit 프레임워크를 위해 개발되었으나
최근 Safari와 React Native App에서 사용.
JavaScriptCore?

5. JavaScript 엔진 파이프라인
소스코드 파싱 후 추상 구문 트리(AST)를 만듦
AST를 바탕으로 인터프리터가 *바이트코드를 생성
이를 컴파일러에게 프로파일링 된 데이터와 함께 전송
*bytecode
가상 컴퓨터에서 돌아가는 실행 프로그램을 위한 이진 표현법

6. JavaScriptCore 파이프라인
JavaScriptCore는 다른 엔진과는
다르게 최대 3번까지 최적화함
LLI(Low Level Interpreter)
+
3개의 *JIT(just-in-time) 컴파일
*JIT
프로그램을 실제 실행하는 시점에 기계어로 번역하는
컴파일 기법

7. 애플에서 개발한 JavaScript 엔진.
초기엔 WebKit 프레임워크를 위해 개발되었으나
최근 Safari와 React Native App에서 사용.
V8 파이프라인(참고)

8. Andrew Kelley가 개발한 정적 타입의, C언어 개선을 목표로 한 프로그래밍 언어
표준 라이브러리를 선택적으로 가져올 수 있어 성능 최적화에 유리함
메모리 수동관리가 가능
Zig언어?

9. All-in-one?
npm 패키지와 호환 가능한 패키지 매니저 포함
WebSocket, Fetch 같은 Web API 지원 + Node native API의 약 90% 지원
node_modules을 그대로 사용
TypeScript 및 JSX 모두 지원
.env 파일로부터 환경 변수 자동 로드
…
번들러 면서 트랜스파일러 면서 패키지관리자

10. 단점
현재 v0.1.4인 베타버전이라 프로덕션 단계에
적용하기엔 다소 시간이 필요함
macOS, Linux x64, Windows 하위 시스템
(WSL)에서 사용 가능하여 개발 환경이 한정적
1 2

11. 설치 / 사용 WSL 사용
$ curl -fsSL https://bun.sh/install | bash
.bashrc 파일에서 환경변수 설정
Bash파일을 소싱해 변경내용 반영

12. 설치 / 사용 WSL 사용
bun의 원시 서버 생성 및 실행 dotenv 같은 외장 라이브러리 없이 env파일 호출

13. 설치 / 사용 WSL 사용
◀ bun으로 웹서버 실행 시
패키지 설치 ) $ bun install 패키지명

14. 설치 / 사용 WSL 사용
React.js / Next.js 설치)
$ bun create react ./프로젝트명
cd 프로젝트명
bun dev