말랑말랑 개발기

  • 홈
  • 태그
  • 방명록

puppeteer 1

[React] 인프라 설정으로 CORS 이슈 피하고 화면 캡쳐하기 (html2canvas, puppeteer, AWS S3)

리액트에서 화면 캡쳐하기제가 받은 요구 사항은 아래와 같습니다. 1. 화면에 랜더링된 부분을 캡쳐하여 이미지로 저장2. 해당 화면에 접속하지 않아도 이미지 저장하는 기능 위 개발을 진행하면서 화면 캡쳐 시 발생할 수 있는 오류 상황과 해결방안을 알아보겠습니다. 1. html2canvas랜더링 된 화면을 캡쳐하고자 할 때 가장 간단하게 사용할 수 있습니다.import { saveAs } from 'file-saver';import html2canvas from 'html2canvas';const downloadImage = async () => { const modalElement = document.getElementById('your-element-id'); if (modalElement) ..

dev💻/프론트엔드 2024.05.26
이전
1
다음
더보기
프로필사진

말랑말랑 개발기

Github: https://github.com/gyulrangdev

  • 분류 전체보기 (22)
    • dev💻 (13)
      • 프론트엔드 (7)
      • 백엔드 및 DB (1)
      • 인프라 및 기타 (5)
    • 회고 및 후기🌿 (9)

Tag

cursor, vite, puppeteer, Women In Cloud, 리액트딥다이브, 원티드 x 네이버클라우드 프롬프트 톤, aws industry week, aws, html2canvas, mcp, react, 스터디, 후기, 마이크로상태관리, aws멘토링후기, 가상_면접_사례로_배우는_대규모_시스템_설계_기초, AWSKRUG, 회고, girlsintech, #aws멘토링,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Github

티스토리툴바