TypeScript2 [Typescript] @types에 내가 사용할 라이브러리가 없을 때 등록하기 프로젝트에서 Typescript를 사용하다보면 가끔 type definition이 제공되지 않아 라이브러리를 쓰지 못하는 경우가 있다. 이 때 해결하는 방법이 두 가지 있다. 1. 로컬 솔루션: 로컬에 해당 폴더와 파일을 생성하기 (내 컴퓨터에서만 동작) 2. 궁극 솔루션: DefinitelyTyped 리포지토리에 PR을 신청하기 (다른 컴퓨터에서도 동작) 1번에 대해 한국어로 검색하면 정보가 나왔지만 2번의 경우엔 정보가 많지 않아 여기에 남겨본다. 1번도 2번에 포함되어 있기 때문에 1번을 먼저 설명하고 2번으로 넘어가겠다. 나의 경우엔 lucene-query-string-builder라는 라이브러리를 위한 type definition을 만드는 작업이었다. 로컬 솔루션 내가 사용하는 프로젝트의 로컬 .. 2025. 1. 24. OpenAPI 생성 코드 변경에 무관한, BASE_PATH 주입 (Angular) 프론트엔드 작업을 시작할 때 가장 첫 출발점이 뭐냐고 묻는다면 OpenAPI spec으로부터 클라이언트 코드를 생성하는 것이라 하겠다. OpenAPI(swagger) 사양은 일반적으로 아래의 형식으로 접근할 수 있다. 물론 백엔드의 설정에 따라 달라질 수 있다. 더보기%URL%/v3/api-docs 위의 URL을 아래의 Swagger Editor에 import하면 Swagger UI 형태의 API 목록과 데이터 스키마를 볼 수 있다. https://editor.swagger.io/ 여기에서 Generate Client 항목을 눌러 자신의 개발 환경에 맞는 클라이언트 코드를 생성할 수 있다. 이 방법을 활용해 RESTful API 연동 개발 시 반복 작업을 줄이고 API 표준 부합성을 보장할 수 있다. .. 2025. 1. 4. 이전 1 다음