06Web Publishing

워클로

  • HTML
  • CSS
  • JavaScript

Trouble Shooting

  • # 게시판 카테고리별 입력 양식 동적 설정 이슈

    [문제]게시판 카테고리에 따라 적합한 입력 양식을 제공해야 했지만, 카페24 플랫폼에서는 게시판별 입력 양식 설정은 가능하나, 게시판 카테고리별로 입력 양식을 다르게 설정하는 기능을 지원하지 않았습니다.

    [해결]JavaScript를 사용해 게시판 카테고리를 추출한 뒤, 해당 카테고리에 적합한 입력 양식을 동적으로 설정했습니다. iframe 내부에 접근해 사용자가 카테고리를 변경할 때마다 입력 양식이 자동으로 변경되도록 구현했습니다. 이를 통해 각 카테고리에 맞는 입력 양식을 실시간으로 제공할 수 있었습니다.

  • # 상품 이미지 Swiper 미리보기 문제 해결

    [문제]상품 페이지에서 대표 이미지 아래에 Swiper로 서브 이미지들을 나열하고, 서브 이미지를 클릭하면 대표 이미지가 변경되는 기능이 필요했습니다. 하지만, 카페24의 제한 사항으로 인해 상품의 대표 이미지를 하나만 설정할 수 있었습니다.

    [해결]JavaScript의 click 이벤트를 활용하여, 사용자가 클릭한 서브 이미지의 URL을 가져와 동적으로 대표 이미지를 변경하는 방식으로 문제를 해결했습니다. 이를 통해 기존 플랫폼의 제약을 우회하여 요구사항을 충족할 수 있었습니다.

지금 바로 클릭해 대화해보세요
저에 대해 직접 물어볼 수 있어요
학습된 AI가 저를 대신해 답해요
궁금한 건 채팅으로 물어보세요