잡다하다

개요 프론트엔드 개발자라면 서버와의 API 요청을 개발할 때, 백엔드 개발자가 API개발이 완료되지 않은 시점에 테스트가 필요할 수 있다. 이에 따라 실제 API 통신 대신 정해진 규격에 맞는 가짜 데이터를 통해 API 개발을 쉽게 할 수 있는 MSW라는 라이브러리를 사용해봤다. 설치 터미널에서 아래 명령어를 통해 쉽게 설치할 수 있다. npm install msw 사용법 NEXT.JS 프로젝트 src 폴더 하위에 mocks 폴더를 생성한다. 폴더에는 3개의 파일을 생성한다. browser.ts 브라우저 환경 설정 파일 import { setupWorker } from 'msw/browser'; import { handler } from './handler'; export const worker = se..

개요 구글이 Bard에서 GEMINI로 이름을 변경했다. 더 강력한 언어 모델을 탑재했다고 들었고 현재 무료로 API를 사용할 수 있어 현재 개발중인 포트폴리오에 적용해 봤다. 적용 사용법은 간단했다. GOOGLE에 gemini api를 검색 Get API Key in Google AI Studio -> Get API KEY -> Create API Key Home으로 돌아가 우측 상단에 Get Code를 클릭 후 프로젝트의 언어에 맞는 Code를 적용한다. 방장은 NextJS에서 사용했으며, 코드는 아래와 같다. // home.body.tsx import { Button, Card, Col, Input, Row } from 'antd' import { GoogleGenerativeAI } from '@..

업무사항 중에 통계 데이터를 google sheet에 전송하여 사업팀에서 즉각적으로 확인할 수 있게 해달라는 요청에 따라 연동작업을 수행하게 되었다. 준비(Google) 1. google cloud 접속 에 google spreadsheet api를 검색 후 google cloud에 접속한다. 2. 프로젝트 생성 google 로고 바로 옆에 project를 클릭 후 새 프로젝트를 생성한다. 해당 프로젝트로 이동 후 API 및 서비스 사용 설정을 클릭하여 Google Sheets API를 사용으로 변경한다. 3. 서비스 계정 생성 좌측 사용자 인증 정보 탭을 클릭 후 사용자 인증 정보 만들기를 클릭, 서비스 계정을 생성한다. 방장은 google-spread-sheet라는 계정명으로 생성했다. 생성된 계정의..