브라우저와 브라우저 엔진

웹 브라우저

• HTML, CSS, JavaScript, WASM(웹 어셈블리)에 이르는 다양한 언어를 해석
• 해석한 결과를 바탕으로 렌더링
• 쉽게 사용하지만, 생각보다 많은 영역을 수행해주는 애플리케이션
• 오픈소스로 공개가 되어있어서, 조금만 관심을 가지면 구현할 수 있을지도??

종류

• Chrome (Google)
• Safari (Apple)
• Edge (MS)
• Firefox (Mozilla)
• Opera (Opera software)
• Internet Explorer (MS 2022? 지원 중단?)
• Whale browser (NAVER)
• Brave browser (Brave)
• Samsung Internet (Samsung)

...

웹 브라우저의 구성

• 브라우저 엔진 (렌더링 엔진) → 가장 핵심!
• 자바스크립트 엔진
• 통신 모듈

브라우저 엔진

• 브라우저가 동작하는 데 필요한 기반 기술을 모두 포함하는 엔진
• 브라우저 엔진에 따라서 동작 방식이 거의 유사하다.
• 브라우저가 많아져도, 브라우저 엔진이 비슷하면 대부분 비슷하게 동작한다고 이해할 수 있음.

→ 따라서 브라우저의 종류가 늘어난다고 해서 프론트엔드 개발자의 할 일이 늘어나는 것이라고 이해할 필요가 없음.

• 종류
  • Blink Engine (Chrome, Opera, Samsung Internet, MS Edge, Whale...)
  • WebKit Engine (Safari) : 비운의..엔진... 크롬도 웹킷을 사용하다가, 블링크 엔진을 개발함
  • Servo Engine (Firefox), Gecko Engine (Firefox)

ios

• ios에서는 모든 브라우저가 Webkit 기반으로 동작함
• 어떤 브라우저를 깔든, Safari 브라우저에 스킨 씌우는 정도와 같다!!