1. 현재 진행 사항

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

오늘은 멘토링을 진행했다.
고쳐야 할 부분이 나와서 그부분에 대한 이야기가 나와서 그부분에 대한 피드백을 해주셨다.
메인의 nav 부분이랑, 서브 페이지의 nav 부분의 높낮이가 다르다는 의견이 있어서 그걸 수정해 보기로 했다.

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

왜 다른가 처음엔 이해가 안됐다. 그도 그럴게 색만 다르지 배치에 대한 수치는 메인페이지랑 동일하게 작업했기 때문이였다.

알고 보니 메인엔 bootstrap이 적용되어 있어서 자동으로 주어 지는 값 때문에 글의 위치가 올라가는 것으로 확인이 되었다.

문제는 해당 마진 값을 초기화 시켜도 적용이 안되는 것 때문에 임의로 top값을 살짝 조정해주는 방법 밖에 없었다.

.header-con-wrap nav {
   margin-top: -30px; <- 조정한 부분
   padding-right: 160px;
   float: right;
   width: fit-content;
   margin-right: 0;
}
 
.header-con-wrap ul{
   margin-bottom: 0;
}

3. 소감

서브페이지엔 부트스트랩 적용이 안되어 있어서 작업을 50%한 상태에서 뒤늦게 적용 시키기엔 일이 더 커질 것 같아 메인을 고쳐 주었다.
처음에 이 문제에 대해 인지를 했지만, 해당 스타일만 삭제 해 주니 적용이 되었던 것을 확인 한 후에 다른 코드에도 그러면 되겠다는 안일함이 오늘 작업을 어렵게 한게 아닌가 하는 생각을 했다.
이 실수로 하나 더 배워간다는 생각을 해본다.