[작업일기] 본아이에프 클론 코딩 3

  문제가 많이 발생됐던 어려운 예제 였던 것 같다. 어떤 효과를 주는 것은 제외하고 구조적인 부분은 순탄하게 됐던 것 같은데... 작업을 하면 할 수록 문제가 생가더니 거의 기존 탑바 클론 코딩 작업 시간 보다 두배정도? 소요된 것 같다.  일단 처음에 사이트만 보고 작업을 하였는데, 그 부분도 시간 지연에 영향이 컸던 것 같다.(덕분에 공부는 정말 많이 된 것 같다) 원래 사이트에서 현재는 탑배너 광고를 꺼두었는데 개발자 도구로 뒤늦게 확인한 부분도 있고...그래서 사이트와는  다른 방향으로 작업하게 됐던 것 같다.

  사이트에서는 탑바와 마우스 오버 했을 때, 서브 메뉴의 배경을 한 번에 덮어주는 방식으로 했고 나는 탑바의 주메뉴와 서브 메뉴를 따로 따로 분리해서 작업하는 방식으로 하였다. 내 작업물은 탑바의 주메뉴 부분과 서브메뉴의 배경 색을 달리 할 때 써볼 수 있을 것 같다.  일단 한가지 문제를 제외하고 어찌어찌 완성은 한 것 같은데 시행착오가 정말 많았다. html을 잘 쓰는 것이나 css가 아직  아직 많이 미숙하다는 것도 느끼게 됐던 것 같다. 또한 이 예제 같은 경우 자바스크립트가 제법 쓰였는데 선생님께서 남기신 자료가 아니었다면 완성하는 것은 불가능 했을 것이다. 이대로 끝내는 것은 그렇고 어차피 배너 광고가 있는 케이스도 필요했으니 기존의 의도대로 배너도 초간단으로 하나 만들어서 다시 만들어 볼 생각이다. 

 

See the Pen zYKyYxe by sunshine77 (@issue72y) on CodePen.