Skip to content
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

[PR] 유저 프로필 #62

Merged
merged 5 commits into from
May 17, 2024
Merged

[PR] 유저 프로필 #62

merged 5 commits into from
May 17, 2024

Conversation

gamjatan9
Copy link
Member

@gamjatan9 gamjatan9 commented May 17, 2024

📋 Checklist

  • 🔀 PR 제목의 형식을 잘 작성했나요? (e.g. feat: 유저 조회 기능 구현)
  • 🏷️ 라벨, 프로젝트는 등록했나요?
  • 🧹 코드 스멜은 해결했나요?

🧩 이슈 번호


🎨 완성 이미지

작업 이미지

👩‍💻 공유 포인트 및 논의 사항

  • localStorage 수정하는 부분 hook으로 만들었습니다.
  • 타인 열람과, 본인 마이페이지 열람을 위한 이메일 정보를 쿼리 파라미터로 불러오게 변경했습니다.
  • 프로필 수정 기능을 추가했습니다.

@gamjatan9 gamjatan9 added documentation Improvements or additions to documentation enhancement New feature or request labels May 17, 2024
@gamjatan9 gamjatan9 self-assigned this May 17, 2024
@gamjatan9 gamjatan9 linked an issue May 17, 2024 that may be closed by this pull request
@gamjatan9 gamjatan9 changed the title [PR] 유저 프로필 수정 [PR] 유저 프로필 May 17, 2024
Copy link
Contributor

@kangsinbeom kangsinbeom left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

react-query 사용하는 코드는 꼭 고쳐주셨으면 합니다..!

const ProfileTable = () => {
const { register, handleSubmit, reset } = useForm<UserModify>();

useEffect(() => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기 왜 react-query 안 쓰셨죠? get해오는 부분 같은데 이부분은 수정이 이루어졌으면 합니다.

@@ -9,22 +8,23 @@ import SkeletonBox from '@/components/loader/skeleton';
import Article from '@/components/shared/article';

const ArticlesMenu = ({ value }: Pick<MypageArticles, 'value'>) => {
const { email } = useEmail();
const queryEmail = new URLSearchParams(location.search).get('user');
Copy link
Contributor

@kangsinbeom kangsinbeom May 17, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 searchParmas로 email을 설정한 이유가 있나요? mypage/email=~~이런식으로 되있는 건가요?

const {postId} = useParams()

getNextPageParam: (lastPage) => lastPage.nextPage,
staleTime: 1000 * 60 * 5, // 5분
});
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } =
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

suspense 사용해서 나타내시면 좋을 것 같습니다

const {data} = useSuspenseInfiniteQuery(options)
// 또는 hooks로 빼서
const {data} = useGetProfile()

const queryEmail = new URLSearchParams(location.search).get('user');
let userData;

if (queryEmail) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이건 api가 아쉽네요 하나로 합쳐져야 한다고 생각을 합니다.

if (jwt) {
  if (emil) {
    // 이메일이 있으면 다른 유저정보를 불러오는 것임
  } else {
    // 이메일이 없으면 자기 자신 유저정보를 불러오는 것임
  }
} else {
  if (email) {
    상대방 정보를 보고 싶은 것이니 그냥 가능
  }
  내 유저정보를 불러올 수 없으니 로그인 페이지로 이동시켜야 함 
}
// 이런 플로우를 가진 api가 있으면 딱입니다

@gamjatan9 gamjatan9 merged commit a05b1f8 into dev May 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation enhancement New feature or request
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[develop/users-profile] 유저 프로필 마무리
2 participants