[85일차 - 2] 썸네일 크기조절 / 상품 목록 이미지 보여주기 / 특수문자 서버 전달 시 에러 / 검색 기능 추가

20221123(수)

• 목차
  - 썸네일 크기조절 
  - 상품 목록 이미지 보여주기
  - 특수문자 서버 전달 시 에러
  - 검색 기능 추가

---

< 썸네일 크기조절 >

• 조정 전

• 조정 후

• 조정코드

 

 

---

< 상품 목록 이미지 보여주기>

 

---

1. AdProduct 컨트롤러 형식추가

---

2. FileUtils 코드추가

    - uploadPath : 날짜까지 들어온다. (ex. C:\doccomsa\upload\goods\2022\11\23)

---

3. AdProduct 컨트롤러 코드추가 및 연결되는 구조 이해하기

    - 클라이언트는 \ 를 사용하고 서버는 ￦

* 이미지태그가 아래와 같이 만들어진다.

<img src = "/admin/product/displayFile?folderName=2022￦11￦23&fileName=s_(파일명)>

 

     ✨ 주소가 요청되어 그 결과가 요소로 떨어진다.

          - 소스 탭 > 서버측으로부터 최초로 받은 소스

          - 요소 탭 > 브라우저가 해석하면서 최종 브라우저가 화면에 반영한 것

 

 

 

 

---

< 특수문자 서버 전달 시 에러 >

• 특수문자 데이타를 서버에 보낼 때 에러발생
  1) 자바스크립트 : 인코딩 함수를 사용
  2) 서버(톰캣) 설정

1. 컨트롤러

    - \를 /로 바꾸는 작업 추가

---

• 주소가 잘 들어가서 이미지가 보인다 :)

---

 

2. servlet-context.xml에 매핑주소 추가작업

 

---

< 검색 기능 추가 >

 

1. AdProduct 컨트롤러와 productList.jsp 의 내용 확인하기 (Criteria cri)

---

2. productList.jsp에 코드추가