반응형 javascript3 [JavaScript] html2canvas 로 화면 캡처 후 저장하기 (React) 작성하고 있는 화면을 이미지로 저장하여 관리해야 하는 일이 생겨 구글링을 했는데 html2canvas 라이브러리를 이용하는 경우가 많아 사용해보았습니다. npm 링크 : https://www.npmjs.com/package/html2canvas html2canvas Screenshots with JavaScript. Latest version: 1.4.1, last published: 8 months ago. Start using html2canvas in your project by running `npm i html2canvas`. There are 1679 other projects in the npm registry using html2canvas. www.npmjs.com 먼저 html2canv.. javascript 2022. 9. 21. [Javascript] 비동기(async) 처리와 콜백(callback) 함수 비동기 처리? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 비동기 처리의 예시 1 - ajax ajax는 제이쿼리의 비동기 처리입니다. 제이쿼리로 웹 서비스를 제공할 때 ajax를 빼 놓을 수 없습니다. 보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax통신으로 해당 데이터를 서버로부터 가져올 수 있습니다. function getData(){ var response = {}; $.get('http://domain/products/1', function(response){ response = response; }); return response; } console.log.. javascript 2021. 12. 28. json-server (1) json-server 사용하기 json-server는 아주 짧은 시간에 REST API를 구축해주는 라이브러리입니다. 하지만, REST API 서버의 기본적인 기능을 대부분 갖추고 있습니다만, 프로덕션 전용은 아닙니다. 저는 프론트앤드 공부하는 도중에 데이터를 저장할 서버의 필요성을 느꼈기 때문에 이용하였습니다. 1. 설치하기 json-server를 설치해봅시다. (yarn global add json-server를 해도 되지만, 만약 nvm을 사용하는 경우에는 제대로 작동하지 않을 수 있다.) $ npm i -g json-server 또는 $ yarn global add json-server 설치가 완료되었다면 디렉터리를 만들어 그 안에 db.json이라는 파일을 만들어야 합니다. 제 db.json의 파일 내용은 다음과 같습니다. .. javascript 2021. 12. 22. 이전 1 다음 반응형