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

QA [메인 페이지] #36

Open
indianaPoly opened this issue Feb 24, 2024 · 17 comments
Open

QA [메인 페이지] #36

indianaPoly opened this issue Feb 24, 2024 · 17 comments

Comments

@indianaPoly
Copy link
Contributor

@AAminha
QA 합시다,,,ㅠㅠ
@indianaPoly
Copy link
Contributor Author

indianaPoly commented Feb 24, 2024 •
edited
Loading

문제 사항 : 백엔드와 프론트엔드 이미지가 바뀌어져있음.

@indianaPoly indianaPoly changed the title QA QA [메인 페이지] Feb 24, 2024
@indianaPoly
Copy link
Contributor Author

문제 사항 : 메인 페이지에서 부서 선택시에 해당 부서 상세 페이지로 이동하도록 변경 (notion link 삭제)

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

부서 이름과 > 아이콘 어긋남
image

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

바로가기(?) 아이콘 없어짐

[실제 페이지]
image

[피그마]
image

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

이번에 생긴 문제가 아니라 디테일을 놓쳤던 것 같은데..
1080 이하에서 배너의 뒷배경이 보여지는 범위가 좀 다름 (글자가 파란 공 위에 있지 않음)

[실제]
image

[피그마]
image

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

헤더에서 비활성화 색상 변경 (현재 #525252 -> bluegray1)

[실제 화면]
image

[피그마]
image

@indianaPoly
Copy link
Contributor Author

이번에 생긴 문제가 아니라 디테일을 놓쳤던 것 같은데.. 1080 이하에서 배너의 뒷배경이 보여지는 범위가 좀 다름 (글자가 파란 공 위에 있지 않음)

[실제] image

[피그마] image

메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!

@indianaPoly
Copy link
Contributor Author

스크린샷 2024-02-25 오후 1 44 37

해당 부분 그리드 수정 필요 (피그마에 맞게 제작)

@indianaPoly
Copy link
Contributor Author

SEO 측면에서 카카오톡으로 링크 보내면 이미지가 안보이는 문제가 있음.

@indianaPoly
Copy link
Contributor Author

각 부서 링크 상세 페이지로 연동 시켜야함.

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!

제가 말을 잘 이해한 것 같지는 않은데 fluid를 사용하는 과정에서 1080인 경우에만 저희의 의도대로 변하지 않았다는 거 맞을까요???? 그렇다면 어쩔 수 없겠네용..

@indianaPoly
Copy link
Contributor Author

메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!

제가 말을 잘 이해한 것 같지는 않은데 fluid를 사용하는 과정에서 1080인 경우에만 저희의 의도대로 변하지 않았다는 거 맞을까요???? 그렇다면 어쩔 수 없겠네용..

저번에 해당 부분에 대해서는 디자인팀과 합의?를 했던거 같기도 해요

@indianaPoly
Copy link
Contributor Author

https://metacode22.github.io/improve-lcp-by-using-eager-loading/
https://developer.chrome.com/docs/devtools/lighthouse?hl=ko#main
https://pagespeed.web.dev/

홈페이지 성능 개선과 관련해서 체크를 조금하고 있는데 LCP가 말도 안되게 높은 결과를 초래해가지구 해당 부분 수정이 필요할거 같아요..ㅠㅠ
Gatsby에서 제공하는 플러그인을 자세히 살펴보고 사용해야할 필요가 있어보입니다!

해당 부분은 디자인 QA는 아닌데 까먹을까봐 일단 작성은 해둘게요!

@indianaPoly
Copy link
Contributor Author

스크린샷 2024-02-25 오후 3 48 39

정적인 페이지에서 발생하는 에러도 동일하게 관련 자료 찾아보고 코드 수정해야될 것 같아요

해당 부분은 디자인 QA는 아닌데 까먹을까봐 일단 작성은 해둘게요!

@indianaPoly
Copy link
Contributor Author

스크린샷 2024-02-25 오후 4 17 21

ipad의 경우 해당 값 확인 시에 'ipad'가 나오지 않아서 운영체제를 확인하는 코드를 수정해야할 것 같습니다!

@AAminha
Copy link
Member

AAminha commented Feb 25, 2024

SEO 측면에서 카카오톡으로 링크 보내면 이미지가 안보이는 문제가 있음.

관련 이미지
image

이미지가 안 보이는 문제, 원하지 않은 이미지가 나오는 문제 수정 필요

@2wndrhs
Copy link
Member

2wndrhs commented Mar 8, 2024 •
edited
Loading

안녕하세요 기능 추가 요청 좀 드려도 될까요 ㅎㅎ..

image

현재 저 버튼 전체가 아닌 > 아이콘 부분에 정확히 마우스를 올렸을 때만 리크루팅 페이지로 가는 링크가 나타나는데 버튼 전체에 링크를 걸면 사용자 경험이 더 좋아질 것 같아서요!

QA로 바쁘실텐데 죄송합니다..

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@2wndrhs @AAminha @indianaPoly