30초만에 API를 연결하고 싶다면? 이 방법을 사용해보자. #커스텀인스턴스 #객체리터럴코드 복붙은 맨 아래에 기본코드 실사용예 위 코드를 사용하는 방법Swagger API 명세서 Spring swagger는 API 명세서 작성을 자동화하고 테스트, 문서화까지 할 수 있는 편리한 오픈 소스 소프트웨어다. 포스트맨과 같은 툴로 API를 확인하는 것이 아닌 웹사이트에서 버튼 딸깍으로 쉽게 테스트를 할 수 있으며, API가 controller별로 정리되어있으니 프론트는 백엔드로부터 스웨거 명세서를 받았다면 편리한 유지보수를 위해서 문서 그대로 작성하는 것이 좋다. 따라서 controller 종류별로 API를 정리하도록 하자. 아래의 사진을 자세히보자. 추후에 react-query를 적용하기 위해 useFrie..

Blue Mosaic " 해양 보호 프로젝트는 해양 쓰레기 문제를 해결하고 해양 생태계를 보호하기 위한 프로젝트입니다. 우리의 목표는 쓰레기의 종류와 양을 파악하고, 해양 생물의 다양성을 조사하는 것입니다. 이를 위해 우리는 gemini-1.0-pro-vision-latest를 활용하여 쓰레기와 해양 생물의 사진을 분석합니다. 이 프로젝트를 통해 지속 가능한 해양 사용에 기여하고, 해양 생물에 대한 공중 인식을 증진시키는 것을 기대합니다. " "The Marine Protection Project is an initiative aimed at addressing the issue of marine litter and preserving marine ecosystems. Our goal is to iden..

나를 믿어라. 인생에서 최대의 성과와 기쁨을 수확하는 비결은 위험한 삶을 사는 데 있다. -02.23. 프레드리히 니체 전체코드 .icon_form.png 에 해당하는 그림 바꿔서 쓸것 클릭하면 바뀌는 URL 수정할 것 import React from "react"; import "./css/apply.css"; import { gsap } from "gsap"; import { useState, useEffect } from "react"; const applyFunc = () => { document.querySelectorAll(".apply-button").forEach((button) => { let getVar = (variable) => getComputedStyle(button).getPr..