두 액션이 순서대로 나타나면 같은 타임라인에 넣는다.

• 같은 타임라인에서 순서대로 실행.

<aside> 💡 타임라인에는 액션만 그립니다. 계산은 실행 시점에 영향을 받지 않기 때문에 그리지 않습니다.

</aside>

두 액션이 동시에 실행되거나 순서를 예상할 수 없다면 분리된 타임라인에 넣습니다.

setTimeout(sendEmail1, Math.random()*1000);
setTimeout(sendEmail2, Math.random()*1000);

• 두개의 함수가 비동기로 실행되기 때문에 타임라인이 2개이다.

요약

1. 액션은 순서대로 실행되거나 동시에 실행된다.
2. 순서대로 실행되는 액션은 같은 타임라인에서 하나가 끝나면 다른 하나가 실행된다.
3. 동시에 실행되는 액션은 여러 타임라인에서 나란히 실행된다.

액션 순서에 대한 두 가지 사실

1. ++ 와 +=는 세 단계로 이루어진다 읽기 → 더하기 → 쓰기

• total++

var temp = total // 읽기 (액션)
temp = temp + 1 // 더하기 (계산)
total = temp; // 쓰기(액션)

• 전역변수를 읽어 값을 로깅하는 함수
• console.log(total)