React에서 직접 구현하는 이미지 미리보기 컴포넌트
원본 링크: React에서 직접 구현하는 이미지 미리보기 컴포넌트
최근 블로그에 이미지 미리보기 기능을 추가하려고 했는데, 적합한 라이브러리를 찾지 못해 직접 구현하게 되었습니다.
최종 구현 결과는 다음과 같습니다:
구현 원리
이미지를 클릭할 때 반투명 마스크를 생성하고, 클릭한 이미지와 동일한 위치와 크기의 이미지를 추가한 후 CSS를 통해 이미지 확대 및 중 ...
7월 25일 10:38에 게시됨