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

#233 카테고리 배너 재조정 #235

Merged
merged 4 commits into from
Mar 23, 2023
Merged

#233 카테고리 배너 재조정 #235

merged 4 commits into from
Mar 23, 2023

Conversation

joohaem
Copy link
Member

@joohaem joohaem commented Mar 22, 2023

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

  • 카테고리 배너 이미지 배율이 깨져보이는 것을 해결합니다
  • 메인 페이지와 카테고리 페이지의 메인 배너이미지를 프리로딩하여 빠르게 페인팅되도록 합니다.

📸 스크린샷

@joohaem joohaem requested a review from NYeonK March 22, 2023 09:21
@joohaem joohaem self-assigned this Mar 22, 2023
@joohaem joohaem changed the base branch from develop to release/1.3 March 22, 2023 09:21
@joohaem joohaem linked an issue Mar 22, 2023 that may be closed by this pull request
[ Common ] 이미지 최적화 작업 추가 진행 #219
Open
12 tasks
NYeonK
NYeonK reviewed Mar 22, 2023
View reviewed changes
src/@components/CategoryPage/index.tsx
Comment on lines +31 to +33
<Helmet>
<link rel="preload" as="image" href={ImgCategoryBanner} />
</Helmet>
Copy link
Contributor

Choose a reason for hiding this comment

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

메인 페이지뿐만 아니라, 카테고리 배너도 <Helmet />에 넣어주는 이유는 무엇일까용?-?

Copy link
Member Author

Choose a reason for hiding this comment

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

이미지 파일을 한 파일에서만 import 하고 싶었어요...!
페이지마다, 혹은 html에 그냥 하는 게 나으려나요?!

Copy link
Member Author

Choose a reason for hiding this comment

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

혹은- 정적 파일들을 이미지 파일로 불러오는 데에도 리소스가 들어서,
정적 파일이라면 base64로 바꿔서 html을 파싱할 때 바로 로드되게끔 하는 방법도 있을 것 같아요!

Copy link
Contributor

Choose a reason for hiding this comment

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

이미지 파일을 한 파일에서 import 한다는 게 잘 이해가 안됐습니다😂 좀 더 설명해주실 수 있을까용?!

Copy link
Member Author

Choose a reason for hiding this comment

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

제가 질문을 잘 이해를 못한 것 같아요.
메인 페이지, 카테고리 배너 각각 다른 이미지 파일을 프리로드 하기 위해 각각 Helmet을 선언한 건데,
어떤 다른 방법이 있는 걸까요??!

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
Member Author

Choose a reason for hiding this comment

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

아하!!!! 카테고리 페이지에 들어갈 때 배너 이미지가 빨리 보이게 하기 위함이었어요

@joohaem joohaem linked an issue Mar 22, 2023 that may be closed by this pull request
[ Common ] QA 반영 #233
Closed
6 tasks
NYeonK
NYeonK approved these changes Mar 23, 2023
View reviewed changes
Copy link
Contributor

@NYeonK NYeonK left a comment

Choose a reason for hiding this comment

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

또 새로운 걸 알아갑니다~! 감사합니당 :D

@joohaem joohaem merged commit af14712 into release/1.3 Mar 23, 2023
@joohaem joohaem deleted the feat/#233-category_banner branch March 23, 2023 13:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@NYeonK NYeonK NYeonK approved these changes

Assignees

@joohaem joohaem

Labels
Feature 주함
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[ Common ] 이미지 최적화 작업 추가 진행 [ Common ] QA 반영
2 participants
@joohaem @NYeonK