diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index d077e0d..fadc1aa 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -1,5 +1,7 @@
 import type { Preview } from '@storybook/react';
 import '../packages/core/dist/style.css';
+import '../packages/core/lib/i18n';
+import i18n from '../packages/core/lib/i18n';
 
 const preview: Preview = {
   parameters: {
@@ -10,6 +12,27 @@ const preview: Preview = {
       },
     },
   },
+  decorators: [
+    (Story, context) => {
+      const { locale } = context.globals;
+      i18n.changeLanguage(locale);
+      return Story();
+    },
+  ],
+  globalTypes: {
+    locale: {
+      name: 'Locale',
+      description: '언어 선택',
+      defaultValue: 'ko',
+      toolbar: {
+        icon: 'globe',
+        items: [
+          { value: 'ko', title: '한국어' },
+          { value: 'en', title: 'English' },
+        ],
+      },
+    },
+  },
 };
 
 export default preview;
diff --git a/package.json b/package.json
index ca92752..3cfaa40 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,9 @@
     "@storybook/test": "^8.2.7",
     "@types/node": "^22.0.0",
     "bundlewatch": "^0.4.0",
+    "i18next": "^24.2.1",
+    "react-i18next": "^15.4.0",
+    "i18next-browser-languagedetector": "^8.0.2",
     "lerna": "^8.1.7",
     "prettier": "1.19.1",
     "storybook": "^8.2.7",
