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

마이페이지 화면구성을 진행합니다. #20

Open
wants to merge 26 commits into
base: develop
Choose a base branch
from

Conversation

jaychang99
Copy link
Member

@jaychang99 jaychang99 commented Aug 27, 2023

작성자: @jaychang99

Related to

체크 리스트

  • 적절한 제목으로 수정했나요?
  • [] 상단에 이슈 번호를 기입했나요?
  • Target Branch를 올바르게 설정했나요?
  • Label을 알맞게 설정했나요?

작업 내역

  • 마이페이지 메인과 마이페이지에서 랜딩될 수 있는 모든 페이지 (수정, 삭제 확인, 삭제 등) 를 화면구성합니다.
  • 아래 각 이미지를 참고하시기 바랍니다.

작업 중 공통 컴포넌트 변경 내역

  • 다른 곳들의 영역 중 Props 를 받지 않는 데에도 interface 가 정의된 곳의 삭제를 진행하였습니다.
  • <TextInput /> 컴포넌트가 이제 values props 의 변화도 감지하도록 하여 초기값을 가져오는 비동기 통신에 의한 데이터 변화를 감지할 수 있도록 하였습니다.
  • <Button /> 컴포넌트가 외부의 className 도 받을 수 있도록 수정하였습니다.
  • 날짜 연산을 위한 dayjs 날짜 관리 라이브러리를 설치하여 보았습니다.

image

image

image

image

비고

  • DatePicker 가 아직 개발되지 않았는데 출생년도 선택이니까 그냥 드롭다운으로 해도 되지 않을까 라는 생각이 들었습니다. 그렇게 바꾸어 볼까요?
  • validation 은 아직 명확한 정책이 없어 [탈퇴] 문구를 제외하고는 적용하지 않은 상태입니다.

Conflicts:
	src/components/profileImage/ProfileImage.tsx
@jaychang99 jaychang99 added the feature 신규 컴포넌트/기능 개발 (제일 일반적) label Aug 27, 2023
@jaychang99 jaychang99 self-assigned this Aug 27, 2023
@sera2002
Copy link
Collaborator

출생 연도만 선택하는 거면 dropdown으로 구현을 하는게 좋을 것 같습니다

@sera2002
Copy link
Collaborator

마이페이지에 로그아웃 버튼을 하나 만들어야 할 것 같습니다!

@jaychang99
Copy link
Member Author

@sera2002 오 넵 세라님 드롭다운으로 출생년도 구현 및 로그아웃 버튼 추가하겠습니다! 좋은 의견 감사합니당

@jaychang99
Copy link
Member Author

@sera2002 세라님 그러고보니 로그아웃 버튼은 상단 내비게이션 바 어디엔가 추가될 것 같아서 마이페이지에 없어도 될 것 같은데 어떻게 생각하시나용?

@jaychang99
Copy link
Member Author

출생 연도만 선택하는 거면 dropdown으로 구현을 하는게 좋을 것 같습니다

@sera2002 드롭다운으로 구현 완료하였습니다!

image

@sera2002
Copy link
Collaborator

sera2002 commented Sep 6, 2023

@sera2002 세라님 그러고보니 로그아웃 버튼은 상단 내비게이션 바 어디엔가 추가될 것 같아서 마이페이지에 없어도 될 것 같은데 어떻게 생각하시나용?

음.. 이 서비스를 이용할 때 로그아웃/재로그인이 많이 일어나진 않을 것 같아서 굳이 상단 내비게이션 바에 로그아웃 버튼을 항상 노출을 시켜놓을 필요는 없을 것 같습니다.

@jaychang99
Copy link
Member Author

@sera2002 세라님 그러고보니 로그아웃 버튼은 상단 내비게이션 바 어디엔가 추가될 것 같아서 마이페이지에 없어도 될 것 같은데 어떻게 생각하시나용?

음.. 이 서비스를 이용할 때 로그아웃/재로그인이 많이 일어나진 않을 것 같아서 굳이 상단 내비게이션 바에 로그아웃 버튼을 항상 노출을 시켜놓을 필요는 없을 것 같습니다.

아하 넵넵! 마이페이지에 추가하겠습니다!

Copy link
Member

@hoon5083 hoon5083 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다! 수정 제안 사항 몇가지 있습니다

src/components/dropdown/Dropdown.tsx Outdated Show resolved Hide resolved
const age = dayjs().year() - Number(birthYear);
const ageText = `${age}세`;

const genderText = GENDER_LOOKUP_TABLE[gender] ?? "입력하지 않음";
Copy link
Member

Choose a reason for hiding this comment

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

이거 테이블에 있는 U랑 "입력하지 않음"의 차이가 어떻게 될까요?

Copy link
Member Author

Choose a reason for hiding this comment

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

@hoon5083 '입력하지 않음' 은 말그대로 입력하지 않은 상태, U 는 명시적으로 어떤 성별인지 드러내고 싶지 않은 상태를 의미한다고 생각하였습니다.

src/feature/mypage/mypage.edit/views/ViewMypageEdit.tsx Outdated Show resolved Hide resolved
Copy link
Member Author

@jaychang99 jaychang99 left a comment

Choose a reason for hiding this comment

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

@hoon5083 리뷰 반영 완료하였습니다 감사합니다!

Copy link
Collaborator

@sera2002 sera2002 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!


button {
margin-top: 32px;
// TODO: danger Button 머지되면 버튼에 danger prop 부여
Copy link
Collaborator

Choose a reason for hiding this comment

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

danger props 추가된거 머지된 상태여서 여기 수정하시면 될 것 같습니다!

Copy link
Member Author

Choose a reason for hiding this comment

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

@sera2002 오 예리한 포인트군요 변경하였습니다!!

Copy link
Member

@hoon5083 hoon5083 left a comment

Choose a reason for hiding this comment

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

리뷰 사항 반영확인이 많이 늦었습니다 :( 수고하셨습니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 신규 컴포넌트/기능 개발 (제일 일반적)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants