개발자
류준열

browser

폐쇄망에서 겪은 서버컴포넌트 문제

폐쇄망 서버에서는 해당 인프라의 hosts 에 등록되지 않은 도메인에 접근할 수 없다. 하지만 브라우저는 로컬 PC의 hosts 파일을 참조하기 때문에 폐쇄망 서버와 무관하다.

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)이 진행된다.