카카오 페이증권 모작 완료.

See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.

이어서 하던 거 이 까지는 했다. 하이픈이랑 hover의 우선순위를 두는 것 때문에 한참 애를 먹었다.

이제는 모바일 탑바에 마우스 호버를 JS를 사용해서 클릭으로 바꿔주기만 하면 된다.

See the Pen 카카오 페이증권 모작; by qBlackBirdp (@qBlackBirdp) on CodePen.

오케이! 이번엔 그냥 태그의 클래스를 복붙해와서 써서 하이픈 이슈 같은건 없이 금방했다. 호버를 active 클래스로 바꿔주고 간단한 로직만 짜면 되니까 쉬웠다.