1218 6699 devLog(5th day)

오늘 한 것

redux, redux toolkit 이용해서 state작성
mypage 다른 사이즈 화면에서 뭉개지는것 수정
mypage 카테고리 (hover시 색상 변경)
mypage 상세페이지들 component 카테고리에따라 변하도록 설정
mypage 해당 페이지에 있을때 계속 카테고리색상이 노란색으로 고정되어 있도록 설정

막혔던 점

css로 목업을 만들때 state에 따라서 component가 달라지는걸 고려 안했더니 구조를 자꾸 수정해야했다. 근데 height:auto가 뭔지도 모르면서 전에 썼던 기억에 기대서 작성해서 어디가 틀린지 모르고 굉장히 애먹었다.

#posts_container {
  position: absolute;
  left: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 73%;
  height: 100%;
  /* border: 1px solid blue; */
}

height속성 auto: 기본값으로 브라우저가 높이를 계산한다. 아무 설정을 하지 않으면 auto값이 적용된다.
부모 요소에 높이값을 따로 명시하지 않으면 auto가 적용 되는데 그 안의 내용(자식 요소)의 높이만큼 커진다.

새로 알게된 것

ReactRouterDom에서 exact도 더이상 지원하지 않는다고한다 ㅎㅎ..

참고