클릭 속도로 인한 버그

function add_item_to_cart(name, price, quantity) {
    cart = add_item(cart, name, price, quantity);
    calc_cart_total();
}

function calc_cart_total() {
    total = 0;
    cost_ajax(cart, function(cost) {
        total += cost;
        shipping_ajax(cart, function(shipping) {
            total += shipping;
            update_total_dom(total);
        });
    });
}

유스 케이스 use case 다이어그램 그리기

두 번 연속 클릭 시 발생하는 일을 알고 싶다. 타임라인 다이어그램을 그려보자.

타임라인 다이어그램은 시간에 따라 어떤 일이 일어나는지 보여준다

두 가지 타임라인 다이어그램 기본 규칙

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

• 타임라인에는 액션만 그린다. 계산은 실행 시점에 영향을 받지 않으므로 그리지 않는다.

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