728x90
๋ฐ์ํ
ํ๋ก์ ํธ ์งํ ์ค์ BE ๋ด๋น์๊ฐ swagger๋ฅผ ์๋ฒ์ ์ฌ๋ ค์ฃผ์ง ์๊ณ , yaml ํ์ผ๋ก ์ ๋ฌ ์ค์ ๋ถํธํจ์ ๊ฒช๊ณ ์์์ต๋๋ค.
swaggerํํ์ด์ง ์ด์ด์ yamlํ์ผ์ importํด๋ ๋์ง๋ง,
๋ฐ๋ก ํ์ด์ง๋ฅผ ์์ฑํ์ฌ ๋ณด๊ณ ์ํ๋ ๋ชฉ์ ์ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ฒ ๋์ต๋๋ค.
https://www.npmjs.com/package/@types/swagger-ui-react
์ค์น
npm i @types/swagger-ui-react
ํํ์ด์ง ๋์์๋๋๋ก npm ์ค์น
์ฌ์ฉ๋ฒ
import SwaggerUI from 'swagger-ui-react';
import 'swagger-ui-react/swagger-ui.css';
export default function Swagger() {
const url = 'ํด๋ ๊ฒฝ๋ก';
return <SwaggerUI url={url} />;
}
๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. BE๊ฐ๋ฐ์๋ก๋ถํฐ ์ ๋ฌ๋ฐ์ yamlํ์ผ์ ํ๋ก์ ํธ ๋ด์ ๊ฒฝ๋ก(public ๋ด)์ ์ ์ฅํด ๋๊ณ ๊ฒฝ๋ก ์ง์ ํด ์ฃผ์๋ฉด ๋ฉ๋๋ค.
ํด๋น ๊ฒฝ๋ก๋ก ์ด๋ํ๋ฉด swagger ํ๋ฉด์ด ๊ทธ๋ ค์ง ๊ฒ์ ํ์ธํ ์ ์์ต๋๋ค.
yamlํ์ผ๋ก ์ ๋ฌ ๋ฐ๋๊ฑด ๋ฐ์ดํฐ๊ฐ ์ ์ ์ด์ด์ ๋ง์ด ๋ถํธํ ๊ฒ ๊ฐ์ต๋๋ค.
๋ฐ์ดํฐ ํํ๋ง ํ์ธํ๋ค๊ณ ํด๋ ๋ฌด์ธ๊ฐ ๋ง์์ ๋ค์ง๋ ์๋ค์...
728x90
'Front-End > Library' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Library] SWR : ์์ฉ_Pagination & InfiniteScroll(useSWRInfinite) (0) | 2023.07.04 |
---|---|
Library] SWR : ์์ฉ_Mutate & Revalidation (0) | 2023.07.03 |
Library] SWR : ์์ฉ (0) | 2023.07.03 |
Library] SWR (0) | 2023.07.03 |
Library] Swiper (0) | 2023.06.29 |