diff --git a/packages/core/lib/components/Calendar.tsx b/packages/core/lib/components/Calendar.tsx
index 6b22150..de4bae1 100644
--- a/packages/core/lib/components/Calendar.tsx
+++ b/packages/core/lib/components/Calendar.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Label } from './Label';
 
 interface CalendarProps {
@@ -6,23 +7,6 @@ interface CalendarProps {
   onSelect: (dates: string[]) => void;
 }
 
-const today = new Date();
-const DAYS = ['일', '월', '화', '수', '목', '금', '토'];
-const MONTHS = [
-  '1월',
-  '2월',
-  '3월',
-  '4월',
-  '5월',
-  '6월',
-  '7월',
-  '8월',
-  '9월',
-  '10월',
-  '11월',
-  '12월',
-];
-
 const TriangleIcon: React.FC<{ direction: 'left' | 'right' }> = ({
   direction,
 }) => (
@@ -45,9 +29,17 @@ const TriangleIcon: React.FC<{ direction: 'left' | 'right' }> = ({
 );
 
 export const Calendar: React.FC<CalendarProps> = ({ mode, onSelect }) => {
+  const { t } = useTranslation();
   const [currentDate, setCurrentDate] = useState(new Date());
   const [selectedDates, setSelectedDates] = useState<Date[]>([]);
 
+  const DAYS = (t('calendar.days', {
+    returnObjects: true,
+  }) as unknown) as string[];
+  const MONTHS = (t('calendar.months', {
+    returnObjects: true,
+  }) as unknown) as string[];
+
   const getDaysInMonth = (date: Date): Date[] => {
     const year = date.getFullYear();
     const month = date.getMonth();
@@ -151,6 +143,7 @@ export const Calendar: React.FC<CalendarProps> = ({ mode, onSelect }) => {
         <button
           onClick={() => changeMonth(-1)}
           className="p-2 focus:outline-none"
+          aria-label={t('calendar.previousMonth')}
         >
           <TriangleIcon direction="left" />
         </button>
@@ -163,6 +156,7 @@ export const Calendar: React.FC<CalendarProps> = ({ mode, onSelect }) => {
               )
             }
             className="mr-2 p-1 border rounded"
+            aria-label={t('calendar.year')}
           >
             {Array.from(
               { length: 100 },
@@ -177,10 +171,15 @@ export const Calendar: React.FC<CalendarProps> = ({ mode, onSelect }) => {
             value={currentDate.getMonth()}
             onChange={(e) =>
               setCurrentDate(
-                new Date(today.getFullYear(), parseInt(e.target.value), 1),
+                new Date(
+                  currentDate.getFullYear(),
+                  parseInt(e.target.value),
+                  1,
+                ),
               )
             }
             className="p-1 border rounded"
+            aria-label={t('calendar.month')}
           >
             {MONTHS.map((month, index) => (
               <option key={month} value={index}>
@@ -192,6 +191,7 @@ export const Calendar: React.FC<CalendarProps> = ({ mode, onSelect }) => {
         <button
           onClick={() => changeMonth(1)}
           className="p-2 focus:outline-none"
+          aria-label={t('calendar.nextMonth')}
         >
           <TriangleIcon direction="right" />
         </button>
diff --git a/packages/core/lib/components/Pagination.tsx b/packages/core/lib/components/Pagination.tsx
index 87daf89..e01f6ff 100644
--- a/packages/core/lib/components/Pagination.tsx
+++ b/packages/core/lib/components/Pagination.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Label } from './Label';
 import { Button } from './Button';
 
@@ -112,6 +113,7 @@ export const Pagination: React.FC<PaginationProps> = ({
   allowDirectInput = false,
   twoLines = false,
 }) => {
+  const { t } = useTranslation();
   const [inputPage, setInputPage] = useState<number>(currentPage);
   const visiblePages = Math.max(
     propVisiblePages % 2 === 0 ? propVisiblePages + 1 : propVisiblePages,
@@ -150,7 +152,7 @@ export const Pagination: React.FC<PaginationProps> = ({
                   : 'text-gray-70 hover:bg-gray-20'
               }`}
               aria-current={currentPage === page ? 'page' : undefined}
-              aria-label={`페이지 ${page}`}
+              aria-label={t('pagination.page') + ' ' + page}
             >
               {page}
             </button>
@@ -165,10 +167,10 @@ export const Pagination: React.FC<PaginationProps> = ({
       onClick={() => onPageChange(currentPage - 1)}
       disabled={currentPage === 1}
       className="flex items-center text-gray-70 justify-center p-2 pr-4 rounded-full focus:outline-none focus:ring-2 focus:ring-primary-50 disabled:opacity-50 hover:bg-gray-20"
-      aria-label="이전 페이지"
+      aria-label={t('pagination.previous')}
     >
       <PrevIcon />
-      이전
+      {t('pagination.previous')}
     </button>
   );
 
@@ -177,9 +179,9 @@ export const Pagination: React.FC<PaginationProps> = ({
       onClick={() => onPageChange(currentPage + 1)}
       disabled={currentPage === totalPages}
       className="flex items-center text-gray-70 justify-center p-2 pl-4 rounded-full focus:outline-none focus:ring-2 focus:ring-primary-50 disabled:opacity-50 hover:bg-gray-20"
-      aria-label="다음 페이지"
+      aria-label={t('pagination.next')}
     >
-      다음
+      {t('pagination.next')}
       <NextIcon />
     </button>
   );
@@ -194,7 +196,7 @@ export const Pagination: React.FC<PaginationProps> = ({
 
   return (
     <nav
-      aria-label={'페이지 네비게이션'}
+      aria-label={t('pagination.pageNavigation')}
       className={`${'flex items-center gap-6 flex-col'}`}
     >
       {showTwoLines && (
@@ -218,10 +220,10 @@ export const Pagination: React.FC<PaginationProps> = ({
             min={1}
             max={totalPages}
             className="w-14 px-2 py-1 border border-gray-50 rounded-2 focus:outline-none focus:ring-2 focus:ring-primary-50 text-right"
-            aria-label="페이지 직접 입력"
+            aria-label={t('pagination.directInput')}
           />
           <Label size="s" color="gray-60">
-            / {totalPages}
+            {t('pagination.of')} {totalPages}
           </Label>
           <Button
             onClick={handleDirectInput}
@@ -229,7 +231,7 @@ export const Pagination: React.FC<PaginationProps> = ({
             variant="secondary"
             className="focus:outline-none focus:ring-2 focus:ring-primary-50 ml-4"
           >
-            이동
+            {t('pagination.move')}
           </Button>
         </div>
       )}
diff --git a/packages/core/lib/i18n.ts b/packages/core/lib/i18n.ts
new file mode 100644
index 0000000..a501b02
--- /dev/null
+++ b/packages/core/lib/i18n.ts
@@ -0,0 +1,27 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import ko from './locales/ko';
+import en from './locales/en';
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      ko: { translation: ko },
+      en: { translation: en },
+    },
+    lng: 'ko',
+    fallbackLng: 'ko',
+    ns: ['translation'],
+    defaultNS: 'translation',
+    interpolation: {
+      escapeValue: false,
+    },
+    react: {
+      useSuspense: false,
+    },
+  });
+
+export default i18n;
diff --git a/packages/core/lib/index.ts b/packages/core/lib/index.ts
index 017f343..8d53ec3 100644
--- a/packages/core/lib/index.ts
+++ b/packages/core/lib/index.ts
@@ -1,4 +1,5 @@
 import './index.css';
+import './i18n';
 import { Display } from './components/Display';
 import { Heading } from './components/Heading';
 import { Title } from './components/Title';
diff --git a/packages/core/lib/locales/en.ts b/packages/core/lib/locales/en.ts
new file mode 100644
index 0000000..1203937
--- /dev/null
+++ b/packages/core/lib/locales/en.ts
@@ -0,0 +1,32 @@
+export default {
+  pagination: {
+    previous: 'Previous',
+    next: 'Next',
+    page: 'Page',
+    of: 'of',
+    move: 'Move',
+    pageNavigation: 'Page Navigation',
+    directInput: 'Direct page input',
+  },
+  calendar: {
+    days: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    months: [
+      'January',
+      'February',
+      'March',
+      'April',
+      'May',
+      'June',
+      'July',
+      'August',
+      'September',
+      'October',
+      'November',
+      'December',
+    ],
+    year: 'Year',
+    month: 'Month',
+    previousMonth: 'Previous Month',
+    nextMonth: 'Next Month',
+  },
+} as const;
diff --git a/packages/core/lib/locales/ko.ts b/packages/core/lib/locales/ko.ts
new file mode 100644
index 0000000..3c3066a
--- /dev/null
+++ b/packages/core/lib/locales/ko.ts
@@ -0,0 +1,32 @@
+export default {
+  pagination: {
+    previous: '이전',
+    next: '다음',
+    page: '페이지',
+    of: '/',
+    move: '이동',
+    pageNavigation: '페이지 네비게이션',
+    directInput: '페이지 직접 입력',
+  },
+  calendar: {
+    days: ['일', '월', '화', '수', '목', '금', '토'],
+    months: [
+      '1월',
+      '2월',
+      '3월',
+      '4월',
+      '5월',
+      '6월',
+      '7월',
+      '8월',
+      '9월',
+      '10월',
+      '11월',
+      '12월',
+    ],
+    year: '년',
+    month: '월',
+    previousMonth: '이전 달',
+    nextMonth: '다음 달',
+  },
+} as const;
diff --git a/packages/core/package.json b/packages/core/package.json
index 9a26a7d..f7b3c6e 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -39,6 +39,9 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "i18next": "^24.2.1",
+    "react-i18next": "^15.4.0",
+    "i18next-browser-languagedetector": "^8.0.2",
     "postcss": "^8.4.40",
     "rollup-plugin-visualizer": "^5.12.0",
     "tailwindcss": "^3.4.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f6fbcb..ca95638 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,12 +41,21 @@ importers:
       bundlewatch:
         specifier: ^0.4.0
         version: 0.4.0
+      i18next:
+        specifier: ^24.2.1
+        version: 24.2.1(typescript@5.5.4)
+      i18next-browser-languagedetector:
+        specifier: ^8.0.2
+        version: 8.0.2
       lerna:
         specifier: ^8.1.7
         version: 8.1.7(@swc/core@1.7.4)(encoding@0.1.13)
       prettier:
         specifier: 1.19.1
         version: 1.19.1
+      react-i18next:
+        specifier: ^15.4.0
+        version: 15.4.0(i18next@24.2.1(typescript@5.5.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       storybook:
         specifier: ^8.2.7
         version: 8.2.7(@babel/preset-env@7.25.3(@babel/core@7.25.2))
@@ -200,9 +209,18 @@ importers:
       eslint-plugin-react-refresh:
         specifier: ^0.4.7
         version: 0.4.9(eslint@8.57.0)
+      i18next:
+        specifier: ^24.2.1
+        version: 24.2.1(typescript@5.5.4)
+      i18next-browser-languagedetector:
+        specifier: ^8.0.2
+        version: 8.0.2
       postcss:
         specifier: ^8.4.40
         version: 8.4.40
+      react-i18next:
+        specifier: ^15.4.0
+        version: 15.4.0(i18next@24.2.1(typescript@5.5.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       rollup-plugin-visualizer:
         specifier: ^5.12.0
         version: 5.12.0(rollup@4.19.1)
@@ -3200,6 +3218,9 @@ packages:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
+  html-parse-stringify@3.0.1:
+    resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
+
   html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
@@ -3227,6 +3248,17 @@ packages:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
 
+  i18next-browser-languagedetector@8.0.2:
+    resolution: {integrity: sha512-shBvPmnIyZeD2VU5jVGIOWP7u9qNG3Lj7mpaiPFpbJ3LVfHZJvVzKR4v1Cb91wAOFpNw442N+LGPzHOHsten2g==}
+
+  i18next@24.2.1:
+    resolution: {integrity: sha512-Q2wC1TjWcSikn1VAJg13UGIjc+okpFxQTxjVAymOnSA3RpttBQNMPf2ovcgoFVsV4QNxTfNZMAxorXZXsk4fBA==}
+    peerDependencies:
+      typescript: ^5
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -4386,6 +4418,19 @@ packages:
       react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
       react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
 
+  react-i18next@15.4.0:
+    resolution: {integrity: sha512-Py6UkX3zV08RTvL6ZANRoBh9sL/ne6rQq79XlkHEdd82cZr2H9usbWpUNVadJntIZP2pu3M2rL1CN+5rQYfYFw==}
+    peerDependencies:
+      i18next: '>= 23.2.3'
+      react: '>= 16.8.0'
+      react-dom: '*'
+      react-native: '*'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -5139,6 +5184,10 @@ packages:
       terser:
         optional: true
 
+  void-elements@3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+
   vscode-uri@3.0.8:
     resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
 
@@ -8824,6 +8873,10 @@ snapshots:
     dependencies:
       lru-cache: 10.4.3
 
+  html-parse-stringify@3.0.1:
+    dependencies:
+      void-elements: 3.1.0
+
   html-tags@3.3.1: {}
 
   http-cache-semantics@4.1.1: {}
@@ -8854,6 +8907,16 @@ snapshots:
 
   human-signals@5.0.0: {}
 
+  i18next-browser-languagedetector@8.0.2:
+    dependencies:
+      '@babel/runtime': 7.25.0
+
+  i18next@24.2.1(typescript@5.5.4):
+    dependencies:
+      '@babel/runtime': 7.25.0
+    optionalDependencies:
+      typescript: 5.5.4
+
   iconv-lite@0.4.24:
     dependencies:
       safer-buffer: 2.1.2
@@ -10125,6 +10188,15 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       react-is: 18.1.0
 
+  react-i18next@15.4.0(i18next@24.2.1(typescript@5.5.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.25.0
+      html-parse-stringify: 3.0.1
+      i18next: 24.2.1(typescript@5.5.4)
+      react: 18.3.1
+    optionalDependencies:
+      react-dom: 18.3.1(react@18.3.1)
+
   react-is@16.13.1: {}
 
   react-is@17.0.2: {}
@@ -10923,6 +10995,8 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.77.8
 
+  void-elements@3.1.0: {}
+
   vscode-uri@3.0.8: {}
 
   vue-tsc@2.0.29(typescript@5.5.4):