06Web Publishing
워클로
- HTML
- CSS
- JavaScript
- Team Size:2인
- Duration:2023.05 ~ 2023.06
- Website:https://worclo.co.kr/
Trouble Shooting
# 게시판 카테고리별 입력 양식 동적 설정 이슈
[문제]게시판 카테고리에 따라 적합한 입력 양식을 제공해야 했지만, 카페24 플랫폼에서는 게시판별 입력 양식 설정은 가능하나, 게시판 카테고리별로 입력 양식을 다르게 설정하는 기능을 지원하지 않았습니다.
[해결]JavaScript를 사용해 게시판 카테고리를 추출한 뒤, 해당 카테고리에 적합한 입력 양식을 동적으로 설정했습니다. iframe 내부에 접근해 사용자가 카테고리를 변경할 때마다 입력 양식이 자동으로 변경되도록 구현했습니다. 이를 통해 각 카테고리에 맞는 입력 양식을 실시간으로 제공할 수 있었습니다.
# 상품 이미지 Swiper 미리보기 문제 해결
[문제]상품 페이지에서 대표 이미지 아래에 Swiper로 서브 이미지들을 나열하고, 서브 이미지를 클릭하면 대표 이미지가 변경되는 기능이 필요했습니다. 하지만, 카페24의 제한 사항으로 인해 상품의 대표 이미지를 하나만 설정할 수 있었습니다.
[해결]JavaScript의 click 이벤트를 활용하여, 사용자가 클릭한 서브 이미지의 URL을 가져와 동적으로 대표 이미지를 변경하는 방식으로 문제를 해결했습니다. 이를 통해 기존 플랫폼의 제약을 우회하여 요구사항을 충족할 수 있었습니다.