Performance
1.레이지 로딩 구현하기 (Intersection Observer)
서론 해커뉴스 리액트 프로젝트 진행 도중 기사의 댓글을 보여주는 페이지에서 댓글과 대댓글이 너무 많아 로딩이 오래 걸리고 심지어 버벅거리는 현상이 발생했다. 그래서 1차적으로 댓글만 보여주고 대댓글이 있을 경우 더보기 버튼을 생성해서 사용자가 클릭하면 대댓글을 불러올
2022년 9월 8일
2.NextJS의 blurDataURL과 base64
Next JS 프로젝트 중 이미지 최적화 과정에서 Next JS에서 제공하는 blurDataURL을 사용해 이미지가 로딩되는 동안 사용자에게 보여줄 플레이스 홀더를 구현하기로 했다.Next JS를 사용해 랜딩 페이지를 제작하는데, 시안에 이미지가 많이 사용되고 있었을
2022년 9월 13일