swagger-type-generator
ํ์ 7๊ฐ
)๊ฐ์
swagger chrome extension generate typescript, axios, fetch code
1. Swagger UI์ ๊ฐ์ : ์ด ์ต์คํ ์ ์ Swagger UI๋ฅผ ์ข ๋ ์ง๊ด์ ์ด๊ฒ ๋ณด์ฌ ์ค๋๋ค. API ๋ฌธ์๋ฅผ ๋ ๊ฐ๋ ์ฑ ์๊ณ ์ฌ์ฉ์ ์นํ์ ์ธ ๋ฐฉ์์ผ๋ก ํ์ํ์ฌ ๊ฐ๋ฐ์๊ฐ API๋ฅผ ๋ ์ฝ๊ฒ ์ดํดํ๊ณ ์ฌ์ฉํ ์ ์๋๋ก ํฉ๋๋ค. 2. API ๊ฒ์ ๊ธฐ๋ฅ: ์ต์คํ ์ ์ API๋ฅผ ๊ฒ์ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค. ๊ฐ๋ฐ์๋ ํน์ API๋ Endpoint๋ฅผ ๋น ๋ฅด๊ฒ ์ฐพ์๋ณผ ์ ์์ผ๋ฉฐ, ๊ฒ์ ๊ฒฐ๊ณผ๋ฅผ ํตํด ์ํ๋ API์ ๋น ๋ฅด๊ฒ ์ ๊ทผํ ์ ์์ต๋๋ค. 3. Type Generator: JSON ํ์ฅ ํ์์ ๊ธฐ๋ฐ์ผ๋ก ํ์ฌ API ์๋ต ๋ฐ์ดํฐ์ ํ์ ์ ์๋์ผ๋ก ์์ฑํด์ค๋๋ค. ๊ฐ๋ฐ์๋ ์๋ต ๋ฐ์ดํฐ๋ฅผ ์ฝ๊ฒ ๋ถ์ํ๊ณ ํ์ ์ ์๋ฅผ ์์ฑํ ํ์ ์์ด, ์๋์ผ๋ก ์์ฑ๋ ํ์ ์ ํ์ฉํ ์ ์์ต๋๋ค. 4. Axios๋ฅผ ์ด์ฉํ API Code Generator: Axios๋ฅผ ์ฌ์ฉํ์ฌ API ํธ์ถ์ ์ํ ์ฝ๋๋ฅผ ์๋์ผ๋ก ์์ฑํด์ค๋๋ค. ๊ฐ๋ฐ์๋ API ์์ฒญ์ ๋ณด๋ค ๊ฐํธํ๊ฒ ๊ตฌํํ ์ ์์ผ๋ฉฐ, ์ผ๊ด๋ ์ฝ๋ ์คํ์ผ๊ณผ ๊ตฌ์กฐ๋ฅผ ์ ์งํ ์ ์์ต๋๋ค. 5. fetch๋ฅผ ์ด์ฉํ API Code Generator: fetch API๋ฅผ ํ์ฉํ์ฌ API ํธ์ถ์ ์ํ ์ฝ๋๋ฅผ ์๋์ผ๋ก ์์ฑํด์ค๋๋ค. ๊ฐ๋ฐ์๋ fetch๋ฅผ ์ฌ์ฉํ์ฌ API ์์ฒญ์ ๋ณด๋ค ๊ฐ๊ฒฐํ๊ฒ ์์ฑํ ์ ์์ผ๋ฉฐ, axios์ ํจ๊ป ์ ํ์ ์ผ๋ก ์ฌ์ฉํ ์ ์์ต๋๋ค. 6. React Query ์ฝ๋ ์์ฑ : axios, fetch ๊ธฐ๋ฐ์ผ๋ก React Query ์ฝ๋๋ฅผ ์์ฑํด ์ค๋๋ค. 7. ์์ฐจ API ํ ์คํธ ๊ธฐ๋ฅ ์ ๊ณต : ์๋๋ฆฌ์ค ๋ณ๋ก ์์ฐจ API ํ ์คํธ ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋์์ต๋๋ค.
5์ ๋ง์ ์ 5์ ํ์ 7๊ฐ
์ธ๋ถ์ ๋ณด
- ๋ฒ์ 1.2.2
- ์ ๋ฐ์ดํธ๋จ2024๋ 1์ 8์ผ
- ์ ๊ณตwshmin1234
- ํฌ๊ธฐ482KiB
- ์ธ์ด์ธ์ด 2๊ฐ
- ๊ฐ๋ฐ์
์ด๋ฉ์ผ
wshmin1234@gmail.com - ๋นํ๋งค์ํ๋งค์๋ก ์๋ณ๋์ง ์์ ๊ฐ๋ฐ์์ ๋๋ค. ์ ๋ฝ ์ฐํฉ์ ๊ฑฐ์ฃผํ๋ ์๋น์์ ๊ฒฝ์ฐ, ์ด ๊ฐ๋ฐ์์ ์ฒด๊ฒฐํ ๊ณ์ฝ์ ๋ํด์๋ ์๋น์ ๊ถ๋ฆฌ๊ฐ ์ ์ฉ๋์ง ์์ ์ ์์์ ์ ์ํด์ผ ํฉ๋๋ค.
๊ฐ์ธ์ ๋ณด ๋ณดํธ
๊ฐ๋ฐ์๊ฐ ์ฌ์ฉ์ ๋ฐ์ดํฐ์ ๊ดํด ๋ค์๊ณผ ๊ฐ์ด ์ ์ธํ์ต๋๋ค
- ์น์ธ๋ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ์ ์ธํ๊ณ ์๋ ํํฐ์ ํ๋งคํ์ง ์์
- ํญ๋ชฉ์ ํต์ฌ ๊ธฐ๋ฅ๊ณผ ๊ด๋ จ ์๋ ๋ชฉ์ ์ผ๋ก ์ฌ์ฉํ๊ฑฐ๋ ์ ์กํ์ง ์์
- ์ ์ฉ๋ ํ๋จ ๋๋ ๋์ถ ๋ชฉ์ ์ผ๋ก ์ฌ์ฉํ๊ฑฐ๋ ์ ์กํ์ง ์์
์ง์
์ง๋ฌธ, ์ ์ ๋๋ ๋ฌธ์ ์ ๊ด๋ จํ์ฌ ๋์์ด ํ์ํ์๋ฉด ๊ฐ๋ฐ์์ ์ง์ ์ฌ์ดํธ๋ฅผ ๋ฐฉ๋ฌธํ์ธ์.