feat: isomorphicDate 함수 생성

apps/jurumarble/package.json

@@ -19,6 +19,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
     "@mogakko/browser-api": "workspace:*",
+    "@mogakko/date": "workspace:*",
     "@mogakko/http-fetch": "workspace:*",
     "@monorepo/hooks": "workspace:*",
     "@monorepo/ui": "workspace:*",

apps/jurumarble/src/app/main/components/HotDrinkContainer.tsx

@@ -1,18 +1,19 @@
 'use client';
 
+import { getIsomorphicDate } from '@mogakko/date';
 import styled, { css } from 'styled-components';
 
 import Carousel from './Carousel';
 import useGetHotDrinkListService from '../services/useGetHotDrinkListService';
 
+const nowTime = getIsomorphicDate().getHours();
+
 function HotDrinkContainer() {
   const { data: hotDrinkList } = useGetHotDrinkListService();
   if (!hotDrinkList) {
     return null;
   }
 
-  const nowTime = new Date().getHours();
-
   return (
     <>
       <H2>

apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx

@@ -1,12 +1,15 @@
 'use client';
 
+import { getIsomorphicDate } from '@mogakko/date';
 import Path from 'lib/Path';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import styled, { css } from 'styled-components';
 
 import { useGetHotDrinkVoteService } from '../services/useGetHotDrinkVoteService';
 
+const nowTime = getIsomorphicDate().getHours();
+
 function HotDrinkVoteContainer() {
   const router = useRouter();
 
@@ -16,8 +19,6 @@ function HotDrinkVoteContainer() {
   }
   const { voteId, voteTitle, drinkAImage, drinkBImage } = hotDrinkVote;
 
-  const nowTime = new Date().getHours();
-
   return (
     <>
       <H2>

packages/date/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: ["mogakko"],
+  root: true,
+};

packages/date/index.ts

@@ -0,0 +1 @@
+export * from "./src";

packages/date/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@mogakko/date",
+  "version": "0.1.0",
+  "license": "MIT",
+  "sideEffects": false,
+  "scripts": {
+    "eslint": "eslint -c .eslintrc.js  --ignore-path  ../../.eslintignore --ext .js,.jsx,.ts,.tsx . --cache",
+    "eslint:fix": "yarn eslint --fix"
+  },
+  "devDependencies": {
+    "eslint": "^8.51.0",
+    "eslint-config-mogakko": "workspace:*",
+    "typescript": "4.9.3"
+  }
+}

packages/date/src/index.ts

@@ -0,0 +1 @@
+export * from './isomorphicDate';

packages/date/src/isomorphicDate.ts

@@ -0,0 +1,7 @@
+/**
+ * @description 클라이언트, 서버에서 동일한 시간을 반환해주는 함수
+ */
+export const getIsomorphicDate = (timeZone = 'Asia/Seoul') => {
+  const time = new Date().toLocaleString('en-US', { timeZone });
+  return new Date(time);
+};

yarn.lock

@@ -1679,6 +1679,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@mogakko/date@workspace:*, @mogakko/date@workspace:packages/date":
+  version: 0.0.0-use.local
+  resolution: "@mogakko/date@workspace:packages/date"
+  dependencies:
+    eslint: ^8.51.0
+    eslint-config-mogakko: "workspace:*"
+    typescript: 4.9.3
+  languageName: unknown
+  linkType: soft
+
 "@mogakko/http-fetch@workspace:*, @mogakko/http-fetch@workspace:packages/http-fetch":
   version: 0.0.0-use.local
   resolution: "@mogakko/http-fetch@workspace:packages/http-fetch"
@@ -1744,6 +1754,7 @@ __metadata:
   dependencies:
     "@emotion/is-prop-valid": ^1.2.1
     "@mogakko/browser-api": "workspace:*"
+    "@mogakko/date": "workspace:*"
     "@mogakko/http-fetch": "workspace:*"
     "@monorepo/hooks": "workspace:*"
     "@monorepo/ui": "workspace:*"