JavaScript 게시글, 댓글 업로드 시간 구하는 npm 패키지 ( time-counting )

이번에는 JavaScript 에서 게시글, 댓글 등 작성 시간을 구해주는 패키지를 소개하려고 합니다.

시작하기 앞서

먼저 시작하기 앞서 패키지를 만들게 된 계기와 구현하고자 하는 기능들을 알아보겠습니다.

패키지를 만들게 된 계기

게시판이 들어간 프로젝트를 할 때 마다 해당 게시글의 업로드 시간을 구하는 함수를 작성하여 사용하였는데, 너무 그 과정이 번거롭고 패키지로 배포되어 있으면 좋겠다는 생각이 들어서 만들게 되었습니다.

필요한 기능

아래 사진과 같이 해당 게시글이 현재 시간을 기준으로 언제 올라왔는지 비교하여 보여주는 기능

한국어 / 영어 지원

1일 전 과 같은 기능은 한국어 뿐만 아니라 실제로 영어 또한 많이 사용 되고 있습니다. 그렇기에 한국어 / 영어를 지원해야 합니다.

1 hour ago 로 기본적으로 출력하지만 영어는 복수형에 s를 붙여주어야 하기 때문에 숫자가 2 이상일 경우 s를 붙여줍니다. 2 hours ago

패키지 소개

이제 time-counting 패키지를 사용하여 간단하게 업로드 시간을 구하는 방법을 알아보도록 하겠습니다.

핵심 기능

기본적으로 해당 시간이 지금으로 부터 며칠 전 / 후 인지 알려주는 패키지 입니다.

또한 1년이 지나도 표시되는 단위를 시간 단위로 출력되게 할 수도 있습니다.

설치

npm

npm i time-counting

or yarn

yarn add time-counting

사용 방법

// es5
const TimeCounting = require("time-counting");
console.log(TimeCounting("2020-08-10"));

//es6
import TimeCounting from "time-counting";
console.log(TimeCounting("2020-08-10"));

옵션

Option

Name	Value	default	description
objectTime	Date, string, number	new Date()	비교의 대상이 되는 시간입니다.
lang	"ko", "en"	"en"	언어
calculate	Calculate	Calculate	아래 설명 참조

Calculate

Name	Value	default	Unit
justNow	number	20	second
second	number	60	second
minute	number	60	minute
hour	number	24	hour
day	number	7	day
week	number	4	week
month	number	12	month

ex) calculate 의 justNow를 60으로 설정시, 60초까지는 just now 혹은 방금 전 으로 표시됩니다.

Example

const option = {
  lang: "ko",
  objectTime: "2020-08-10 06:00:00",
  calculate: {
    justNow: 3601
  }
};
console.log(TimeCounting("2020-08-10 05:00:00", option));

위와 같이 입력 시 2020년 8월 10일 5시가 2020년 8월 10일 6시의 기준으로 표시 되며, 3601초 까지는 방금 전으로 표시됩니다.

결과

방금 전

마치며

이번에는 게시글, 댓글 등 업로드 시간을 구해주는 패키지를 알아보았습니다.

패키지 소스 보기