미션 9 마무리 :: refactor 과정

1. guard clause 사용하기

중첩 if문 사용하였기 때문에 guard clause를 사용해보라고 하셨다. 사실 처음 들어서 guard clause부터 찾아봤다.

 

Guard clause는 특정 조건을 만족하면 바로 함수를 종료할 수 있도록 하여 복잡도를 줄이고, 가독성을 높이는 프로그래밍 패턴이라고 합니다.

 

 

 

 

2. 토글 위치

const rect = e.target.getBoundingClientRect();

    setModalPosition({

      top: rect.bottom + window.scrollY + 5,

      left: rect.left - 150,

    });

 

어느 정도 위치는 잡았지만 스크롤하면서 위치가 변했다... 그래서 창 상하를 기준을 플러스해서 잡아주니 내가 원하는 위치에 있게 되었다.