💻 개발

Swagger 문서 기반 타입 자동 생성으로 프론트엔드 API 연동 자동화하기 (feat. swagger-typescript-api)
2026년 4월 12일
Swagger 문서 기반으로 swagger-typescript-api를 도입해 DTO 타입·API 호출 코드를 자동 생성하고, 레거시 React Query 훅을 점진 마이그레이션/자동화해 타입 안정성과 개발 생산성을 높인 과정을 정리했다.


Swagger 문서 기반으로 swagger-typescript-api를 도입해 DTO 타입·API 호출 코드를 자동 생성하고, 레거시 React Query 훅을 점진 마이그레이션/자동화해 타입 안정성과 개발 생산성을 높인 과정을 정리했다.

![[Github] Submodule로 민감 정보 관리하기](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A5554b535-10b9-4376-a165-6b734eb39a15%253Agithub.jpg%3Ftable%3Dblock%26id%3D3f74e137-1950-8103-9187-f73a7f166c65%26cache%3Dv2&w=3840&q=75)
Submodule로 프로젝트의 민감정보를 숨겨보자.
데이터베이스 형상 관리 툴 flyway의 사용법을 알아보자.
![[Github] Issue & PR Template 설정하기](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A624b3d1f-5130-4e54-a016-fed866d511b2%253A1.png%3Ftable%3Dblock%26id%3D3f74e137-1950-811a-a999-c582077bec5d%26cache%3Dv2&w=3840&q=75)
Github의 이슈, PR의 템플릿을 설정하는 방법에 대해 알아보자.
![[Github] Git 브랜치 전략](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253Abb4c65ef-0077-4a02-b06e-811e3ba4f78c%253Agit-flow.png%3Ftable%3Dblock%26id%3D3f74e137-1950-81d4-bf92-d48e0766f8bb%26cache%3Dv2&w=3840&q=75)
Github의 Git 브랜치 전략에 대해 알아보자.
![[Github] Git Commit Convention](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253Ac8f91068-7881-400e-90b7-a18d10912a9c%253Agithub.jpg%3Ftable%3Dblock%26id%3D3f74e137-1950-818d-b47d-d9fc530eea1d%26cache%3Dv2&w=3840&q=75)
Github의 Git Commit 컨벤션에 대해 알아보자.
RESTDocs로 API 명세서를 만들어보자
Axios의 사용법에 대해 간단히 알아보자

utterances를 사용해 Gatsby 블로그에 댓글 기능을 추가해보자
함수형 인터페이스를 발표해보았습니다.
![[Markdown] mermaid로 UML 만들기](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253Afb370592-951d-48c7-90a4-c84b2b759d76%253Asequence1.png%3Ftable%3Dblock%26id%3D3f74e137-1950-816d-a980-d5251e1ebca0%26cache%3Dv2&w=3840&q=75)
mermaid를 사용해 UML을 그려보자.