Next JS 프로젝트 중 이미지 최적화 과정에서 Next JS에서 제공하는 blurDataURL을 사용해 이미지가 로딩되는 동안 사용자에게 보여줄 플레이스 홀더를 구현하기로 했다.Next JS를 사용해 랜딩 페이지를 제작하는데, 시안에 이미지가 많이 사용되고 있었을
서론 해커뉴스 리액트 프로젝트 진행 도중 기사의 댓글을 보여주는 페이지에서 댓글과 대댓글이 너무 많아 로딩이 오래 걸리고 심지어 버벅거리는 현상이 발생했다. 그래서 1차적으로 댓글만 보여주고 대댓글이 있을 경우 더보기 버튼을 생성해서 사용자가 클릭하면 대댓글을 불러올
리액트로 만든 웹을 배포하고, 아이폰과 아이패드에서 확인해보니 흰색 빈 화면이 나옴cra로 제작한 토이프로젝트를 vercel로 배포 후 점검해보는 과정에서 데스크탑과 데스크탑에서 본 모바일 환경에서는 잘 보여지는데, 아이폰과 아이패드에서는 흰색 빈 화면만 나오는 문제가
리액트 프로젝트에서 npm start로 개발 서버 띄운 후 발생리액트 토이 프로젝트 마무리 단계에서 개발 서버를 띄운 후 개발자 도구를 보는데 에러가 떠있었다. 꽤 길게 써있는 빨간색 글씨에 살짝 쫄았는데 결론적으로는 다행히 쉽게 해결했다.이 오류가 떴을 때는 하단 문