TIL: 팀 프로젝트 - 1. ToDoList(2)

앞으로의 과제

• 자라기 함께
• 더 잘 협력할 수 있는 방법
• style lint - color: 색상을 변수 명으로 정해주면 된다
• class와 객체 지향
• scss 모듈 사용법
• classNames 사용법

오늘의 Keyword

• svg: 어떻게 가져다가 쓰긴 했는데 svg 사용법에 대해 공부 해야겠다
• Date 객체: 데이트 객체에서 시간을 가져올 수 있다는 것을 잊어서
  3분이면 될 코드를 1시간 넘게 붙잡고 있었다..

const deadLine = new Date("2022-07-08T00:00:00+0900"); // 목표 설정

const now = new Date(); // 현재 시간

// 목표날짜에서 현재날짜의 차이를 getTime 메서드를 사용해서 밀리초 단위로 가져옴
const difference = deadLine.getTime() - now.getTime();

// 결과가 소수점이기 때문에 반올림
// 결과가 밀리초 값이기 때문에 1000을 곱한다 = 1초
// 60초 * 60분 * 24 = 하루
const day = Math.floor(distance/(1000*60*60*24));

• 디바운싱: 검색을 구현처음으로 디바운싱을 적용해 보았다
  쓰로틀링, 디바운싱에 대해 조금 더 공부해보면 좋겠다

const [debounceTimer, setDebounceTimer] = useState(0)

const deboucingSearch = (text) => {
  if(debounceTimer){ 
    clearTimeout(debounceTimer)
  }
  const newTimer = setTimeout(async () =>{
    await search(text) // 검색 함수
  }, 250)
  setDebounceTimer(newTimer) 
}

오히려 좋아

1. 각자 한가지 씩의 기능을 나눠서 한다
2. 짝 별로 두 가지 기능을 각각 만들어서 공유 후 더 좋은 방안 선택
3. 페어 프로그래밍

첫 날 페어 프로그래밍으로 진행할 수 있어서 좋았는데
오늘 부터는 2번으로 진행하게 되었다
각자 만들어서 공유하는 방식도 좋은 것 같다
기능을 다 만들고 보니 Date 객체로 훨씬 쉽게 할 수 있는 부분을
어렵게 만들고 있었다
페어 프로그래밍으로 진행했다면 이런 부분을 이야기 하면서 생산성이 높아지는 것이구나 생각 되었다
그럼에도 이런 부분을 직접 경험하고 깨달을 수 있어서 좋았고
시행착오를 직접 겪으면서 문제를 해결하는 방식 또한 내게 도움이 될 것이라 생각된다
코드 리뷰 전에 D-day 계산 식을 수정해야겠다..ㅋㅋㅋ