강의

멘토링

로드맵

Programming

/

Front-end

Quick look at the Javascript V8 engine

You can understand the JavaScript engine V8! You can get hints on how to write more efficient code.

(5.0) 8 reviews

109 learners

  • hajeonghun
최적화
v8
JavaScript
Node.js

Reviews from Early Learners

What you will learn!

  • How the V8 Engine Works and Its History

  • JavaScript code execution flow

  • Optimization techniques such as inlining, hidden classes, and inline caching

  • Optimization tips when writing code

Understand how a V8 engine works,

Become a front-end developer who grows together!


If you are a web developer, you will often encounter Chrome browser and Node.js.

It is a JavaScript engine developed by Google.


This is helpful for people like this 🤓

🤔 : I want to become a better JavaScript developer...

🤗 : You may know JavaScript syntax, but to become a better developer, you need to have some understanding of how the JavaScript engine works.

There can be a big difference between writing your code without understanding how it will be executed and optimized, and writing it with understanding.

🤔 : So why is the engine important?

🤗 : Without an engine, the JavaScript language would be meaningless. Because the computer wouldn't be able to understand the code developers write. Of course, you don't need to know the ins and outs of the engine, but I'm confident that understanding how it works will lay the foundation for writing better code.

Learn this content 🤩

Section 0. Before we begin...

What will you gain from this lecture? Why should you know it? Let's find out together!

Section 1. JavaScript V8 Engine

Let's learn how the V8 engine works by looking at the JIT compiler, interpreter, and static compiler!
Also, learn about the background and history of the V8 engine and compare the compiler pipelines of other JavaScript engines, SpiderMonkey and JavaScriptCore (JSC)!

section1.001

Section 2. Optimization Strategies for the V8 Engine - Inlining

Let's find out what inlining optimization is!
Also, think about what benefits inlining optimization can bring!

section2.001

Section 3. Optimization Strategies for the V8 Engine - Hidden Class

Let's learn about the form of JavaScript Objects defined in the ECMAScript Spec and how to access properties within an object!
Let's take a look at why the concept of hidden classes came into being, what form they take, and the order in which Transition Chains are constructed, one by one!

section3.001

Section 4. Optimization Strategies for the V8 Engine - Inline Caches (ICs)

In Section 3, we learned about hidden classes! Let's explore how inline caching works and how to optimize it!

Let's take a look at what states (transition marks) inline caching manages and what you need to be careful about to get the benefits of inline caching!

section4.001

Section 5. A Closer Look at Hidden Classes

Let's take a true or false quiz by looking at example code and guessing whether two objects share the same hidden class!
We've prepared a total of six quizzes. Pause the screen for a moment and think about the answer as you proceed!
And we'll also take the time to compare the same hidden classes using the built-in functions of the V8 engine in Node.js!

section5.001

Section 6. Conclusion...

We'll conclude the lecture by learning three optimization tips for writing code, based on the concepts we've learned!

You've completed the course! Thank you for your hard work. 🎉

Recommended for
these people

Who is this course right for?

  • For those of you who were curious about how the V8 engine works

  • For those who want to know the JavaScript code execution flow

  • For those of you who have ever wondered how your code is optimized

  • For those who want to have a perspective from the engine perspective

Need to know before starting?

  • Basic knowledge of JavaScript

Hello
This is

109

Learners

8

Reviews

5

Answers

5.0

Rating

1

Course

안녕하세요.

여러 기술과 성능 최적화에 관심이 많은 프론트엔드 개발자입니다.

 

📧: official.hajeonghun@gmail.com

Curriculum

All

20 lectures ∙ (1hr 34min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

8 reviews

5.0

8 reviews

  • eddie님의 프로필 이미지
    eddie

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    어떻게 접근할지, 개념을 어떻게 잡아야 할지 막막함이 있었는데, 전반적인 큰 그림을 그리는데 많은 도움이 되었습니다.

    • 하정훈
      Instructor

      처음 접할 때 막막한 느낌, 정말 공감됩니다. 그래도 끝까지 수강해주시고, 큰 그림을 그리는 데 도움이 되었다니 정말 기쁩니다! 혹시 또 비슷하게 어려웠던 개념이나 주제가 있다면 언제든 공유해주세요! 저도 함께 고민하고, 정리된 형태로 나누면 좋을 것 같아요 :) 앞으로도 함께 성장해요💪

  • 박근백님의 프로필 이미지
    박근백

    Reviews 2

    Average Rating 5.0

    5

    60% enrolled

    • 하정훈
      Instructor

      감사합니다! 앞으로도 도움 되는 강의로 보답하겠습니다!

  • 아무도_모를_아이디님의 프로필 이미지
    아무도_모를_아이디

    Reviews 44

    Average Rating 4.8

    Edited

    5

    60% enrolled

    V8 엔진 강의가 있어서 첫장부터 기대 하면서 봤습니다. 처음엔 조금 어려운 부분이 있었는데요 키워드를 보니 어떤 기능인지 캐치 할 수 있었습니다. 내용을 완전히 이해 하지 못해도 V8 엔진의 좋은 아이디어를 얻을 수 있었습니다. 다른 언어와 비교하여 신박한 부분도 있어서 영감을 주는 좋은 강의 였습니다.

    • 하정훈
      Instructor

      감사합니다! V8 엔진은 다소 복잡한 개념도 있지만, 그만큼 자바스크립트를 깊이 이해하는 데 큰 도움이 되는 영역이라 꼭 소개하고 싶었습니다. 완벽히 이해하지 않아도 아이디어와 구조만으로도 많은 영감을 얻으셨다니 정말 기쁩니다. 앞으로도 흥미롭고 실용적인 주제로 도움 드릴 수 있도록 더 준비해보겠습니다. 좋은 수강평 감사합니다 🙏

  • nameunskadms님의 프로필 이미지
    nameunskadms

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    알차고 딥한 내용을 컴팩트하게 풀어내는 강의! 정말 기다려오던 강의입니다! 앞으로 내시는 강의는 다 구매하고 싶습니다. take my money!!! 강의 많이 내주세요!

    • 하정훈
      Instructor

      너무 멋진 말씀 감사드리며, 제 강의가 도움이 되셨다니 저야말로 영광입니다! 최대한 풀어내려고 했는데 혹시 이해가 안 되었던 부분이 있다면 언제든 질문해주세요. 강의를 끝까지 들어주셔서 감사하며, 저 또한 항상 응원하겠습니다.

  • 이준규님의 프로필 이미지
    이준규

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    정말 알아야할 정보라고 생각되는 내용들을 알려주셔서 감사합니다

    • 하정훈
      Instructor

      끝까지 들어주셔서 저야말로 감사합니다🤓

Limited time deal

$18,970.00

25%

$19.80

Similar courses

Explore other courses in the same field!