🥲찾은 문제점
로컬 환경에서는 잘 되지만 vercel로 배포하고 접속하니
가위바위보 버튼 이미지가 제대로 불러와지질 않아서 짤려서 나온다.
바로 배치할 때 이미지 소스를 넣을 때 저렇게 단순하게 소스를 넣어서 해뒀기 때문
심지어 이미지 파일도 public 폴더에서 따로 import 없이 상대 경로로만 불러왔기 때문이다.
앱 배포시 유의할 점은 컴포넌트에 강력하게 결합된 이미지요소들은 반드시
관련 컴포넌트에서 Import하여서 사용하라고 해결책을 확인하고 수정하였다.
먼저 assets 경로에 있는 이미지 소스를 상대경로로 불러와서 import 해준 후
모듈을 만든 후 내부에서 다뤄준다.
만든 모듈을 App 컴포넌트에서 불러와 자식 객체에 props로써 전달을 해준다.
자식 컴포넌트인 Button 컴포넌트에선 props로 받은 img만 렌더링 하게끔
배치시켜주면 된다.
개발하는 곰🐻