QA [메인 페이지]
indianaPoly opened this issue · comments
문제 사항 : 백엔드와 프론트엔드 이미지가 바뀌어져있음.
문제 사항 : 메인 페이지에서 부서 선택시에 해당 부서 상세 페이지로 이동하도록 변경 (notion link 삭제)
부서 이름과 > 아이콘 어긋남
바로가기(?) 아이콘 없어짐
[실제 페이지]
[피그마]
이번에 생긴 문제가 아니라 디테일을 놓쳤던 것 같은데..
1080 이하에서 배너의 뒷배경이 보여지는 범위가 좀 다름 (글자가 파란 공 위에 있지 않음)
[실제]
[피그마]
헤더에서 비활성화 색상 변경 (현재 #525252 -> bluegray1)
[실제 화면]
[피그마]
이번에 생긴 문제가 아니라 디테일을 놓쳤던 것 같은데.. 1080 이하에서 배너의 뒷배경이 보여지는 범위가 좀 다름 (글자가 파란 공 위에 있지 않음)
[실제]
[피그마]
메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!
해당 부분 그리드 수정 필요 (피그마에 맞게 제작)
SEO 측면에서 카카오톡으로 링크 보내면 이미지가 안보이는 문제가 있음.
각 부서 링크 상세 페이지로 연동 시켜야함.
메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!
제가 말을 잘 이해한 것 같지는 않은데 fluid를 사용하는 과정에서 1080인 경우에만 저희의 의도대로 변하지 않았다는 거 맞을까요???? 그렇다면 어쩔 수 없겠네용..
메인 배너 이미지의 경우에는 제가 각 화면에 맞는 사이즈를 넣기 보다 gatsby에서 제공하는 기능인 fluid를 사용하여 자체로 변경이 되는거 같아요.
1080인 경우에만 저렇게 반응이 되어있는거 같은데 해당 부분도 크게 반응을 해야할까요 ??!제가 말을 잘 이해한 것 같지는 않은데 fluid를 사용하는 과정에서 1080인 경우에만 저희의 의도대로 변하지 않았다는 거 맞을까요???? 그렇다면 어쩔 수 없겠네용..
저번에 해당 부분에 대해서는 디자인팀과 합의?를 했던거 같기도 해요
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는 아닌데 까먹을까봐 일단 작성은 해둘게요!
정적인 페이지에서 발생하는 에러도 동일하게 관련 자료 찾아보고 코드 수정해야될 것 같아요
해당 부분은 디자인 QA는 아닌데 까먹을까봐 일단 작성은 해둘게요!
ipad의 경우 해당 값 확인 시에 'ipad'가 나오지 않아서 운영체제를 확인하는 코드를 수정해야할 것 같습니다!
SEO 측면에서 카카오톡으로 링크 보내면 이미지가 안보이는 문제가 있음.
관련 이미지
이미지가 안 보이는 문제, 원하지 않은 이미지가 나오는 문제 수정 필요
안녕하세요 기능 추가 요청 좀 드려도 될까요 ㅎㅎ..
현재 저 버튼 전체가 아닌 > 아이콘 부분에 정확히 마우스를 올렸을 때만 리크루팅 페이지로 가는 링크가 나타나는데 버튼 전체에 링크를 걸면 사용자 경험이 더 좋아질 것 같아서요!
QA로 바쁘실텐데 죄송합니다..