😄 Improving Emoticon Shop

✅ 카카오 이모티콘 샵을 마크업, 접근성, 성능 관점에서 분석하고 개선하는 프로젝트

• 배포
• 프로젝트 정리 및 회고 - velog

🔧 Team 4

팀원	담당 역할
허재혁	홈 HTML 마크업 작성, 헤더 및 네비게이션 스타일링
안승재	홈 HTML 마크업 작성, 신규 이모티콘 콘텐츠, 푸터 영역 스타일링
조현정	홈 HTML 마크업 작성, 인기 이모티콘 콘텐츠, 스타일 콘텐츠 스타일링

❓ 프로젝트 진행 이유

현재 이미 서비스 중인 웹 사이트를 분석하여 왜 지금과 같이 마크업을 했는지, 같은 기능을 다르게 구현할 수는 없었는지를 고민해보기 위해서

❓ 카카오 이모티콘 샵을 선택한 이유

✔ 직접 사용해 보았을 때, 이미지가 주 컨텐츠인만큼 이미지가 늦게 로딩되는 경우 그 공백이 눈에 들어왔다.
✔ Light House 분석 결과 Performance도 다른 웹 사이트에 비해 점수가 낮아서 이를 개선해보고 싶었다.

• 카카오 이모티콘 샵 Light House 결과⬇️

❗️ 목표

✔ 카카오 이모티콘 샵의 메인 페이지를 마크업, 접근성, 성능 관점에서 분석하고 개선하기
✔ 개선 후 Light House 분석 결과를 비교해 유의미한 변화 확인