본문 바로가기

Google Cloud 서비스 계정 생성 부터 sheet API를 활용한 조회 처리 Google Cloud 서비스 계정으로 Google API 사용하기 Google Sheet API를 사용하기 위해서 Google cloud console에서 서비스 계정을 만들어 진행하는 과정을 정리합니다. 준비 사항 Node.js Google cloud console Google cloud console 에서 프로젝트 & 서비스 계정 생성 처리 Project 생성 LEFT MENU >> APIs & Services 선택 ENABLE APIS AND SERVICES. 클릭 API 항목에서 Google Sheets API 활성화 처리 LEFT MENU >> APIs & Services >> Credentials >> Manage service accounts >> Create Service Accounts.. 더보기
클립보드의 이미지를 업로드 후 화면 표기 처리 onPaste contentEditable 을 이용한 이미지 붙여 넣기 처리 페이스북 댓글창에서 클립보드에 저장(Ctrl+C) 된 이미지를 붙여넣기(Ctrl+V)를 하면, 이미지가 업로드 되는 것을 확인 할 수 있습니다. 이를 구현 하기 위해서는 우선 다음 HTMLElement.onpaste 이벤트에 대하여 알아야합니다. 간단하게 요약하면 붙여넣기를 처리할때 호출되는 이벤트 인데요. 붙여넣는 이벤트에서 이미지일 경우 업로드 처리를 하면 됩니다. 구현하기 구현은 React.js기반으로 구현 하였습니다. import React from "react"; import axios from "axios"; import MockAdapter from "axios-mock-adapter"; import "./style.. 더보기
WSL2를 사용하면서 host에서 특정 port 연결 WSL 내에서 웹서버를 띄어서 확인이 안되는 경우 다음과 같이 처리 하여 주세요. port foward를 위해서는 Netsh를 이용할 예정입니다. 1. net-tools를 WSL 안에 설치 하기 ubuntu 기준으로 다음의 명령어를 이용해서 설치 합니다. sudo apt install net-toolspowser shell 실행 파일 생성하기 Netsh 설정이된 ps1 의 확장자를 가진 파일을 생성합니다. 다음을 network.ps1 이라는 파일을 생성합니다. If (-NOT ([Security.Principal.WindowsPrincipal][Security.Principal.WindowsIdentity]::GetCurrent()).IsInRole([Security.Principal.WindowsBui.. 더보기