🚄 웹 성능 개선 - 1. WebAssembly

🐱‍🏍 목표

• 웹어셈블리 개념 파악
• 웹어셈블리에 장 / 단점

---

📌 1. WebAssembly (?)

1-1) 어셈블리어

• 프로그래밍 언어 > 어셈블리어 > 기계어
• 위와 같은 프로세스로 컴퓨터가 언어를 인식한다.
• 일반 프로그래밍 언어보다 기계어에 가깝다.

1-2) WebAssembly (?)

• 브라우저에서 실행 가능한 신규 타입

HTML, CSS, JavaScript, WebAssembly

• C++, Rust, Go, Java와 같이 다른 언어로 짠 코드를 wasm 파일로 변환이 가능
• 브라우저는 wasm 형식에 파일을 수행

---

📌 2. WebAssembly 장 / 단점

2-1) 장점

• 다른 언어로 작성한 프로그램도 브라우저에서 실행이 가능
• 안정적으로 빠른 속도를 기대할 수 있다.

  • JavaScript와 WebAssembly 실행 비교
    

• 단, JavaScript 코드도 Optimized Code형태로 코딩하여 Turbofan을 통해 실행한다면, 동일한 성능을 낼 수 있다.

2-2) 단점

• 타, 프로그래밍 언어를 학습해야 한다.
• 수요는 있으나, 아직은 범용적으로 사용하지 않는다.

2-3) AssemblyScript

• TypeScript와 유사한 Assembly Script
• Assembly Script 공식 홈페이지

---

참고

코딩애플 Youtube