[이미지 로딩] SVG 임시대응 제거 → PNG 정식자산으로 교체 #2

📂 이슈 유형

기능 요청

📝 이슈 제목

[이미지 로딩] SVG 임시대응 제거 → PNG 정식자산으로 교체

📋 내용 설명

현재 ImageFrame.vue에서 사용하는 이미지 데이터들은 MainImg.vue, ColIcon.vue에 삽입된 인라인 SVG 코드 형태로 처리되고 있습니다.

GitHub Pages 정적 배포 환경에서 발생하는 CORS 문제로 인해 원래 의도했던 PNG 이미지를 불러올 수 없어 임시 대응으로 적용한 방식입니다. 앞으로는 이 임시 SVG 렌더링을 제거하고, PNG 정식 자산을 프로젝트 내부에 포함하여 서빙하고자 합니다.

🛠 재현 방법 (버그인 경우)

1. 현행 코드에서 PNG 경로를 외부/상대경로로 지정 시 GitHub Pages 환경에서 로딩 실패

✅ 기대 결과

1. PNG가 정상 로딩되고, 결과 이미지 캡처(End.vue – html2canvas)도 문제없이 동작

2. asset(메인 썸네일/단과대 아이콘 등) 관리를 정적 폴더로 일원화

📎 참고 자료 (선택)

대상 파일:

• 캐릭터 asset: src/components/MainImg.vue
• 단과대 asset: src/components/ColIcon.vue
• 이미지 삽입 위치: src/components/ImageFrame.vue
• ImageFrame 렌더: src/pages/End.vue

배포: GitHub Pages (import.meta.env.BASE_URL 사용)