개발자
류준열

browser

code spliting으로 블로그 성능 소폭 개선

게시글 페이지의 page.js에서 highlight 라이브러리를 분리하여 lighthouse 점수를 78 -> 85 로 증가시켰다.

setTimeout의 한계와 reqeustAnimationFrame

setTimeout의 delay를 0.5초로 설정하였는데 0.5초가 지나도 call stack이 처리되지 않으면 setTimeout의 callback은 실행되지 않는다. 이렇게 setTimeout이 씹히게 된다.

사파리에서 클립보드 복사 이슈

사파리에서는 보안상의 이유로 유저 액션을 통해서만 클립보드 복사가 동작한다.

SSR에서 고려해야 할 것들

next는 SSR을 할 수 있는 리액트 프레임워크이다. JSX문법으로 렌더링 할 코드를 작성하면, next 서버에서 html을 만들어주고 그 이후 hydration이 진행되면서 리액트(CSR)이 진행된다.