[TIL] 20.03.01

한일

• redux 데이터 구조가 아주 잘못되어있어서 대대적으로 손을 봤다.
• 레이아웃을 추가했다.

pomodoro

• 14회

상황 오후 3시

• 현재 트렐로 클론 프로젝트를 진행하고 있다.
• 트렐로는 board, list, card 순으로 데이터를 다룰 필요가 있다.
• 당연히 각 데이터들은 특정한 id가 있어야 한다. (특정한 id를 통해서 각 board를 구별하고 이건 list와 card에서도 적용된다.)
• board의 구조는 다음과 같다.

const initialState = [
  {
    title: 'New Board',
    id: 'board-id-0',
    lists: ['first-list', 'second-list'],
  },
  {
    title: 'Second Board',
    id: 'board-id-1',
    lists: ['third-list', 'fourth-list'],
  },
  {
    title: 'New Board',
    id: 'board-id-2',
    lists: [],
  },
];

• Link를 통해 board id를 param으로 넘기는 방식을 택했지만 이 방법은 잘못 된 것으로 보인다.
• location을 통해서 board의 id를 확인 하지만 새로고침을 하거나 특정한 흐름으로 접근하지 않으면 location 데이터를 받을 수 없다. 그게 이 방법을 쓰는 것은 한계다. 쿠키나 세션을 통해 임시로 해결을 할 수 도 있겠으나 list나 card에서 이 방법을 쓰는 건 꽤나 낭비로 보인다.

추가상황 오후 4시30분

• 데이터 구조가 잘못되었나라고 생각했는데 board를 뿌려주는 곳에서 문제가 있는 듯 하다. 뭐가 되었든 꽤 작업하는 데 시간이 걸릴 거 같다.

문제해결

• query, state의 차이가 있었다. 조금 삽질을 한 거 같다. query로 날리면 새로고침시 사라지지만 state로 날리면 사라지지 않는다. 이유는 잘 모르겠고 일단 규칙이라고 넘어가자.

전체 회고

• 막히는 부분이 있으면 좌절을 심하게 한다. 그럼에도 조금씩 부족한 부분을 고치면서 할 일을 하니깐 조금이나마 진전이 보인다. 시간 제한을 두고 공부를 하되 시간압박에 너무 시달리지 않는 지혜가 필요할 거 같다.
• 근래에 너무 성의없게 작업을 해왔던 것에 대해 매우 반성하고 앞으로는 좋은 흐름을 계속 이어나가도록 노력할 필요가 있다.