[쇼핑몰 홈페이지 제작] 상품과 회원 관리 12 - 특정 이미지가 보이지 않는 문제 해결하기

어제부터 홈페이지에 특정 이미지가 보이지 않고 깨져서 보여서 이 문제의 원인을 몇 시간 동안 찾아보고 고민해 보았지만 해결하지 못했다.

오늘 마침 해야 할 공부를 일찍 끝마쳐서 이 문제를 꼭 해결해보기로 다짐했다. 그리고 마침내 그 이유를 찾게 되었다. 내가 스스로 생각해도 정말 대단한 것 같다. 어떤 문제든지 집중해서 생각하면 해결이 된다.

---

 

 

 

 

 

홈페이지 첫 화면 접속할 때

그냥 index.jsp로  접속하면 아이템에 이미지가 하나도 보이지 않고 회색 바탕으로 보인다.

 

 

여기서 쿼리스트링으로 이 주소값을 주면 아이템 목록이 보인다.

 

 

 

 

 

이제 New Item과 Best Item은 잘 보인다. 그럼 다른 문제를 해결해 보러 가보자.

---

 

 

 

 

 

메뉴 화면에서 문제점

아래 화면을 보면 Join Us 위에 그림 파일이 하나 보이지 않는다. 이건 어떤 걸 클릭해도 마찬가지였다.

 

 

로그인이나 다른 메뉴를 클릭하면 이미지가 하나씩 보이지 않는 것이다. 원래는 이 이미지가 보여야 한다.

 

 

 

 

 

 

 

 

하지만 어딜 클릭해도 그림 하나가 빠져있다.

---

 

 

 

 

문제 해결해보기

개발자 모드에 들어가서 이 문제를 해결해 볼 수 있지 않을까 하는 생각이 들어서 한번 들어가 보았다.

 

 

그리고 이미지를 마우스에 올려보니 어떤 위치에 있는 파일인지 알 수 있었다. 이 파일 안에 들어가 보았다. 근데 내가 만든 폴더와 원본 소스의 이미지가 다르다는 것을 알게 되었다.

 

 

 

 

이미지 폴더 안에는 이처럼 하위 폴더가 있어서 그 안에 sub_img를 가리키고 있는데 이 파일이 없는 거였다. images 파일 전체를 복사해서 다시 내 프로젝트에 붙여주었다.

---

 

 

 

 

이미지 폴더를 복사한 후

이제 이미지를 확인하자 전에 표시되지 않았던 내용들이 잘 보인다. 내가 생각했던 이미지가 아니었다.

 

 

상품이 진열된 곳 페이지도 사진이 잘 보인다.

 

 

 

 

 

이토록 보고 싶었는데 가입 화면도 그림이 전면에 있어 전보다 보기 좋아졌다.

 

 

 

 

 

로그인 페이지도 아주 잘 보인다.

---

 

 

 

 

 

학습을 마치고

이제 다음 장으로 넘어가도 될 것 같다. 문제를 비로소 해결할 수 있게 되어 얼마나 기쁜지 모른다. 조금 전에 sql 문제도 모두 해결했다.

저녁에는 홈페이지를 제작하는 다음 학습을 이어가겠다.