docs: all training procedure

content/1.docs/2.training/visual/4.character-matching.md

@@ -1,6 +1,63 @@
 ---
-title: 문자 매칭
+title: 문자 대조
 description: 주어진 글자를 순서대로 찾아 입력하는 훈련
 ---
 
-wip
+## 개요
+
+보기와 시각적으로 비슷한 문자열들 중에서 일치하는 문자열을 클릭하는 훈련입니다. 문자 대조는 시각 계획, 지각 속도, 도형 지각, 시각 기억, 안구 운동성, 방향성 및 시간적 시각 처리 능력을 향상시킵니다.
+
+훈련의 각 시도는 다음과 같은 순서로 진행되며, 훈련 시간이 초과될 때까지 반복됩니다.
+
+1. 시도가 시작되면 위에 보기가 표시됩니다.
+   ![character-matching-1](/character-matching-1.png){width="1024" height="576"}
+2. 마우스를 이용하여 보기와 일치하는 문자를 아래 입력란에서 찾고 클릭합니다. 입력란에는 보기와 일치하는 정답이 30%, 한 글자만 보기와 다른 오답이 70% 있습니다. 또한, 아래 남은 정답의 개수가 표시됩니다.
+   ![character-matching-2](/character-matching-2.png){width="1024" height="576"}
+3. 모든 문자를 찾으면 다음 시도로 넘어갑니다.
+
+## 훈련 설정
+
+### 시간 (분)
+
+설정된 훈련 시간이 초과되면 현재 진행중인 시도가 끝난 후 훈련이 종료됩니다. 권장되는 훈련 시간은 5분 내외이며 10분 이상 훈련하는 것은 권장되지 않습니다.
+
+### 문자 종류
+
+휸련에 사용되는 문자의 종류를 설정합니다. 문자 종류는 훈련 대상의 모국어로 설정하는 것이 가장 효과적입니다. 문자 종류는 다음과 같습니다:
+
+- **숫자**: 0부터 9까지의 숫자
+- **알파벳**: A부터 Z까지의 대문자 알파벳
+- **알파벳 + 숫자**: A부터 Z까지의 대문자 알파벳과 0부터 9까지의 숫자
+- **한글**: ㄱㄴㄷ와 같은 한글 자음과 ㅏㅑㅓ와 같은 한글 모음
+
+**간단한 문자 종류를 선택하여 난이도를 낮출** 수 있습니다. (예: `알파벳 + 숫자` -> `알파벳` 또는 `숫자`)
+
+반대로 **복잡한 문자 종류를 설정하여 난이도를 올릴** 수도 있습니다. (예: `숫자` -> `알파벳 + 숫자`)
+
+### 정답 길이
+
+훈련에 사용되는 문자열의 길이를 설정합니다. 길이는 2에서 6 사이의 정수로 설정할 수 있습니다.
+글자 수를 늘릴수록 **훈련의 난이도가 많이 올라갑니다**.
+
+### 정답 개수
+
+정답란에 표시되는 정답의 개수를 설정합니다. 정답 개수는 15에서 60 사이의 정수로 설정할 수 있습니다.
+정답 개수를 늘릴수록 **훈련의 난이도가 조굼 올라갑니다**.
+
+## 훈련 난이도 조정
+
+다음과 같이 훈련 결과값을 통하여 현재 훈련 설정의 난이도에 대해 알 수 있습니다.
+
+### 정확도/평균 정확도
+
+- **70% 이하**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 진행하세요.
+- **70%\~80%**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요.
+- **80% 이상**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요.
+
+### 평균 시도 시간
+
+- **40초 초과**: 난이도가 너무 높습니다. 지속적으로 (2\~3번) 낮은 난이도를 기록한다면 다음 훈련 때 난이도를 진행하세요.
+- **40초\~30초**: 난이도가 적당합니다. 현재 값대로 다음 훈련도 진행하세요.
+- **30초 미만**: 난이도가 너무 낮습니다. 다음 훈련 때 난이도를 올려서 진행하세요.
+
+위와 같이 난이도를 파악한 후 위의 훈련 설정을 권장되는 범위 내 변경하세요.

locales/ko/main.json

@@ -134,7 +134,7 @@
     "Rapid Visual Perception": "빠른 시각 인지",
     "Sequential Visual Memory": "순차적 시각 기억",
     "Character Sequencing": "문자 순차 처리",
-    "Character Matching": "문자 매칭",
+    "Character Matching": "문자 대조",
     "Character Guesstimate": "문자 추정"
   },
   "Rapid Visual Perception": {

nuxt.config.ts

@@ -36,7 +36,7 @@ export default defineNuxtConfig({
   i18n: {
     baseUrl: "https://bluescript.app",
     langDir: "locales",
-    lazy: true,
+    lazy: false,
     strategy: "no_prefix",
     defaultLocale: "en",
 

tailwind.config.ts

@@ -32,8 +32,8 @@ export default <Partial<Config>>{
       },
     },
     fontFamily: {
-      sans: ["Noto Sans KR", "DM Sans", ...defaultTheme.fontFamily.sans],
-      serif: ["Nanum Myeongjo", ...defaultTheme.fontFamily.serif],
+      sans: ["Noto Sans KR", ...defaultTheme.fontFamily.sans],
+      // serif: ["Nanum Myeongjo", ...defaultTheme.fontFamily.serif],
     },
   },
 };