1. 현재 진행 상황

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

오늘은 각자 파트 계속 진행해 나가는 날이다.

어제 저녁에 서비스 파트를 다했고, 이제 헤더 부분 오류 수정과 푸터 부분 다시 작성하는 것만
남았다.

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

애초에 스타일을 줄때 배치를 position으로 줬기 때문에 화면이 줄어들었을때 배치가 중구난방으로 어그러져 보였다(헤더부분이)
그래서 배치를 고치는데 문제는 햄버거 메뉴를 클릭시 작동하는 부분에 누르니 네비를 가로 길이를 고정 시킨 것 만큼 배경이 칠해졌다!

난 전체 가로길이에 파란색이 칠해 지게 하고 싶은데 그럴려면 햄버거 메뉴를 제외한 다른 부분을 네비를 감싼 부모 공간 바깥으로 이동 시켜야 한다.

그랬더니 이번엔 클릭이벤트가 안일어나서 jquery 부분의 변수를 아래와 같이 고쳐 주니 그제야 동작이 되었다.

let submenu = $(".hide-nav-texts");

그전엔 햄버거 메뉴 아래에 있는 태그라는 뜻에서 $(this).next()가 들어갔는데 그걸 제외하니 적용이 되는 것을 알수 있었다.

3. 소감

CSS가 익숙해 졌다 싶으면 다시 새로운 문제가 터졌다. 아직 슬라이드 다운시 안의 글자들 배치가 이상해서 다시 손봐야 할듯 싶었다.