TIL 200314

1. 오늘

• 카드폼을 완성했다.
  

• 코딩 자체는 난이도가 낮았으나, 좀더 괜찮은 디자인을 보이려고 이것저것 시도하는게 고역이였다.

• 할인율에 따라서 카드 외부의 glow이펙트를 다르게 주었다.
  

• 카드의 배치는 display : flex를 사용했다.
  

• 페이지네이션을 전면적으로 수정했다. 기존에는 모든페이지를 생성하고 그 페이지의 클래스에 display : none을 주었다. 그리고 현재 페이지를 기준으로 앞 뒤의 페이지를 removeClass()를 사용해서 원하는 페이지만 보이는 방식이였다.

• 하지만 페이지를 감싸는 ul태그와 그 내부의 li태그를 가로로 정렬시키기 위해 display : inline을 사용해야 해서 display가 겹치는 관계로 기존의 방식에서 원하는 페이지만 생성하는 방식으로 변경했다.
  

• 현재 페이지의 파라미터를 받아와 현재 페이지의 링크는 disabled(bootstrap)처리했다.
  

• 위와 같이 코딩하여 1페이지가 최대페이지 일 경우의 상황도 상정해두었다. 여담으로 조건의 순서를 조정하는데 애를 먹었다.
  
  
  

2. 느낀것

• 오랜만에 본격적인 css라 처음엔 조금 애를 먹었지만, 결과물을 시각적으로 즉각확인이 가능할 뿐더러 개발자콘솔을 사용할 수 있게 문제점을 찾는데 시간이 단축된듯 하다.
• 역시나 느끼는건 코딩의 난이도보다 디자인의 심미적인 문제에 골머리를 썩히는 부분이 많다.