Canvas API를 이용한 노란우산공제 가입서비스 자필 서명 이미지 생성 모듈 구현기
Canvas API와 Broadcast Channel API를 활용하여 자필 서명 모듈을 개발한 경험과 구현 과정을 다룹니다.
이미지를 바꾸고 보여 주는 일입니다. 포맷 변환과 SVG의 쓰임, 화면에서 확대하는 방법을 다룹니다.
모든 태그 보기Canvas API와 Broadcast Channel API를 활용하여 자필 서명 모듈을 개발한 경험과 구현 과정을 다룹니다.
Node.js의 heic-convert로 HEIC 이미지를 JPEG로 변환합니다. Express·Multer로 업로드를 받고, Vue 화면에 변환 결과를 표시하는 예제를 다룹니다.
마우스를 올린 위치의 이미지를 확대해 보여주는 뷰어를 JavaScript와 CSS로 만듭니다. 커서 좌표에 맞춰 확대 영역을 움직이고 이미지 경계를 처리하는 방법을 설명합니다.
SVG를 img·CSS 배경·인라인·스프라이트로 사용하는 방식을 비교합니다. SVGO로 최적화하고, SVGR로 React 컴포넌트를 만들며 자산을 관리하는 방법을 정리합니다.
블로그 썸네일을 브라우저에서 편집하고 PNG로 저장하는 도구를 만들었습니다. 첫 토이 프로젝트의 기획과 디자인, HTML2Canvas를 이용한 구현 과정을 소개합니다.