-
Notifications
You must be signed in to change notification settings - Fork 21
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
[이수지] sprint11 #132
The head ref may contain hidden characters: "Next-\uC774\uC218\uC9C0-sprint11"
[이수지] sprint11 #132
Conversation
React의 18버전에서 `fetchPriority` prop이 DOM 요소에서 인식되지 않는 버그로 인함
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.
수지님 이번 스프린트 미션 수고하셨습니다~
@@ -126,7 +126,8 @@ const ItemProfileSection: React.FC<ItemProfileSectionProps> = ({ product }) => { | |||
<MainDetails> | |||
{/* 참고: 더보기 버튼 기능은 추후 요구사항에 따라 추가 예정 */} | |||
<SeeMoreButton> | |||
<SeeMoreIcon /> | |||
{/* <SeeMoreIcon /> */} |
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.
P3:
사용하지 않을 코드는 지워주세요~
{ | ||
headers: { | ||
'Content-Type': 'multipart/form-data', | ||
Authorization: `Bearer ${process.env.NEXT_PUBLIC_API_TOKEN}`, |
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.
P3:
axios를 사용하시니 interceptor 기능을 이용해 요청을 보내기전에 토큰을 넣어주는 방식으로 개발하시면 코드 반복도 줄이고 더 좋을 것 같습니다~
https://axios-http.com/docs/interceptors
https://velog.io/@horang-e/Axios-Interceptor%EB%A1%9C-accessToken%EA%B0%B1%EC%8B%A0%ED%95%98%EA%B8%B0-RefreshToken
encodeFileToBase64(selectedFile); | ||
} | ||
}; | ||
const { previewImageSrc, handleImagePreview, uploadImage, imageFile } = |
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.
P3:
hook으로 분리하신거 좋습니다 👍
import IconEyeVisible from '@/public/images/icons/eye-visible.svg'; | ||
import Logo from '@/public/images/logo/logo.svg'; | ||
|
||
function LoginPage(): React.ReactElement { |
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.
P2:
items/[id] 페이지는 화살표함수로 선언하시고 해당 페이지는 함수 선언식으로 작성하셨네요~
같은 page 컴포넌트이므로 한가지 방식으로 통일하시면 좋겠습니다.
e.preventDefault(); | ||
|
||
try { | ||
const res = await axios.post( |
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.
P2:
응답값이 any로 추론되니 어떤 값이 올지 명시해주시면 더 좋을 것 같습니다
const res = await axios.post( | |
const res = await axios.post<{accessToken: string; refreshToken: string;}>( |
import IconEyeVisible from '@/public/images/icons/eye-visible.svg'; | ||
import Logo from '@/public/images/logo/logo.svg'; | ||
|
||
function LoginPage(): React.ReactElement { |
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.
P3:
useUploadImage 함수처럼 로그인 관련 로직들도 분리하면 가독성이 더 좋아질 것 같아요~
요구사항
기본
회원가입
로그인
메인
심화
주요 변경사항
스크린샷
멘토에게