ImageZoom 컴포넌트 깨질 때 / 람다 이미지 안 올라가는 몇 가지 이유

css transform이 적용된 태그 안에 position: fixed가 있을 때 position: fixed가 적용되지 않는 치명적인 버그가 있습니다.

하필 antd 최신 버전에서 Card 컴포넌트의 cover 부분에 transform 속성을 넣어서 position: fixed가 적용되지 않게 되었습니다. 해결 방법은 다음 질문에서 답변달아두었습니다.

https://www.inflearn.com/questions/72113

또한 실제 서비스 nodebird.com에서 이미지가 안 올라가는 경우를 몇 가지 발견했는데요.

일단 이미지 확장자가 PNG 처럼 대문자일 때, 그리고 이미지 이름에 한글이 들어갈 때 이미지 리사이징이 동작하지 않습니다.

이 부분 동영상 재촬영해서 고쳐두겠습니다. 감사합니다.

제로초(조현영) 프로필
제로초(조현영) 2020.10.04 이에 따라 섹션2 11강, 섹션6 8강, 섹션7 4강 수정되었습니다
소라연 프로필
소라연 2021.01.05 A/S 끝내주네요. ~! 감사합니다
채널톡 아이콘