1. 타겟

💡 금일 타겟 → 홈페이지 마무리 및 모바일 링크페이지 진행

2. 과정

• 하단 패밀리사이트 이동바 a로 기존 구성되어 동일하게 진행하였습니다.
  • 셀렉트 박스 클릭시 링크 이동시 value로 링크 추가하면 됩니다.
    • <option value=”사이트주소”> 사이트명 </option>
• 클릭 효과 놓친거 추가 필요 (소비자정보포털 섹션)

• 요소순서 바꾸기
  • .append() .prepend() .before() .after() css효과가 전환되는 점을 주의.
• 모바일 메뉴 아이콘 클릭시 메뉴 페이지 나올 때 영역들의 순서가 바꿔서 나옵니다.
  • 섹션을 .clone 하여 레이아웃 구성. → id값 중복으로 레이아웃 오류 없는지 확인 필요

3. 피드백

• 모바일 메뉴 페이지에서 순서가 바뀌는 부분이 있는데 css효과를 바뀌게 될 것을 예상못한 상태에서 작성되어 수정하는데 시간이 많이 걸렸습니다.

3. 결과

• PC 페이지 완성 → 클릭시 디스플레이 전환 필요 (소비자정보포털 섹션)
• 모바일 페이지 완성
• 모바일 메뉴 페이지 미완성 → 메뉴 버튼 클릭시 기존 섹션 display: none 적용과 사용되는
  • 요소 .clone 진행. ( 여러번 클릭해도 레이아웃 안깨지는지 확인 필요.)