-
Notifications
You must be signed in to change notification settings - Fork 79
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[소혜린] Sprint 10 #629
The head ref may contain hidden characters: "Next.js-\uC18C\uD61C\uB9B0-sprint10"
[소혜린] Sprint 10 #629
Conversation
- 스타일 수정, 컴포넌트 분리 등
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
기능 구현은 잘 하신 것 같습니다.
기능을 용도별, 레이어 별로 나눠서 관리하는 것만 더 신경써주시면 유지보수나 리뷰에도 도움이 될 것 같습니다.
수고 많으셨습니다. 👍
질문 답변
useAxiosFetch의 axiosFetch의 타입을 지정했는데, unknown 형식은 T 형식에 할당할 수 없다. 라고 뜹니다. 일단 반환값을 Promise<T | any>으로 임시방편해놓았는데, 어떻게 해야할지 모르겠습니다.
해당하는 곳에 코멘트로 남겨두었습니다.
pages/addboard/index.tsx
Outdated
const formData = new FormData(); | ||
formData.append("content", content); | ||
formData.append("title", title); | ||
if (image) { | ||
formData.append("image", image); | ||
} | ||
|
||
const res = await axiosFetch({ | ||
method: 'POST', | ||
url: "/articles", | ||
data: formData, | ||
headers: { | ||
Authorization: `Bearer ${ACCESS_TOKEN}` | ||
}, | ||
// withCredentials: true, | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이런 api call들은 별도로 만들어서
api.createArticle
같은 형태로 인터페이스를 제공해주면 좋을 것 같습니다.
멘토링 때 말씀드린 것 처럼 역할군을 나누어서 로직을 분리하는 연습을 해보시는 걸 추천드립니다.
import { axiosRequester } from "lib/axios"; | ||
import { AxiosRequestConfig} from "axios"; | ||
|
||
type AxiosFetch = <T>(options: AxiosRequestConfig<T>) => Promise<T | any>; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
useAxiosFetch의 axiosFetch의 타입을 지정했는데, unknown 형식은 T 형식에 할당할 수 없다. 라고 뜹니다. 일단 반환값을 Promise<T | any>으로 임시방편해놓았는데, 어떻게 해야할지 모르겠습니다.
처음에 어떤식으로 선언하셨는지 모르겠지만, AxiosRequestConfig에서 unknown을 안받아줬다면
<T extends 어쩌고>
의 형식으로 제네릭으로 들어올 수 있는 타입을 제한시킬 수 있습니다.
요구사항
상품 등록 페이지
상품 상세 페이지
주요 변경사항
스크린샷
멘토에게