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

[FE] refactor: 고객모드의 상세페이지를 최적화한다. #725

Open
3 tasks done
regularPark opened this issue Sep 20, 2023 · 0 comments
Open
3 tasks done

[FE] refactor: 고객모드의 상세페이지를 최적화한다. #725

regularPark opened this issue Sep 20, 2023 · 0 comments
Assignees
@regularPark
Labels
front-end 👨‍👨‍👧 프론트엔드 관련한 이슈 리팩터링 🔨 코드 개선에 대한 이슈
Milestone
5차 데모데이

Comments

@regularPark
Copy link
Collaborator

regularPark commented Sep 20, 2023 •
edited
Loading

리팩터링 내용

  • 모달로 대체하는 동시에 메인화면에서 쿠폰의 앞면, 뒷면, 스탬프 이미지를 불러오던 api를 모달 내부로 이동해 메인화면에서 불러오는 데이터의 양을 줄여 성능을 최적화한다.
  • 기존에는 쿠폰의 애니메이션을 구현하기 위해 뒷면, 스탬프 이미지를 모두 갖고 있어 성능 측면에서 좋지 않았음.

++ && 연산자를 이용하여 렌더링이 되지 않도록 해보았으나 드라마틱한 성능 향상을 보이지는 않았음. 물론 뒷면 + 스탬프 이미지는 불러오지 않음.

체크리스트

  • assignee 설정 (선택)
  • labels 설정
  • milestone 설정

주의사항
@regularPark regularPark added 리팩터링 🔨 코드 개선에 대한 이슈 front-end 👨‍👨‍👧 프론트엔드 관련한 이슈 labels Sep 20, 2023
@regularPark regularPark added this to the 5차 데모데이 milestone Sep 20, 2023
@regularPark regularPark self-assigned this Sep 20, 2023
@regularPark regularPark changed the title [FE] refactor: 고객모드의 상세페이지를 모달로 대체한다. [FE] refactor: 고객모드의 상세페이지를 최적화한다. Sep 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@regularPark regularPark

Labels
front-end 👨‍👨‍👧 프론트엔드 관련한 이슈 리팩터링 🔨 코드 개선에 대한 이슈
Projects
2023-stamp-crush
Status: Todo
Milestone
5차 데모데이
Development

No branches or pull requests
1 participant
@regularPark