tswagger 연동 및 react-query 예시코드 작성

[yeynii]

🐶 개요

tswagger를 연동하여 api fetch 구문과 type을 생성하고
생성된 코드를 이용한 react-query hook 예시코드를 작성했어요.

🐱 설명

• yarn tswagger로 실행해주세요.
• 지금은 swagger json에 명시된 스키마 타입에 오류가 있어 src/apis/apiGenerator/types.ts에 syntax에러가 발생하는 부분이 있어요.
  
  그래서 이부분은 일단 제가 임의로 수정해뒀는데, 백엔드분들이 해결해주시리라 믿어 의심치 않아요~^-^
• 개발환경에서는 api요청시 proxy로 cors, mixed-content 우회하도록 설정 해뒀어요.

🏞️ 스크린샷

(예시) GET /api/v1/users 는 다음과 같이 호출할 수 있어요.

🤔 참고사항

• 현재 api 정상호출은 개발환경에서만 가능해요. https(fe)-http(be) 호출, cors 이슈로...
  👆@0ne6yte/be-team ssl 설정, 액세스 허용 origin에 https://life-4-cut.netlify.app 넣어주세용

[netlify]

✅ Deploy Preview for life-4-cut ready!

Name	Link
🔨 Latest commit	58b542e
🔍 Latest deploy log	https://app.netlify.com/sites/life-4-cut/deploys/6555a5e4798c4800089e6246
😎 Deploy Preview	https://deploy-preview-66--life-4-cut.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

🚀 Deployed preview of 58b542e

name	url
Chromatic Build	https://www.chromatic.com/build?appId=64e9af23c0cff87d11faa225&number=104
Chromatic Storybook	https://64e9af23c0cff87d11faa225-ekhfrydohx.chromatic.com/