0118 TIL ALL-CON devLog

새로 알게된 점

HTMLDivElement

• HTMLDivElement 인터페이스는 HTMLElement를 확장해 div요소를 조작할 때 사용할 수 있다고 한다. 알림 버튼을 2번눌러야만 작동해서 최후의 수단으로 쓰려고 고려했었다.
  axios 요청을 날릴때 state를 안써도 되는 부분에 state를 쓰고있었는데 그부분을 state안쓰고 바로 요청을 하니까 다행히 1번 눌러도 요청이 잘 들어갔다. 지역상태니까 괜찮을거라 생각했는데 전역상태(redux)도 지역상태도 모두 비동기 요청이어서 한박자 늦을 수 있는건 같았다. state를 안써도 될 때는 꼭 사용하지 않는 방향으로 코드를 작성해야겠다.

• jumbotron의 바닥에 있는 poster갯수만큼 나오는 작은 carousel button을 만들때 처음엔 justify-content:space-between; 을 줬었는데, 더 많은 수의 포스터가 들어올 때를 생각해서 유동적으로 변하게 center로 배치하는게 좋을 것 같아서 후에 변경했다.

<div id={dayCalculator(target.open_date) ? 'dDay' : 'hide'}>
              {dayCalculator(target.open_date)}
            </div>

• dayCalculator에서 '' 빈string이 넘어올 때 안보이게 하려고 했는데, 빈 string이 falsy값이라는 점을 이용해서 간단하게 조건을 만들 수 있었다.