TR-4, Main Component 작성, Slick 라이브러리 사용

오늘 한 작업

오늘 프로젝트에서는

Main Component를 작성했다.

어려웠던 부분

Main Component 내의 Video, Music 등의 Component의 Image slide 기능을

구현하고 싶었는데, CSS만으로 작성하는 것을 목표로 몇시간 동안 검색해보며

코드 작성을 해보았으나 현재 레벨로는 아주 오래 걸릴것으로 보여 일단 React-slick라는

라이브러리를 사용했다.

프로젝트가 끝나고 리팩토링 때 CSS만으로 구현하는 것을 다시 공부해 봐야겠다.

Main Card를 만들면서,

Flex-Box 사용이 어려웠는데, 어느 순간 깨달음을 얻게 되어

몇 시간 사이에 크게 성장한 것을 느꼈다.

그리고, Redux의 상태 변경 후 Render가 바로 적용이 되지 않아

팀원들과 고민해봤고,

상태는 직접 변경하는 것이 아니라는 것을 알게 됐다.

const price = {
  apple: 50000,
  samsung: 30000,
};

const itemReducer = (state = price, action) => {
...
}

// 위와 같은 객체 형태의 state를 변경할 때는
apple += 50000

// 와 같이 직접적으로 변경하는게 아니라
{ ...state, apple: state.apple + 50000 }
// 위와 같이 변경해줘야 한다