1. 타겟

💡 금일 타겟 → 모바일 사이트 마무리

2. 과정

• 슬라이드 .clone() .appendTo 진행시 제이쿼리 슬라이드 효과 적용안됨
  • id값 중복이라 효과 적용이 안되었습니다. 클론을 사용하지않고 .insertAfter() 로 위치만 변경되도록 진행하였습니다.
• <script> 태그도 display 값을 변경하면 텍스트가 보이게됨.
• <input> 가상 선택자를 통한 글씨 삭제 아이콘 생성
  • input:focus-visible ~ .btn_clean { display: block; }
    • focus-visible 활성화 되었을 때.
• <input>의 기본값인 outline; border와 차이 : outline은 보더 안에 생기는 선으로서 width값을 그대로 유지합니다.
• white-space 적용시 float: left 를 사용하면 자식값을 인지하지 못해 적용이 되지않습니다. (after는 끝에만 블록 적용됨.)
• 에릭마이어(*핵태크) reset에 box-sizing: border-box를 넣어도 input에는 포함 안되어 있어서 따로 사용해야함.
• 가운뎃점 · HTML 입력 → &#183
• 스크롤에 따른 헤드 이동

/* 스크롤할 때 마다 값 구하기 */
$(window).scroll(function(){
	var sc = $(window).scrollTop();
	console.log(sc);
})

3. 피드백

• 모바일 메뉴 페이지를 홈과 함께 만들어서 다른 페이지와 연동이 어렵게 되었습니다. 다음부턴 따로 만들도록 합니다.
• 스크롤 네비게이션 제작시 경우의 수가 가장 적은 순서대로 if문을 적습니다.

3. 결과

• 전날 미싱된 클릭 이벤트 디스플레이 조절 완료
• 모바일 메뉴창 스크립트 스크롤 네비게이션 완성 못함. if문만 하면 끝입니다. 1시간정도 소요될 것으로 예상됩니다.

• 이번주까지 KB 마무리하고 다른 사이트로 넘어가도록 합니다.