category: 컨설팅/과외/상담 tags: [css,jquery, 컨설팅, 사례]

외뢰 개요

• 의뢰자는 20대 신입 웹디자이너.
• html,css 배웠고, jquery 겉핥기로 배워서 그런가 원하는대로 구현이 안됨.
• 호스팅 사이트에서 템플릿 쇼핑몰 소스를 받아 처리하는 데 수정은 별도 계약이 필요하여 현재 불가한 상황
• 디자이너 뿐이라 본인이 수정해야만 하는 상황

의뢰 상세

• 현재 메뉴 분류는 대분류-중분류 드랍다운으로 되어 있음.
• 소분류를 추가해야하는데 단순추가시 중분류와 소분류가 함께 떠버림.

소스 및 상황 분석

• div>ul>대분류>li>중분류 인데다 아이템은 전부 a tag.
• jquery는 자체 참조하는 부분이 너무 많아 소스 전체를 다 뜯지 않으면 파악이 어려움.
• 디자이너가 수정할 수 없을 정도로 꼬여있는 소스

솔루션

• 해당 html 재구성 추천 (기존 div.nav로 구성되어 있어 작업 용이)
• 태그 간소화 및 jquery 의존도를 최대한 낮추고, 메뉴의 동작은 css로 처리하도록 샘플소스 작성/제공
• 의뢰자에게는 디자이너로서 좀 더 css에 비중을 두어 공부하도록 가이드 라인 제공.