Frontend

기술 기록

performance.now()로 코드 실행 시간 측정

코드 한 블록의 실행 시간을 잴 때 performance.now()를 어떻게 쓰고, Date.now()와는 무엇이 다른지 정리했다.

DNS 조회부터 Composition까지, 브라우저가 웹사이트를 띄울 때 내부에서 벌어지는 흐름을 Construction과 Operation 두 단계로 짚어봤다.

ToDo 리스트를 만들면서 Redux Toolkit을 처음부터 끝까지 한 번 깔아본 기록. 스토어·타입·액션·리듀서·셀렉터·디스패치까지 7단계로 정리했다.

store 하나에 상태를 모으고 dispatch·reducer·subscribe로만 손대게 만드는 Redux의 동작 원리를 따라가며 정리했다.

todo 아이템을 마우스로 끌어 왼쪽으로 밀어내는 슬라이드 동작을, React 마우스 이벤트와 transform으로 구현했다.