💻 코딩 일기 : [스프링 게시판 with React] '시간 형식(방금 전, 몇분 전, 몇 시간 전, 몇일 전)' 편

🔔 '시간 형식(방금 전, 몇분 전, 몇 시간 전, 몇일 전)'에 대해서 알아보자!

💟 Duration 클래스 이용한 시간 형식 구현하기

Duration 클래스는 두 시간 사이의 간격을 계산해줍니다. 아래 코드는 Comment 클래스에 inserted라는 시간 필드를 가지고 있으며, 이 필드가 현재로부터 얼마나 지났는지를 형식화하여 반환하는 메서드를 포함하고 있습니다.

📌 코드 설명

@Data
public class Comment {
    private LocalDateTime inserted;

    public String getInserted() {

        LocalDateTime now = LocalDateTime.now();
        Duration duration = Duration.between(inserted, now);

        long seconds = duration.getSeconds();
        long minutes = duration.toMinutes();
        long hours = duration.toHours();
        long days = duration.toDays();

        if (seconds < 60) {
            return "방금 전";
        } else if (minutes < 60) {
            return minutes + "분 전";
        } else if (hours < 24) {
            return hours + "시간 전";
        } else if (days < 7) {
            return days + "일 전";
        } else {
            DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd");
            return inserted.format(formatter);
        }
    }
}

1. inserted는 댓글이 작성된 시간을 나타냅니다.

2. 현재 시간과의 차이 계산 : Duration.between메서드를 사용하여inserted 시간과 현재 시간(now`) 사이의 차이를 계산합니다.

3. 시간 단위로 변환 : Duration 객체로부터 초, 분, 시간, 일 단위로 변환하여 각각의 값을 구합니다.

4. 조건문을 사용하여 해당하는 시간 단위에 따라 적절한 형식의 문자열을 반환합니다. 만약 7일 이상 지난 경우, yyyy-MM-dd 형식의 날짜 문자열을 반환합니다.