#JavaScript
8개의 포스트코드가 5초 동안 실행된다고 해볼까요? 그 5초 동안 사용자는 버튼을 눌러도 반응이 없고, 스크롤도 안 되고, 화면이 그대로 얼어붙은 것처럼 보입니다. 왜 이런 일이 생기고, 어떻게 해결해야 할까요?
최근 RFC 278이라는 재미있는 제안이 올라왔습니다.
React로 개발하다 보면 useEffect 안에서 return () => { ... }로 정리 함수를 짜는 게 익숙할텐데요,
하지만 위 PR의 요점은 이제 cleanup함수를 직접 반환하지 말고, [Symbol.dispose]라는 메서드를 가진 객체를 반환하자는 겁니다. 처음엔 "굳이?" 싶었는데, 내용을 뜯어보니 재미있는 이유가 있었습니다. 👀
모달의 배경을 누르면 모달이 닫히는 기능은 이벤트 버블링을 이용하여 쉽게 구현할 수 있었습니다. 하지만 모달 안에서 `Select` 컴포넌트의 드롭다운 후 외부를 클릭했을 닫히도록 동일하게 구현하였더니, 드롭다운이 닫히지 않았습니다.
내가 하고있는 프로젝트는 타이머가 굉장히 중요하다..! 0초라는 타이밍에 많은 로직과 api 전송이 이뤄지는데 타이머가 느려지는 이슈가 있었다. 근데 이해가 안가는 것은 타이머는 버벅거리는데 왜 CSS animation은 정말 잘 움직이는 걸까?
부동소수점 이슈 해결
base64 인코딩 원리