일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 개발일기
- 컴퓨터비전
- 중학수학
- 딥러닝
- c언어
- 자바스크립트
- 데이터분석
- CSS
- SQL
- 자바스크립트심화
- 머신러닝
- 상속
- 데이터베이스
- 정보처리기사실기
- JDBC
- 순환신경망
- 중학1-1
- JSP/Servlet
- 혼공머신
- html/css
- 자바 실습
- 컴퓨터구조
- 연습문제
- 파이썬
- JSP
- 정보처리기사필기
- ChatGPT
- 디버깅
- 자바
- rnn
- Today
- Total
클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지
[쇼핑몰 홈페이지 제작] 상품과 회원 관리 12 - 특정 이미지가 보이지 않는 문제 해결하기 본문
[쇼핑몰 홈페이지 제작] 상품과 회원 관리 12 - 특정 이미지가 보이지 않는 문제 해결하기
huenuri 2024. 12. 23. 19:29어제부터 홈페이지에 특정 이미지가 보이지 않고 깨져서 보여서 이 문제의 원인을 몇 시간 동안 찾아보고 고민해 보았지만 해결하지 못했다.
오늘 마침 해야 할 공부를 일찍 끝마쳐서 이 문제를 꼭 해결해보기로 다짐했다. 그리고 마침내 그 이유를 찾게 되었다. 내가 스스로 생각해도 정말 대단한 것 같다. 어떤 문제든지 집중해서 생각하면 해결이 된다.
홈페이지 첫 화면 접속할 때
그냥 index.jsp로 접속하면 아이템에 이미지가 하나도 보이지 않고 회색 바탕으로 보인다.
여기서 쿼리스트링으로 이 주소값을 주면 아이템 목록이 보인다.
이제 New Item과 Best Item은 잘 보인다. 그럼 다른 문제를 해결해 보러 가보자.
메뉴 화면에서 문제점
아래 화면을 보면 Join Us 위에 그림 파일이 하나 보이지 않는다. 이건 어떤 걸 클릭해도 마찬가지였다.
로그인이나 다른 메뉴를 클릭하면 이미지가 하나씩 보이지 않는 것이다. 원래는 이 이미지가 보여야 한다.
하지만 어딜 클릭해도 그림 하나가 빠져있다.
문제 해결해보기
개발자 모드에 들어가서 이 문제를 해결해 볼 수 있지 않을까 하는 생각이 들어서 한번 들어가 보았다.
그리고 이미지를 마우스에 올려보니 어떤 위치에 있는 파일인지 알 수 있었다. 이 파일 안에 들어가 보았다. 근데 내가 만든 폴더와 원본 소스의 이미지가 다르다는 것을 알게 되었다.
이미지 폴더 안에는 이처럼 하위 폴더가 있어서 그 안에 sub_img를 가리키고 있는데 이 파일이 없는 거였다. images 파일 전체를 복사해서 다시 내 프로젝트에 붙여주었다.
이미지 폴더를 복사한 후
이제 이미지를 확인하자 전에 표시되지 않았던 내용들이 잘 보인다. 내가 생각했던 이미지가 아니었다.
상품이 진열된 곳 페이지도 사진이 잘 보인다.
이토록 보고 싶었는데 가입 화면도 그림이 전면에 있어 전보다 보기 좋아졌다.
로그인 페이지도 아주 잘 보인다.
학습을 마치고
이제 다음 장으로 넘어가도 될 것 같다. 문제를 비로소 해결할 수 있게 되어 얼마나 기쁜지 모른다. 조금 전에 sql 문제도 모두 해결했다.
저녁에는 홈페이지를 제작하는 다음 학습을 이어가겠다.
'웹 · 앱 개발 > JSP & Servlet' 카테고리의 다른 글
[쇼핑몰 홈페이지 제작] 주문 처리와 게시판 2 - 장바구니 담기 기능 구현하기 2 (0) | 2024.12.23 |
---|---|
[쇼핑몰 홈페이지 제작] 주문 처리와 게시판 1 - 전반적인 흐름 분석하기 및 장바구니 담기 (0) | 2024.12.23 |
[쇼핑몰 홈페이지 제작] 상품과 회원 관리 11 - 회원 가입 및 로그인 4 : 로그인과 로그아웃 기능 구현하기 (0) | 2024.12.22 |
[쇼핑몰 홈페이지 제작] 상품과 회원 관리 10 - 회원 가입 및 로그인 3 : 우편번호 검색 기능 만들기 (0) | 2024.12.22 |
[쇼핑몰 홈페이지 제작] 상품과 회원 관리 9 - 회원 가입 및 로그인 2 : 로그인 및 아이디 중복 체크하는 기능 구현하기 (0) | 2024.12.22 |