refactor: 맵 리스트를 API 명세에 맞게 마이그레이션 #976
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
suyoungj
reviewed
Oct 25, 2023
There was a problem hiding this comment.
query 래핑 커스텀 훅도 V2로 이전하는 것이 좋아보이네요! 제 작업 브랜치에도 반영하도록 하겠습니다 👍
| [QueryKey] | ||
| > | ||
| ): UseQueryResult<TData, AxiosError<ErrorResponse>> => | ||
| useQuery(['getManagerMapsV2'], queryManagerMapsV2, { ...options }); |
There was a problem hiding this comment.
options 대신 {...options}를 사용하신 이유가 궁금합니다!
There was a problem hiding this comment.
현재 기존에도 발생하는 에러인데 options를 사용하면 다음 타입 에러가 발생합니다.
Argument of type 'UseQueryOptions<AxiosResponse<QueryManagerMapsSuccess>, AxiosError<ErrorResponse>, TData, [QueryKey]> | undefined' is not assignable to parameter of type 'UseQueryOptions<AxiosResponse<QueryManagerMapsSuccess>, AxiosError<ErrorResponse>, TData, QueryKey> | undefined'.
Type 'UseQueryOptions<AxiosResponse<QueryManagerMapsSuccess>, AxiosError<ErrorResponse>, TData, [QueryKey]>' is not assignable to type 'UseQueryOptions<AxiosResponse<QueryManagerMapsSuccess>, AxiosError<ErrorResponse>, TData, QueryKey>'.
Types of property 'queryFn' are incompatible.
Type 'QueryFunction<AxiosResponse<QueryManagerMapsSuccess>, [QueryKey]> | undefined' is not assignable to type 'QueryFunction<AxiosResponse<QueryManagerMapsSuccess>, QueryKey> | undefined'.
Type 'QueryFunction<AxiosResponse<QueryManagerMapsSuccess>, [QueryKey]>' is not assignable to type 'QueryFunction<AxiosResponse<QueryManagesSuccess>, QueryKey>'.
Type 'QueryKey' is not assignable to type '[QueryKey]'.
Type 'string' is not assignable to type '[QueryKey]'.ts(2345)
오류를 해결해주기 위해 Type선언 부분을 바꿀까 하다가 일단은 정확히 알지 못해 기술부채로 남겨두고 rest 연산자를 통해 해결하는 방향으로 개선했습니다!
|
2yunseong
changed the title
2yunseong
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
구현 기능
API 분리
일단은 기존의 찜꽁의 기능과 현재 개발중인 기능을 mocking 함수에서 사용하기 위해, 기존의
api/api.ts파일을 그대로 복사해api-v2/api.ts 를 생성했습니다. 일단은 BASE_URL을 하드코딩없이 localhost 주소를 고정해두었습니다.
mockoon으로 mocking 할 경우,
7742번 포트를 사용해주시기 바랍니다. 시간 상 임의로 정한 점 양해 부탁드립니다!API 명세에 따른 기능 구현
명세는 Open API 문서 를 참고해주시면 됩니다. 여기서 구현된 기능은 이슈(#975)에서 말씀드렸듯이, Map에 관한 GET, DELETE 기능이 마이그레이션이 필요했습니다.
/api/maps관련해서, api 명세상 notice와, sharingMapId 가 사라져, 해당 버튼을 컴포넌트에서 삭제했습니다./api/maps관련해서, 기존의 데이터 스키마를 바꾸는 명세가 코드 상으론 약간..은 부담스러워 백엔드에게 요청했습니다.아래 변경 전/후 스크린샷을 보면 어떤 점이 변경되었는지 가시적으로 이해하실 수 있으리라 생각합니다. 참고바랍니다.
논의하고 싶은 내용
또 api v2를 하면서 고민한 부분이 있습니다. 일단은 api 관련 로직과 타입은 새로 정의해주었는데, (v2 postfix 로 작성된 네이밍은 모두 새로정의된 부분입니다.) query등은 기존의 코드를 수정하였습니다. query는 굳이 새로 정의해줄 필요가 없고 기존의 코드를 변경하면 좋다고 생각했는데, 어떻게 생각하시나요?Close #975