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.

Sign up for GitHub

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

Jump to bottom

feat(client): 정산 수수료 페이지 마크업 #375

Merged
merged 4 commits into from Sep 29, 2021
Merged

feat(client): 정산 수수료 페이지 마크업 #375

merged 4 commits into from Sep 29, 2021

Conversation

jho2301
Copy link
Collaborator

@jho2301 jho2301 commented Sep 28, 2021

  1. 정산 수수료 페이지에 접근할 수 있는 메인페이지의 플로팅버튼을 하나 만들었어

  • 데스크탑 해상도에서는 innerTemplate을 벗어나서 배치를 해야돼서, 여백 때문에 fixed 처리했구
    image

  • 그 이하 해상도에서는 sticky로 footer를 안가리도록 처리했어
    image

  1. footer에 링크를 추가해서 다른 페이지에서는 이 링크로 접근가능
    image

  2. 정산 수수료 페이지
    image

@jho2301 jho2301 self-assigned this Sep 28, 2021
@jho2301 jho2301 linked an issue Sep 28, 2021 that may be closed by this pull request
수수료 가이드 페이지 제작 #357
Closed
@jho2301
Copy link
Collaborator Author

jho2301 commented Sep 28, 2021

하는김에 푸터 도네이션 환불하기 링크 -> 충전금액 환불로 변경함 ㅋㅋ

@hchayan
Copy link
Collaborator

hchayan commented Sep 28, 2021

정산 수수료를 페이지 이동하는거보다 팝업페이지 형태로 보여줘도 괜찮을꺼같은데 어때?

@hchayan
Copy link
Collaborator

hchayan commented Sep 28, 2021

그리고 물음표 floating 버튼을 메인페이지가 아니라, 포인트 정산 페이지에서만 보이게 해도 좋을꺼같아

@jho2301
Copy link
Collaborator Author

jho2301 commented Sep 29, 2021 •
edited

정산 수수료를 페이지 이동하는거보다 팝업페이지 형태로 보여줘도 괜찮을꺼같은데 어때?

  1. 기존에 디자인 협의가 없기 때문에 바꿨을때 사용자경험적으로 큰 개선이 없다면 유지하는 방식이 생산적일 것 같아. 너무 이슈가 많아서 그렇기도 하고 ㅋㅋ
  2. 모달과 페이지 차이가 사용자경험적으로 유의미한 개선을 불러일으킬 것 같진 않아서 유지하는게 어떨까?

그리고 물음표 floating 버튼을 메인페이지가 아니라, 포인트 정산 페이지에서만 보이게 해도 좋을꺼같아

  1. 정산페이지에서 보이자는 의견 찬성해. 어디에 노출되어야하냐고 하면 정산관리페이지가 맞는것 같아
  2. 안내를 메인에서도 보여주면 어떨까? 우리가 지금 별도의 온보딩 프로세스가 없어서 이런 정보를 주는 요소가 메인에 필요할 것 같아.
  3. 이건 여담인데 추후에 이용가이드 같은걸 추가하게된다면 동일한 플로팅 버튼 UI에 추가하는 식으로 진행을 하게 될 것 같다는 생각을 했어.

@hchayan
Copy link
Collaborator

hchayan commented Sep 29, 2021

정산 수수료를 페이지 이동하는거보다 팝업페이지 형태로 보여줘도 괜찮을꺼같은데 어때?

  1. 기존에 디자인 협의가 없기 때문에 바꿨을때 사용자경험적으로 큰 개선이 없다면 유지하는 방식이 생산적일 것 같아. 너무 이슈가 많아서 그렇기도 하고 ㅋㅋ
  2. 모달과 페이지 차이가 사용자경험적으로 유의미한 개선을 불러일으킬 것 같진 않아서 유지하는게 어떨까?

그리고 물음표 floating 버튼을 메인페이지가 아니라, 포인트 정산 페이지에서만 보이게 해도 좋을꺼같아

  1. 정산페이지에서 보이자는 의견 찬성해. 어디에 노출되어야하냐고 하면 정산관리페이지가 맞는것 같아
  2. 안내를 메인에서도 보여주면 어떨까? 우리가 지금 별도의 온보딩 프로세스가 없어서 이런 정보를 주는 요소가 메인에 필요할 것 같아.
  3. 이건 여담인데 추후에 이용가이드 같은걸 추가하게된다면 동일한 플로팅 버튼 UI에 추가하는 식으로 진행을 하게 될 것 같다는 생각을 했어.

처음거는 의견 제안이여서 큰 차이 없을꺼같으면 이대로 가도 괜찮을거같고

후자는 가이드라인 페이지를 만들어야 근본적으로 해결될거같아서 우선은 정산페이지에 넣어두는거 제안!

@jho2301
Copy link
Collaborator Author

jho2301 commented Sep 29, 2021

정산수수료도 가이드의 일환이 될거라고 생각하는데 메인에 들어가서 안되는 건 아니지 않을까?
정산페이지에 넣는건 맞아보여서 일단 넣어놨으

@jho2301
Copy link
Collaborator Author

