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

[FE] FEAT: MAIN화면 재화 소개 추가#1681 #1686

Merged
merged 28 commits into from
Oct 8, 2024

Conversation

jimchoi9
Copy link
Collaborator

해당 사항 (중복 선택)

  • FEAT : 새로운 기능 추가 및 개선
  • FIX : 기존 기능 수정 및 정상 동작을 위한 간단한 추가, 수정사항
  • BUG : 버그 수정
  • REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
  • TEST : 테스트 코드 추가
  • DOCS : 코드가 아닌 문서를 수정한 경우
  • REMOVE : 파일을 삭제하는 작업만 수행
  • RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
  • ETC : 이외에 다른 경우 - 어떠한 사항인지 작성해주세요.

설명

cabi.main.mov
  • main화면에서 재화 시스템의 소개와 간단한 사용법을 볼 수 있도록 업데이트
  • 정책 변경으로 인해 필요 없게 된 연장권 이용방법 안내서 모달과, 오픈예정, 대기중 카드를 삭제
  • storeIcon resizing 후 깨지는 부분 코드 수정

#1681

@jimchoi9 jimchoi9 added FEAT New feature or upgrade FE Frontend tasks labels Sep 10, 2024
@jimchoi9 jimchoi9 linked an issue Sep 10, 2024 that may be closed by this pull request
frontend/src/Cabinet/assets/data/ManualContent.ts Outdated Show resolved Hide resolved
frontend/src/Cabinet/assets/data/ManualContent.ts Outdated Show resolved Hide resolved
frontend/src/Cabinet/assets/data/ManualContent.ts Outdated Show resolved Hide resolved
icon: ItemIconMap.SWAP,
title: "이사권",
content: `
<strong></strong>
Copy link
Collaborator

Choose a reason for hiding this comment

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

필요없는 코드면 삭제해주세용

frontend/src/Cabinet/components/Home/ManualContentBox.tsx Outdated Show resolved Hide resolved
frontend/src/Cabinet/components/Home/ManualContentBox.tsx Outdated Show resolved Hide resolved
&:hover {
transition: all 0.3s ease-in-out;
transform: translateY(-5px);
/* filter: drop-shadow(10px 10px 8px rgba(0, 0, 0, 0.2)); */
Copy link
Collaborator

Choose a reason for hiding this comment

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

안쓰는 코드 삭제해주셈여 + TicketStyled

@jnkeniaem
Copy link
Collaborator

main이 더욱 귀여워졌네요 ~>.<
디자인부터 구현까지 고생많으셨습니다 🐸

Copy link
Collaborator

@junyoung2015 junyoung2015 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!

frontend/vite.config.ts.timestamp-1724129829170.mjs Outdated Show resolved Hide resolved
Copy link
Collaborator

@jihyunk03 jihyunk03 left a comment

Choose a reason for hiding this comment

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

main 화면이 더 깔끔하고 귀여워졌네요! 고생 많으셨습니다!

Copy link
Collaborator

@seonmiki seonmiki left a comment

Choose a reason for hiding this comment

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

한층 더 친절하고 귀여운 까비가 되었네요! 멘트들도 너무 좋아여 :) 고생 많으셨습니다~!!

Copy link
Collaborator

@wet6123 wet6123 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!
로컬에서 실행 해봤는데 스토어 상품(이사권 등등..) 설명 창에 있는 아이콘들 그림자가 잘리더라구요. 제가 오늘 일정이 있어서 이유 까지는 확인을 못했습니다. PR에 올려주신 영상에서는 잘 동작하는걸 보면 제 기기 문제일 수도 있을 것 같은데 혹시 한번 확인 해주실 수 있나요?
사파리에서 다크모드로 테스트 했습니다.

<div>
아이템 구매 후 원하는 섹션으로 이동해 우측 상단의 <strong>하트 아이콘</strong>을 클릭합니다.<br/>
사용한 알림 등록권은 섹션을 변경하거나 취소할 수 없습니다.<br/>
알림등록권은 1화 알림 후 <strong>소멸</strong>됩니다.
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
알림등록권은 1 알림 <strong>소멸</strong>됩니다.
알림등록권은 1 알림 <strong>소멸</strong>됩니다.

오타 발견!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

앗 오타가ㅜㅜ 그림자 이슈도 주말 내로 확인해보겠습니다ㅎㅎ 꼼꼼히 봐주셔서 감사합니다!!

filter: drop-shadow(10px 10px 10px var(--left-nav-border-shadow-color));
}
`;
// 16.794
Copy link
Collaborator

Choose a reason for hiding this comment

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

TicketStyled 사용하는 곳이 있나여?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

위에 적용된 clip-path: path 에서 각 수치들이 어느 부분인지 참고 용도로 적어두신 부분이라, 추후 혹시라도 수정에 필요할까 싶어 남겨두었습니다!

Copy link
Collaborator

Choose a reason for hiding this comment

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

clip-path: path 적용된 부분이 어디일까요 ? 이 파일엔 안보이는데 혹시 storeBoxStyles..?

