웹 개발에서 살아남기

"내일 날짜를 구하려면 어떻게 해야 하지?", "두 날짜 사이의 D-Day는?" 자바스크립트 Date 객체의 자동 보정 기능을 이용하면 라이브러리 없이도 날짜 연산이 가능하다. 하지만 1월 31일에 한 달을 더하면 2월 28일이 아니라 3월 3일이 되는 함정과 객체 가변성(Mutability)으로 인한 버그를 주의해야 한다. 실무에서 안전하게 날짜를 조작하는 방법을 정리한다. 자바스크립트 날짜 계산과 조작: D-Day 구하기부터 달(Month) 더하기의 함정까지 (3편)간단한 날짜 더하기나 빼기 기능을 구현하기 위해 day.js나 date-fns 같은 무거운 라이브러리를 설치하는 것은 낭비일 수 있다. 자바스크립트의 내장 Date 객체는 생각보다 똑똑한 자동 보정(Overflow Correction) ..

서버에 날짜를 보냈더니 9시간이 밀리거나, 사용자에게 이상한 포맷으로 날짜가 보여 당황한 적이 있는가? JavaScript에서 날짜 데이터를 서버 전송용(ISO 8601)과 사용자 표시용(Intl)으로 정확하게 구분하여 포맷팅하는 방법과, toLocaleString 대신 Intl.DateTimeFormat을 써야 하는 성능적 이유를 알아본다. 자바스크립트 날짜가 이상하게 나오는 이유와 올바른 포맷팅/타임존 변환 방법 (2편)프론트엔드 개발자가 가장 자주 겪는 버그 중 하나는 "내 로컬에서는 잘 나오는데, 배포 서버나 다른 나라 유저에게는 시간이 다르게 나오는 문제"다. 대부분은 Date 객체를 문자열로 변환(Formatting)하는 과정에서 타임존(Timezone)을 고려하지 않았기 때문에 발생한다.단..

JavaScript 개발자라면 누구나 한 번쯤 "서버 시간과 클라이언트 시간이 달라요"라는 문제에 직면한다. 이 시리즈의 첫 번째 글에서는 Date 객체가 내부적으로 시간을 관리하는 원리(Epoch Time)와 UTC, KST, ISO 8601의 정확한 개념 차이를 정리하여 타임존 버그를 예방하는 기초를 다진다. JavaScript Date 객체가 헷갈리는 이유와 UTC, KST 개념 총정리 (1편)우리는 습관적으로 new Date()를 사용하지만, 정작 이 객체가 내부적으로 어떻게 시간을 저장하고 있는지 깊게 고민해 본 적은 드물다. 그래서 "오전 9시"를 저장했는데 "오전 0시"로 조회되거나, 하루가 밀리는 현상을 겪고 당황하곤 한다.JavaScript의 Date 객체는 생각보다 불친절하고 복잡한 ..