안녕하세요 선생님.
쇼핑몰 만들기 강좌를 하다가 이미지로딩 문제 질문합니다.
[상품 페이지]에 2mb 이미지 10개가 있습니다.
그런데 [상품페이지] 이동시, 이미지가 번쩍번쩍 나타나는 현상이 나타납니다.
이미지 파일이 커서 로딩이 완료되면 보여주기 때문인것같습니다.
로딩 중이라는 화면은 보여주고 싶지않습니다.
항상 그 상태가 유지됬으면 좋겠습니다.
그래서 생각한 것이 [상품 페이지] 이동 전에 app.js에서 이미지를 받으면 어떨까였습니다.
이미지 프리로딩이라는 것을 알게되어 적용해봤는데 실패했습니다.
app.js에서는 image_1.jpg를 받았다면, [상품 페이지]에서는 image_1.jpg를 사용할 수 없었습니다.
크롬개발자도구에서 확인해보니
app.js에서 image_1.jpg를 받았지만..
[상품페이지]는 123912asfasfj.jpg의 다른 파일을 사용하고 있었기 때문입니다
리엑트는 파일마다 개별네이밍을 부여한다는 것을 알았습니다.
제가 접근한 방법이 잘못되었다면, 다른 방법 추천해주실수 있으신가요