jho2301 commented Sep 29, 2021 •
edited

우리가 작업하는 방식을 바꾸고 나서 생긴 문제점 같은데 이런 코딩 외적인 문제는 코딩 전에 미리 협의보는게 맞는듯
앞으론 미리 물어볼게용
인치도 하기 전에 물어봐줘

@jho2301 jho2301 added the client 프론트엔드 관련 이슈 label Sep 29, 2021
@hchayan
Copy link
Collaborator

hchayan commented Sep 29, 2021

오케오케... 나는 아직 가이드라기보단 툴팁 내용같아서 위와같이 이야기 한듯 ㅇㅇ
일단 마지할께

@hchayan hchayan merged commit 266cbd8 into main Sep 29, 2021
hchayan added a commit that referenced this pull request Sep 29, 2021
@hchayan
Revert "feat(client): 정산 수수료 페이지 마크업 (#375)"
0465c31 
This reverts commit 266cbd8.
hchayan added a commit that referenced this pull request Sep 29, 2021
@hchayan @jho2301
feat(client): 정산 수수료 페이지 마크업 (#382)
c3b44ea 
* feat(client): 정산 수수료 페이지 마크업 (#375)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

* Revert "feat(client): 정산 수수료 페이지 마크업 (#375)"

This reverts commit 266cbd8.

Co-authored-by: hwano <jho2301@gmail.com>
jho2301 added a commit that referenced this pull request Sep 30, 2021
@jho2301 @hchayan
release 1.3.1 (#401)
398be8d 
* feat(client): 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가 (#372)

* feat: 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가

* refactor: useRegisterPageName 함수형 컴포넌트 정상적으로 변경

* feat: 가입된 사용자 아닙니다 문구 수정 및 자동 로그인 분기문 적용

* feat(client): 네이버 로그인, 회원가입 버튼 제거 (#373)

* feat: 네이버 로그인, 회원가입 버튼 제거

* feat: 네이버 로고 svg 복구

* fix(client): 로그인시, 간헐적으로 이전의 이전 페이지로 리다이렉션 되는 현상 (#378)

* feat: 사용하지 않는 파일 제거

* fix: 로그인 시 이전의 이전 페이지로 리다이렉션 되는 현상

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정 (#380)

* feat(client): 도네이션 메세지폼, 닉네임 고정 처리 (#381)

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정

* feat: 도네이션 메세지폼, 닉네임 관련 로직 제거

* feat(client): 정산 수수료 페이지 마크업 (#382)

* feat(client): 정산 수수료 페이지 마크업 (#375)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

* Revert "feat(client): 정산 수수료 페이지 마크업 (#375)"

This reverts commit 266cbd8.

Co-authored-by: hwano <jho2301@gmail.com>

* feat(client): 닉네임 한글, 영어, 숫자만 가능하게 변경 (#383)

* feat(client): 포인트 충전 이용약관 전부 필수로 변경 (#384)

* feat(client): 포인트 충전 모달 모바일 레이아웃 대응 (#390)

* feat(client): 정산 관리 페이지, 모바일/데스크탑 UI 기준 해상도 변경 (#387)

* fix: 파일명 변경

* feat: SettlementInfo 컴포넌트 모바일/데스크탑 기준 해상도 변경

* feat: 은행 가짓수를 늘린다 (#389)

* fix: 투명한 프로필 이미지 불투명처리 (#391)

* feat(client): 계좌등록 페이지 모바일 대응 (#393)

* fix(client): 자기소개 메세지 개행 적용 (#377)

* feat: 자기소개 메세지 개행 적용 추가, line-height 추가

* feat: 자기소개 메세지 가운데 정렬 적용

* feat(client): 환불신청 페이지 텍스트 수정 및 레이아웃 개선 (#394)

* fix(client): 타 창작자페이지에서 내 페이지로 이동시, 후원메시지리스트 갱신이 안되는 현상 (#395)

Co-authored-by: Chayan <hchayan196@gmail.com>
jho2301 added a commit that referenced this pull request Sep 30, 2021
@jho2301
release 1.3.1 (#401)
fce7126 
* feat(client): 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가 (#372)

* feat: 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가

* refactor: useRegisterPageName 함수형 컴포넌트 정상적으로 변경

* feat: 가입된 사용자 아닙니다 문구 수정 및 자동 로그인 분기문 적용

* feat(client): 네이버 로그인, 회원가입 버튼 제거 (#373)

* feat: 네이버 로그인, 회원가입 버튼 제거

* feat: 네이버 로고 svg 복구

* fix(client): 로그인시, 간헐적으로 이전의 이전 페이지로 리다이렉션 되는 현상 (#378)

* feat: 사용하지 않는 파일 제거

* fix: 로그인 시 이전의 이전 페이지로 리다이렉션 되는 현상

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정 (#380)

* feat(client): 도네이션 메세지폼, 닉네임 고정 처리 (#381)

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정

* feat: 도네이션 메세지폼, 닉네임 관련 로직 제거

* feat(client): 정산 수수료 페이지 마크업 (#382)

* feat(client): 정산 수수료 페이지 마크업 (#375)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

* Revert "feat(client): 정산 수수료 페이지 마크업 (#375)"

This reverts commit 266cbd8.

Co-authored-by: hwano <jho2301@gmail.com>

* feat(client): 닉네임 한글, 영어, 숫자만 가능하게 변경 (#383)

* feat(client): 포인트 충전 이용약관 전부 필수로 변경 (#384)

* feat(client): 포인트 충전 모달 모바일 레이아웃 대응 (#390)

* feat(client): 정산 관리 페이지, 모바일/데스크탑 UI 기준 해상도 변경 (#387)

* fix: 파일명 변경

* feat: SettlementInfo 컴포넌트 모바일/데스크탑 기준 해상도 변경

* feat: 은행 가짓수를 늘린다 (#389)

* fix: 투명한 프로필 이미지 불투명처리 (#391)

* feat(client): 계좌등록 페이지 모바일 대응 (#393)

* fix(client): 자기소개 메세지 개행 적용 (#377)

* feat: 자기소개 메세지 개행 적용 추가, line-height 추가

* feat: 자기소개 메세지 가운데 정렬 적용

* feat(client): 환불신청 페이지 텍스트 수정 및 레이아웃 개선 (#394)

* fix(client): 타 창작자페이지에서 내 페이지로 이동시, 후원메시지리스트 갱신이 안되는 현상 (#395)

Co-authored-by: Chayan <hchayan196@gmail.com>

feat(client): 정산 수수료 페이지 마크업  (#402)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

Co-authored-by: jho2301 <jho2301@gmail.com>
@jho2301 jho2301 mentioned this pull request Sep 30, 2021
Merged
jho2301 added a commit that referenced this pull request Sep 30, 2021
@jho2301
release 1.3.1 (#401) (#403)
d9edb42 
* feat(client): 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가 (#372)

* feat: 비회원 로그인시 회원가입, 회원 회원가입시 로그인 플로우 추가

* refactor: useRegisterPageName 함수형 컴포넌트 정상적으로 변경

* feat: 가입된 사용자 아닙니다 문구 수정 및 자동 로그인 분기문 적용

* feat(client): 네이버 로그인, 회원가입 버튼 제거 (#373)

* feat: 네이버 로그인, 회원가입 버튼 제거

* feat: 네이버 로고 svg 복구

* fix(client): 로그인시, 간헐적으로 이전의 이전 페이지로 리다이렉션 되는 현상 (#378)

* feat: 사용하지 않는 파일 제거

* fix: 로그인 시 이전의 이전 페이지로 리다이렉션 되는 현상

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정 (#380)

* feat(client): 도네이션 메세지폼, 닉네임 고정 처리 (#381)

* feat: 정산관리 페이지, 환급일 정책에 맞게 수정

* feat: 도네이션 메세지폼, 닉네임 관련 로직 제거

* feat(client): 정산 수수료 페이지 마크업 (#382)

* feat(client): 정산 수수료 페이지 마크업 (#375)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

* Revert "feat(client): 정산 수수료 페이지 마크업 (#375)"

This reverts commit 266cbd8.

Co-authored-by: hwano <jho2301@gmail.com>

* feat(client): 닉네임 한글, 영어, 숫자만 가능하게 변경 (#383)

* feat(client): 포인트 충전 이용약관 전부 필수로 변경 (#384)

* feat(client): 포인트 충전 모달 모바일 레이아웃 대응 (#390)

* feat(client): 정산 관리 페이지, 모바일/데스크탑 UI 기준 해상도 변경 (#387)

* fix: 파일명 변경

* feat: SettlementInfo 컴포넌트 모바일/데스크탑 기준 해상도 변경

* feat: 은행 가짓수를 늘린다 (#389)

* fix: 투명한 프로필 이미지 불투명처리 (#391)

* feat(client): 계좌등록 페이지 모바일 대응 (#393)

* fix(client): 자기소개 메세지 개행 적용 (#377)

* feat: 자기소개 메세지 개행 적용 추가, line-height 추가

* feat: 자기소개 메세지 가운데 정렬 적용

* feat(client): 환불신청 페이지 텍스트 수정 및 레이아웃 개선 (#394)

* fix(client): 타 창작자페이지에서 내 페이지로 이동시, 후원메시지리스트 갱신이 안되는 현상 (#395)

Co-authored-by: Chayan <hchayan196@gmail.com>

feat(client): 정산 수수료 페이지 마크업  (#402)

* feat: 정산 수수료 페이지 마크업

* feat: Footer 컴포넌트에 수수료 안내 링크 추가

* feat: 메인페이지 물음표 플로팅 버튼 추가

* feat: 정산관리 페이지에 정산수수료안내 링크버튼 추가

Co-authored-by: jho2301 <jho2301@gmail.com>
@jho2301 jho2301 deleted the feature/fee-guide-page branch October 3, 2021 13:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@hchayan hchayan Awaiting requested review from hchayan

Assignees

@jho2301 jho2301

Labels
client 프론트엔드 관련 이슈
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

수수료 가이드 페이지 제작
2 participants
@jho2301 @hchayan