data-href가 항상 falsy했던 이유 (그리고 토요일에 발견한 사람)

토요일 오후, 쇼핑몰 H 관리시스템에서 이미지 링크가 안 먹는다는 제보를 받았습니다.

분명 링크를 넣었는데 클릭해도 아무 반응이 없다고요. 코드를 뜯어보니 범인은 CustomImage 확장의 renderHTML이었습니다. href 속성을 data-href로 반환하고 있었는데, 정작 <a> 태그로 래핑하는 조건문은 href를 체크하고 있었던 거죠.

// Before: data-href를 반환하니 래핑 조건이 항상 false
href: { default: null, renderHTML: (attrs) => ({ 'data-href': attrs.href }) }

// After: <a href="url"><img></a> 구조로 정상 저장

결과적으로 래핑 조건이 영원히 false가 되는 클래식한 버그였습니다. <a><img></a> 구조로 제대로 저장되도록 수정하고, 덤으로 관련 if 조건문도 단일 라인으로 정리했습니다.

상세 커밋 내역

버그 수정

쇼핑몰 H 관리시스템 · Cool with you · +2 / -16

버그 수정

쇼핑몰 H 관리시스템 · claude[bot] · +1 / -1

버그 수정

쇼핑몰 H 관리시스템 · claude[bot] · +1 / -1

코드 개선

Repository CV · coolwithyou · +6 / -6

버그 수정

쇼핑몰 H 관리시스템 · claude[bot] · +1 / -1

토요일 오후, 쇼핑몰 H 관리시스템에서 이미지 링크가 안 먹는다는 제보를 받았습니다.

// Before: data-href를 반환하니 래핑 조건이 항상 false
href: { default: null, renderHTML: (attrs) => ({ 'data-href': attrs.href }) }

// After: <a href="url"><img></a> 구조로 정상 저장

data-href가 항상 falsy했던 이유 (그리고 토요일에 발견한 사람)

글 작성자

한송욱

커밋 참여자

작업한 프로젝트

상세 커밋 내역