[작업일기] 레미안 클론 코딩 1

고정 너비가 있는 적응형 사이트

1.로고가 가운데 박혀 있는 예제. 특이한게 메뉴와 메뉴 사이에 있네? 일단 메뉴 아이템의 일부로 로고를 넣어주고 작업을 했고 여기까지는 순탄하게 됐던 것 같다. 그런데 로고에 마우스 오버시에는 서브 메뉴 오픈이 안되게 되어 있다. 여기서 당황을 한 것 같다. 일단 hover로 최대한 어떻게 해봤는데 메뉴 아이템에 호버 했을시 서브 메뉴가 나오다가 끊겨 버린다던지, 상위 클래스에 호버를 걸어주면 이게 로고가 선택 되어 버리는 문제가 생긴다. 여기서 자바스크립트를 써야 겠다고 생각하고 사용 했는데, 뭔가 또 잘 안된다. 그냥 단순히 로고가 선택이 안되게끔 스크립트를 걸어주면 되는 거였는데, 너무 복잡하게 생각한 것 같다. 어쨌든 문제는 간단하게 해결 됐다.

2. 본아이에프 작업을 할 때 탑배너 스크롤링+롤백 할 때 살짝 부자연스러운 점이나, html구조를 줄이기 위해서 탑배너 광고를 전과 다르게 따로 분리해서 빼보았는데, 순탄하게 잘 될지 모르겠다. 결국 중요한건 스크립트인데, 잘 안되면 다시 원래대로 작업을 해봐야겠다. 근데 선생님이 그렇게 하시는데는 이유가 다 있는것이라.. 암튼 일단 해보도록 하자 

 

  오늘 시작해서 이 예제 무조건 끝내겠다고 생각하고 임했는데!! 어렵게 됐다ㅠ 거의 되긴 된 것 같은데... 기업 로고(C.I)가 메뉴 사이에 나온다는 것 빼고는 사실 지금까지 작업 했던 예제의 연장 선상에 있는 부분이다. 그래서 그런지 오늘 목표를 달성하지 못한 부분이 좀 아쉽게 느껴진다.

 

See the Pen 레미안4 by sunshine77 (@issue72y) on CodePen.