이미지 관련 질문

Question

안녕하세요 제로초님 1. 다름이 아니라 이미지가 렌더링 되기전에 스켈레톤을 보여주고 싶은데 ssr이다보니 데이터가 이미 채워진 상태로 와서 (img src가 스트링형태로 채워진 상태로) 브라우저가 그 src url을 실제 렌더링하기 전까지의 기준을 어떻게 구현할지 잘 모르겠습니다 ㅠㅠㅠ 2. 그리고 이미지가 바뀌는 카로셀을 적용하고 있는데 이미 브라우저가 카로셀에 보여주는 이미지를 미리 가지고 있어도 카로셀이 넘어갈때 새로고침 현상이 이러납니다... next가 다시 알아서 다시 요청하는 걸까요... 3. 그리고 빌드시에 <script id="__next_DATA_" type="application/json">안에 내가 받은 데이터가 전부 json 형태로 볼 수 있는데 막을 수 있는 방법이 있나요?? 강의 내용과 직접적인 관련이 없어서 죄송합니다. 제로초님 강의에서 배운 것으로 만들다보니..ㅠㅠ 항상 정성껏 답변해주셔서 너무 감사합니다.

제로초(조현영) · Answer

애초에 이미지 관련 데이터를 getServerSideProps가 아닌 useEffect나 swr처럼 csr을 하는 코드에서 받으시면 됩니다. 3번 next data는 막을 수가 없습니다. 그래서 서버로부터 받을 때 보여지면 안 되는 데이터는 받으면 안됩니다.