Develop

.github/workflows/update-translations.yml

@@ -0,0 +1,37 @@
+name: Update Translations
+
+on:
+  push:
+    paths:
+      - 'translations/**'
+  workflow_dispatch:
+
+jobs:
+  update-translations:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Generate translation JSON
+        run: pnpm exec ts-node --transpile-only scripts/generateTranslations.js
+
+      - name: Commit updated translations
+        run: |
+          git config --global user.name "github-actions"
+          git config --global user.email "github-actions@github.com"
+          git add locales
+          git diff --cached --quiet || (git commit -m "chore: update translations" && git push)

i18n/i18n.ts

@@ -0,0 +1,21 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import enCommon from '../locales/en/common.json';
+import koCommon from '../locales/ko/common.json';
+
+const resources = {
+  en: { common: enCommon },
+  ko: { common: koCommon },
+};
+
+i18n.use(initReactI18next).init({
+  resources,
+  lng: 'ko',
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false,
+  },
+});
+
+export default i18n;

locales/en/common.json

@@ -0,0 +1,13 @@
+{
+  "signUp": "Sign up",
+  "login": "Login",
+  "searchRecruitment": "Search for job postings",
+  "recruitmentInfo": "recruitment",
+  "companiesInfo": "Companies",
+  "nearBy": "Surrounding",
+  "community": "Community",
+  "mainBannerTitle1": "For foreigners",
+  "mainBannerTitle2": "recruitment platform",
+  "mainBannerSubtitle": "It provides customized employment information and services for foreigners looking for a job in Korea",
+  "viewRecruitment": "View Recruitment"
+}

locales/ko/common.json

@@ -0,0 +1,13 @@
+{
+  "signUp": "회원가입",
+  "login": "로그인",
+  "searchRecruitment": "채용 공고 검색하기",
+  "recruitmentInfo": "채용정보",
+  "companiesInfo": "기업정보",
+  "nearBy": "주변기업찾기",
+  "community": "커뮤니티",
+  "mainBannerTitle1": "외국인을 위한",
+  "mainBannerTitle2": "채용 플랫폼",
+  "mainBannerSubtitle": "한국에서 일자리를 찾고 있는 외국인을 위한 맞춤형 취업 정보와 서비스를 제공합니다",
+  "viewRecruitment": "채용정보 보기"
+}

package.json

@@ -11,29 +11,36 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^4.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-radio-group": "^1.2.3",
     "clsx": "^2.1.1",
+    "csv-parser": "^3.2.0",
+    "i18next": "^24.2.3",
     "lucide-react": "^0.471.1",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.8",
     "react-error-boundary": "^5.0.0",
     "react-hook-form": "^7.54.2",
+    "react-i18next": "^15.4.1",
     "react-router-dom": "^7.1.1",
     "recharts": "^2.15.1",
     "sass": "^1.83.4",
     "zod": "^3.24.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
+    "@types/node": "^22.13.14",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
-    "typescript": "~5.6.2",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.6.3",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5"
   }