1. 현재 진행 사항

22-08-10
Resoft 회사 사이트 리디자인 된것 만들어오기.
팀 명: 보람 3조

오늘 1차 제출일 마지막 멘토링 시간을 가졌다.
아래는 고쳐야 될 부분이다.

• js 코드 정리(함수를 쓰거나 변수로 정리)
• 화면이 줄어들때 서브 페이지 글자 겹쳐지는 문제
• 반응형 관련 배열 문제

2. 어려웠던 점 및 해결방안

header 부분 햄버거 메뉴 클릭시 나타나는 슬라이드 메뉴가 다른 콘텐츠 부분을 침범해서 클릭이 안되는 이슈가 있다고 피드백이 들어왔다. js파일을 수정하면 될것 같아서 우선 css파일에 해당 태그에 display:none 부분을 넣었다.
그러고 나서 js 파일을 작업을 하니 자꾸 적용이 안되서, 차근차근 none을 block으로 바꾸는 부분 부터 하니 클래스 명을 다르게 적어줘서 오류가 났던 것을 알수 있었다.

// html dom 이 다 로딩된 후 실행된다.    
$(document).ready(function(){
   // menu 클래스 바로 하위에 있는 태그를 클릭했을때        
   $(".hamburger-menu").click(function(){
     let hidenave = $(".hide-nave");
      let submenu = $(".hide-nav-texts");
      if(hidenave.css("display") == "none"){
        hidenave.slideDown();
        submenu.slideDown();
      }
      else{
        hidenave.slideUp();
        submenu.slideUp();
      }
   });
});

그래서 위와같이 고치니 작동이 잘되는 것을 알수 있었다.

3. 소감

생각보다 시간이 촉박해서 반응형 관련해서는 피드백기간에 할수 있으면 하기로 하고, 화면이 줄어들때 콘텐츠가 같이 줄어들게 하는 것 만이라도 하기로 했다.
초조함을 버리고 차근히 돌아볼 때가 아닌가 싶었다.