[✍️ Dev Log] 최우철 / 2021-12-14

### 오늘은 어떻게 프로젝트에 기여했나요?
- 오늘은 마이페이지에서 핀포인터를 눌렀을 때, 그동안 작성했던 핀포인터가 나타나고 여기에서 해당 핀포인터를 누를 경우, 거기에 작성되어 있는 다른사람의 댓글 기록을 확인하는 페이지 UI를 작성하였다.
- 해당 페이지에서 내가 쓴 글이 아닐 경우 다른 UI 가 나타나도록 하였고, 그 중 썸네일 이미지에 마우스를 가져다대면 상대방의 정보가 팝업되도록 이미지까지는 구현해둔 상태이다
- 현재 지도를 맡고 있는 팀원분의 내용 중, useEffect에 작성될 경우 심각한 API 소진이 예상되는 로직들이 다수 파악되어 전반적인 수정을 완료하였다.

### What you know

- timestamp 경과시간관련 로직을 작성하는 중 이것저것 헷갈리는게 많았어서 정리한다
1. day vs date = 영어문제긴했는데, day는 요일(월요일 화요일 등) 이고, date은 14일 15일 과 같은 개념이다.
( 시간 관련 함수의 내용이 이렇게 영어로 되어있으니 구분을 잘 해야 한다)
2. numeric date(숫자형 시간, ex 161148123123 ms) 은 new Date() 와 같은 함수를 호출시 리턴되는 결과로, UTC 즉, 1970년 1월 1일 0시 0분 0초에서 milliseconds 밀리초(1/1000 초) 가 지난 시간을 의미한다
3. 이 ms로 시간경과를 확인하는 방법을 정리해둔다

```
const oldTime = Date.now() // ms
const newTime = Date.now() // ms

const timeDiff = newTime - oldTime;

timeDiff / 1000 <---- 초 경과
timeDiff/ 1000 / 60 <---- 분 경과
timeDif/ 1000 / 60 / 60 <---- 시 경과
timeDiff / 1000 / 60 / 60 / 24 <---- 일 경과
```

- 소수점을 버리는 행위에 대해 여러 차이가 존재하므로 이에 대한 정리를 남긴다

> 1. 단순하게 decimals를 지우는 데에는 그냥 Math.trunc를 사용하면 된다
> 2. Math.round, Math.floor, Math.ceil은 차이점을 잘 염두해야 한다
> - Math.round = **음수냐 양수냐 상관없이**, 절대값처럼 변환후 소수점에 대해서 반올림을 한다 (ex, -3.84를 변환하면 -4가 된다)
> - Math.floor = **음수 양수를 고려하며**, 가장 가까운 integer로 내림한다(ex -3.84를 변환하면 -4가 되고, -3.14를 변환해도 -4 가 된다)
> - Math.ceil = **음수 양수를 고려하며**, 가장 가까운 integer로 올림한다(ex -3.84를 변환하면 -3이 되고, -3.14를 변환해도 -3이 된다)

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 이게 혼자가 아니라 여럿이서 하는 작업이다보니, 아무래도 코드가 충돌이 날 수밖에 없는 상황인지라 이에 대한 해결을 하는데 상당한 에너지와 시간이 소비된다
- 정신적으로 조금 많이 힘들다. 쉬는 시간을 갖고는 싶지만 쉬면 안된다는 생각이 더 많아서 나를 채찍질할수밖에 없다.