Project issue 2

리뷰리스트 ul? div??

이번에 프로젝트를  진행하면서, 리뷰리스트를 ul와 div 중 어떤 태그를 선택할지 고민하다가, 화 x라는 사이트와 무 xx라는 사이트를 참고 하였는데 각각 사용하는 게 달라서 어떤 게 맞는지 알아보았습니다. 우선 각각의 장점? 이 있습니다. 1️⃣ ul > li를 사용하는 게 더 좋은 경우 HTML 의미론인 시멘틱 마크업을 고려할 때 입니다.ul은 관련된 항목들의 목록의 의미합니다.리뷰 리스트는 여러 개의 리뷰 항목으로 구성된 목록이므로, ul > li 가 의미적으로는 더 적절합니다.화면 낭독기(Screen Reader) 사용자의 경우에는 ul은 리스트로 인식되어서 더 명확하게 정보를 제공합니다. 정리하자면,  1. 웹 접근성(Accessibility) 👉 ul은 “리스트”임을 명확히 전달, 스크린 ..

Project issue 2025.02.25

Lighthouse 검색엔진최적화(SEO) 100점 만들기

안녕하세요!오늘은 LG 유플러스 유레카 SW 교육과정에서 진행했던 융합 프로젝트를 리팩토링하면서,검색엔진최적화(SEO) 100점 달성 과정을 정리해보려고 합니다. 우리 4조 나쵸팝콘콜라 프로젝트는 본선에 진출한 만큼, 서비스 품질을 높이는 리팩토링 과정을 진행하고있습니다..(금정이와 둘이..)그중에서도 SEO 점수를 100점으로 올리는 것이 목표였고,Google Lighthouse 기준 SEO 100점 달성을 위해 여러 가지 최적화를 진행했습니다. 우선 리팩토링 하기전 LightHouse 검색 엔진 최적화 점수 입니다 ㅠㅠ.. 개선 전  개선 후  이미지가 너무 많으면 글이 조잡해보여서 조금만 이미지 첨부하겠습니다. 나머지 페이지에서도 전부 비슷한 점수가 나왔는데요.  어떻게 모든 페이지 100점을 적용..

Project issue 2025.01.31