chorock.page
소개글시리즈프로젝트
© 2026 chorock.page
← 목록으로
React Native 공부 · 2/4
← 이전 글다음 글 →
appReact Native

React Native : 날짜 표현하기 (day.js)

2026.04.01 · 1분 읽기 · 조회 0

목차
day.js 사용법상대시간

자바스크립트 new Date() 는 형태 변환이 어렵기 때문에 day.js 를 사용하면 편하다.

day.js 사용법

npm install dayjs

로 설치한 후,

import dayjs from "dayjs";
 
dayjs(날짜).format("YYYY MM DD") 

임포트 한 후에, format 을 통해 원하는 날짜로 쉽게 변환이 가능하다.

day.js 형식 정보
형태의 정보는 위의 공식 문서에서 볼 수 있다.

상대시간

상대적인 시간을 구하는 것도 쉽게 할 수 있는데,

import dayjs from "dayjs";
import "dayjs/locale/ko"; // 한국 표준시 임포트
import relativeTime from "dayjs/plugin/relativeTime"; // 상대시간 임포트
dayjs.extend(relativeTime);
dayjs.locale("ko"); // 한국 표준시로 설정
 
dayjs(날짜).fromNow();

위와 같이 사용하면 "1분 전", " 3일 전" 과 같이 상대적 시간을 쉽게 나타낼 수 있다.

유용하게 써먹을 라이브러리니 잘 기억해두자.

초록
초록

앱과 웹을 만들고, 직접 운영하며 기록합니다.

댓글

giscus로 동작하며 GitHub Discussions에 저장됩니다.

관련 글

포에이 회고록React Nativeexpoapp회고

expo로 소셜 로그인 붙이기 후기

2026.09.10·15분 읽기·조회 0
React Native 공부React Nativeappexpo

Expo 에서 네이버 로그인하기

2026.08.27·2분 읽기·조회 0
React Native 공부React Nativeappexpo

Expo에서 카카오 로그인 추가하기

2026.08.23·4분 읽기·조회 0

목차

day.js 사용법상대시간