@jimchoi9 jimchoi9 removed the request for review from Minkyu01 September 24, 2024 09:21
@junyoung2015 junyoung2015 merged commit 9720bc6 into dev Oct 8, 2024
1 check passed
@junyoung2015 junyoung2015 deleted the fe/dev/feat_main_design/#1681 branch October 8, 2024 05:52
junyoung2015 added a commit that referenced this pull request Oct 22, 2024
* [FE] FIX: debounce 적용해 코인 내역 페이지 필터 변경시 불필요한 api 요청 보내지 않게 수정 #1677

* [FE] FIX: 공유사물함 코드 복사, 클럽 멤버리스트와 아이템 사용 내역 불러오기에서 debouncing 적용#1677

* [FE] FIX: AvailablePage에서 필요없는 코드 삭제#1677

* [BE] local 42auth key refresh

* [BE] FIX: local config fix

* [FE] FIX: UserCabinetInfoArea.tsx에서 font color 값 문법적 에러 해결 #1677

* [FE] FIX: z-index 삭제해서 포인트 컬러 카드에서 색 선택했을때 화면 스타일 카드도 그림자 적용#1682

* [FE] REMOVE: 프로필 연장권 카드 관련 파일 삭제#1682

* [FE] FIX: 공유코드 클릭했을때 debounce 함수 호출시 key 이름에서 time 내용 삭제#1677

* [FE] REFACT: getClubInfo와 clickMoreButton의 중복된 setTimeout clickMoreButton에서 제거#1677

* [FE] FIX: 멤버 더보기 버튼 클릭시 page 변경하는 부분에 debounce 적용#1677

* [BE] fcm 테스트를 위한 dev 환경 설정 임시 변경

* [BE] fcm 테스트를 위한 dev 환경 설정 변경 후 원상복구

* [FE] BUG: 모달에서 링크로 이동 시 모든 창을 닫도록 closeAll 추가 #1668

* [FE] FEAT: MAIN화면 재화 소개 추가#1681 (#1686)

* [FE] FEAT: main layout 설정 #1681

* [FE] FEAT: coinDolar.svg 아이콘 추가 #1681

* Co-authored-by: Gyeong A Koh <[email protected]>

* FE] FEAT: ManualModal 동전 사용법 모달 수정 #1681

* [FE] FEAT: main ui 티켓 디자인 v1 #1681

* FE] FEAT: ManualModal 아이템 내용추가 #1681

* [FE] FEAT: CSS clip-path 를 사용해 STORE MandualContentBox 생성 #1681

* [FE] FIX: ManualContentBox 의 CSS 모듈화 #1681

* [FE] FIX: ManualContentBox 의 CSS Map 생성 #1681

* [FE] FIX: CSS Map 을 사용해 ManualContentBoxStyled 간소화 #1681

* [FE] FEAT: 티켓 이미지 그림자 적용 #1681

* [FE] FEAT: ManualModal 아이콘 호버 효과 적용 #1681

* [FE] FEAT: 티켓 이미지 반응형 적용 #1681

* [FE] FEAT: coin manual color 적용 #1681

* [FE] FEAT: ItemContentsStyled width 수정 #1681

* [FE] FEAT: new!  #1681

* [FE] FEAT: 아이콘 resizing   #1681

* [FE] DOCS: 바뀐 정책에 따라 슬랙 알림 연체 문구 수정#1681

* [FE] DOCS: 슬랙 알림 문구 볼드체 적용되게 띄어쓰기 #1681

* [FE] FEAT: 사물함 대여 모달에 연체주의사항 문구 추가   #1681

* [FE] FEAT: 사물함 대여 모달에 연체주의사항 문구 띄어쓰기 수정   #1681

* [FE] FEAT: 불필요한 파일 및 코드 삭제, storeItems 배열을 manualItemsData 객체로 수정 및 적용 #1681

* [FE] FIX: ManualModal 아이템 아이콘 그림자 잘림 해결, 오타 수정 #1681

* [FE] FEAT: 사용 안하는 css 제거 #1681

---------

Co-authored-by: Minkyu01 <[email protected]>
Co-authored-by: gykoh42 <[email protected]>
Co-authored-by: jiminChoi <[email protected]>
Co-authored-by: jusohn Eddie Sohn <[email protected]>
Co-authored-by: jnkeniaem <[email protected]>

* [BE] 이용 정지 최대 기한 180일로 조정

* [FE] FIX: 로딩 애니메이션 작동 시, 스크롤바 제거하기 위한 css 추가

* [FE] FIX: 새로고침 시 나타나는 스크롤바 제거하기 위한 로직 수정

* [FE] REFACTOR: 필요없는 css 속성 삭제

* [FE] HOTFIX: AvailablePage 에서 4층 제거

* [FE] HOTFIX: 4층에서 알림권을 사용하지 못하도록 설정

---------

Co-authored-by: jnkeniaem <[email protected]>
Co-authored-by: chyo1 <[email protected]>
Co-authored-by: jeekim <[email protected]>
Co-authored-by: JunSeong <[email protected]>
Co-authored-by: jimchoi9 <[email protected]>
Co-authored-by: Minkyu01 <[email protected]>
Co-authored-by: gykoh42 <[email protected]>
Co-authored-by: jiminChoi <[email protected]>
Co-authored-by: Jihyun Kim <[email protected]>
Co-authored-by: Jihyun Kim <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE Frontend tasks FEAT New feature or upgrade
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] MAIN화면 리디자인
8 participants