[트러블슈팅] 날짜 데이터 출력, moment.js utc

 

날짜 데이터가 디비에 있는 날짜와 다르게 나온다는 이슈가 있었다. 

 

1. 먼저 프론트에서 요청 코드를 보낼 때도 문제가 있었다.

select @@global.time_zone, @@session.time_zone,@@system_time_zone;

먼저 mysql 타임존을 확인해 보면, utc 기준으로 되어 있다는 것을 확인할 수 있었다.

select now()

select now()를 해보아도 한국 표준시보다 9시간 느린 것을 확인할 수 있었다. 

 

프론트에서는 moment.js를 사용하고 있었는데,

moment에서 utc를 붙이고 보내면 보낸 값과 동일하게 디비에 저장이 되고,

utc를 붙이지 않으면 ISO8601 형식에서 +09:00으로 요청이 가기 때문에

백엔드에서 -9시간을 하고 값을 저장해주고 있었다. 

 

따라서 payload와 response의 시간을 동일하게 설정해 주기 위해 .utc()를 설정하고 요청을 보내기로 요청하였다.

그리고 moment에서 .utc()를 하게 되면 프론트단에서 -9시간을 해주기 때문에,

+9시간을 하여 요청을 보내도록 수정하였다. 

 

 

 

2. 요청 코드 뿐만 아니라 프론트에서 날짜를 보여주는 것에도 문제가 있었다. 

위의 이전 요청 코드에 따라, utc처리를 하지만 9시간을 더하지 않고 요청이 간 코드들은 15시로 디비에 저장이 되게 되는데,

해당 데이터를 프론트에서 화면에 보여줄 때 utc처리를 해주지 않아 '15시'로 저장된 값들에 +9시간을 하여

다음날로 보여지게 되는 것이었다. 

그래서 .utc()처리를 해주었다. 

 

 

 

3. 또한 정책에 맞지 않게 프론트 코드와 디비가 작성되어 있었다.

정책상으로는 '일주일'과 '1년'인데, 기간에 7일과 365일을 더해주고 있어 총 기간이 8일, 366일이 되었다. 

따라서 6일과 364일로 수정해주었다.

백엔드에서 response를 보낼 때 가져오는 template 디비도 잘못된 값이 저장되어있어 제보하였다.

 

 

 

참고
https://study-ce.tistory.com/59