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

Feat: 마이페이지 구현 #36

Merged
merged 9 commits into from
Feb 20, 2024

Conversation

seoyoung-min
Copy link
Contributor

@seoyoung-min seoyoung-min commented Feb 17, 2024

개요

  • 마이페이지를 구현했습니다.

작업 사항

  • 마이페이지 구현
  • 프로필 설정, 로그아웃 모달 연결 유지
  • 언어변경 드롭다운 구현
  • header 왼쪽 버튼 type='button' 설정

참고 사항 (optional)

  • 프로필 설정 페이지에서 '뒤로가기' 누를 시 FORM이 제출되는 이슈 발생하였고, 이를 막기위해 header의 버튼타입을 'button'으로 명시해주었습니다. (default는 'submit') (@Eugene-A-01 유진님, header 수정이 있었습니다! 참고 부탁드립니다!)
  • 작업 상황에 따라 FAQ는 제외 될 수 있습니다.

스크린샷

마이페이지

리뷰어에게

  • 마이페이지가 R&R 분배가 되지 않았지만, 마이페이지 작업 필요할 것 같아 진행했습니다! (먼저 공유 드리지 못해 죄송합니다!)
  • ul li 태그를 사용하지 않았는데, 사용하는게 더 맞을까요?
  • '리스트관리' 페이지와 '탈퇴하기' 페이지의 역할분담 및 디자인 작업이 빠진 것 같아 추가 필요합니다!

@seoyoung-min seoyoung-min added Feat 구현 Fix 에러/버그 해결 Design UI 수정 labels Feb 17, 2024
@seoyoung-min seoyoung-min self-assigned this Feb 17, 2024
Copy link

vercel bot commented Feb 17, 2024

@seoyoung-min is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

@seoyoung-min seoyoung-min changed the title Feature/mypage Feat: 마이페이지 구현 Feb 17, 2024
Copy link
Contributor

@ParkSohyunee ParkSohyunee left a comment

Choose a reason for hiding this comment

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

서영님, 마이페이지 작업 해 주셔서 감사드립니다. 🥰 얼른 페이지 구경해보고 싶네요~~🏄‍♀️

Comment on lines 8 to 10
const { ref } = useOnClickOutside(() => {
handleSetOff();
});
Copy link
Contributor

Choose a reason for hiding this comment

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

서영님, 혹시 handleSetOff를 호출하지 않고 바로 보내주면 함수가 제대로 동작하지 않나요??
handleSetOff가 () => void 타입인 것 같아서 바로 보내줘도 가능한지 궁금하여 여쭤봅니다!!

const { ref } = useOnClickOutside(() => {
    handleSetOff;
  });

Copy link
Contributor Author

Choose a reason for hiding this comment

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

헉! 바로 보내주는거 완전 가능인데, 습관적으로 저렇게 했나봐요🥹
좋은 피드백 남겨주셔서 감사합니다!! 🙇‍♀️👍

Comment on lines 20 to 33
className={`${styles.listDiv} ${language === 'ko' && styles.selected}`}
onClick={() => {
setLanguage('ko');
handleSetOff();
}}
>
한국어
</div>
<div
className={`${styles.listDiv} ${language === 'en' && styles.selected}`}
onClick={() => {
setLanguage('en');
handleSetOff();
}}
Copy link
Contributor

Choose a reason for hiding this comment

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

onClick 안에 있는 함수는 따로 분리해도 좋을 것 같다는 생각이 드는데, 서영님 생각은 어떠신가요?!
분리한다면, 하나의 함수를 만들어서 동일하게 사용하는 것이 좋을 것 같고, 아직 언어변경 기능이 완성되기 전이어서 추후 해당 로직이 더 복잡해질 가능성을 고려했을 때 분리하는 것이 괜찮을 것 같아서 의견드립니다!!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

소현님, 분리하는게 훨씬 좋아 보입니다! 추후 로직까지 고려하면 더더욱 그렇네요!👍👍
감사합니다🩵🦋

Copy link
Contributor

@Eugene-A-01 Eugene-A-01 left a comment

Choose a reason for hiding this comment

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

LGTM!!
저도 마이페이지 너무 궁금해요~~
얼른 머지해주세요~~~~🔥

Copy link
Contributor

Choose a reason for hiding this comment

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

헤더 변경 확인했습니다!

Copy link
Contributor

Choose a reason for hiding this comment

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

버튼 타입을 주지 않으면 form 이 제출되어버리는군요..!?👀

Copy link
Contributor Author

Choose a reason for hiding this comment

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

버튼 type속성의 기본값이 'submit'이라,
form태그 안에 있는 버튼은 다 제출기능도 해버리더라구요!!🥲

@seoyoung-min seoyoung-min merged commit 1592276 into 8-Sprinters:dev Feb 20, 2024
1 of 2 checks passed
@seoyoung-min seoyoung-min deleted the feature/mypage branch June 3, 2024 13:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design UI 수정 Feat 구현 Fix 에러/버그 해결
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants