client/index.html at develop · q-asker/client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />

    <!-- 기본 파비콘 -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="48x48" href="/icons/favicon-48x48.png" />
    <link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64x64.png" />
    <link rel="icon" type="image/png" sizes="128x128" href="/icons/favicon-128x128.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/icons/favicon-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/icons/favicon-512x512.png" />

    <!-- Apple Touch Icon (iOS용) -->
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon-192x192.png" />

    <!-- Android Chrome용 -->
    <link rel="manifest" href="/manifest.json" />

    <!-- Windows 타일용 -->
    <meta name="msapplication-TileColor" content="#4F46E5" />
    <meta name="msapplication-TileImage" content="/icons/favicon-192x192.png" />

    <!-- 테마 색상 -->
    <meta name="theme-color" content="#4F46E5" />

    <!-- 테마 CSS 변수 즉시 복원 (JS 번들 로드 전 플래싱 방지) -->
    <script>
      try {
        var v = localStorage.getItem('q-asker-theme-vars');
        if (v) {
          var vars = JSON.parse(v);
          var s = document.documentElement.style;
          for (var k in vars) s.setProperty(k, vars[k]);
        }
      } catch (e) {}
    </script>
    <meta name="application-name" content="Q-Asker" />
    <meta name="apple-mobile-web-app-title" content="Q-Asker" />
    <meta name="format-detection" content="telephone=no" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- 폰트 프리로드 (LCP 최적화) -->
    <link
      rel="preload"
      href="/fonts/Pretendard-Regular.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />
    <link
      rel="preload"
      href="/fonts/Pretendard-Bold.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <title>[한국어 특화] Q-Asker: AI가 한국어로 시험 문제 바로 만들어줘요!</title>

    <!-- SEO 메타 태그 -->
    <meta name="author" content="Q-Asker" />
    <meta name="robots" content="index,follow" />
    <meta
      name="googlebot"
      content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"
    />
    <meta
      name="description"
      content="PDF, PPT, Word만 올리면 객관식, OX, 빈칸 채우기, 서술형 시험 문제를 AI가 내주는 무료 사이트입니다. 회원가입 없이 무료로 시작하세요! Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다."
    />
    <meta
      name="keywords"
      content="퀴즈 만들어주는 ai, 문제 만들어주는 ai, 문제 내주는 ai, pdf 문제 만들기, pdf 시험 문제 ai, 퀴즈 ai, ai 퀴즈 생성, 시험 문제 자동 생성, 문제 만들어 주는 ai 무료, pdf 퀴즈 생성, ppt 퀴즈 만들기, word 퀴즈 생성, 서술형 문제 ai, 블룸 택소노미, Bloom's Taxonomy, Q-Asker"
    />
    <link rel="canonical" href="https://www.q-asker.com" />
    <link rel="alternate" hreflang="ko" href="https://www.q-asker.com/ko" />
    <link rel="alternate" hreflang="en" href="https://www.q-asker.com/en" />
    <link rel="alternate" hreflang="x-default" href="https://www.q-asker.com" />

    <!-- Open Graph (소셜 미디어 공유용) -->
    <meta property="og:locale" content="ko_KR" />
    <meta property="og:locale:alternate" content="en_US" />
    <meta
      property="og:title"
      content="[한국어 특화] Q-Asker: AI가 한국어로 시험 문제 바로 만들어줘요!"
    />
    <meta
      property="og:description"
      content="PDF, PPT, Word만 올리면 객관식, OX, 빈칸 채우기, 서술형 시험 문제를 AI가 내주는 무료 사이트입니다. 회원가입 없이 무료로 시작하세요! Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.q-asker.com" />
    <meta property="og:image" content="https://www.q-asker.com/og-image.png" />
    <meta property="og:image:secure_url" content="https://www.q-asker.com/og-image.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Q-Asker AI 퀴즈 생성 서비스 소개 이미지" />
    <meta property="og:site_name" content="Q-Asker" />

    <!-- Twitter Cards (트위터 공유용) -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:title"
      content="[한국어 특화] Q-Asker: AI가 한국어로 시험 문제 바로 만들어줘요!"
    />
    <meta
      name="twitter:description"
      content="PDF, PPT, Word만 올리면 객관식, OX, 빈칸 채우기, 서술형 시험 문제를 AI가 내주는 무료 사이트입니다. 회원가입 없이 무료로 시작하세요! Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다."
    />
    <meta name="twitter:image" content="https://www.q-asker.com/og-image.png" />
    <meta name="twitter:domain" content="www.q-asker.com" />
    <meta name="twitter:image:alt" content="Q-Asker AI 퀴즈 생성 서비스 소개 이미지" />

    <!-- 구조화된 데이터 (JSON-LD) -->
    <script id="ld-itemlist" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "ItemList",
        "name": "AI 퀴즈 생성 6단계 가이드",
        "description": "PDF, PPT, Word 파일로 AI 퀴즈를 만드는 방법",
        "url": "https://www.q-asker.com/#how-to-use",
        "numberOfItems": 6,
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "학습 자료 파일 업로드",
            "url": "https://www.q-asker.com/#how-to-use"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "AI 퀴즈 옵션 설정",
            "url": "https://www.q-asker.com/#how-to-use"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "AI 퀴즈 자동 생성",
            "url": "https://www.q-asker.com/#how-to-use"
          },
          {
            "@type": "ListItem",
            "position": 4,
            "name": "생성된 퀴즈 풀기",
            "url": "https://www.q-asker.com/#how-to-use"
          },
          {
            "@type": "ListItem",
            "position": 5,
            "name": "결과 확인 및 해설 학습",
            "url": "https://www.q-asker.com/#how-to-use"
          },
          {
            "@type": "ListItem",
            "position": 6,
            "name": "퀴즈 히스토리 관리",
            "url": "https://www.q-asker.com/#how-to-use"
          }
        ]
      }
    </script>
    <script id="ld-website" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Q-Asker",
        "url": "https://www.q-asker.com",
        "inLanguage": "ko",
        "hasPart": [
          {
            "@type": "SiteNavigationElement",
            "name": "퀴즈 기록",
            "url": "https://www.q-asker.com/history"
          }
        ]
      }
    </script>
    <script id="ld-organization" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Q-Asker",
        "url": "https://www.q-asker.com",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.q-asker.com/icons/favicon-512x512.png",
          "width": 512,
          "height": 512
        },
        "description": "AI가 시험 문제를 만들어주는 무료 퀴즈 생성 서비스. PDF, PPT, Word 파일로 객관식·OX·빈칸 채우기·서술형 문제를 자동 생성합니다. Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다.",
        "contactPoint": {
          "@type": "ContactPoint",
          "email": "contact@q-asker.com",
          "contactType": "customer-support",
          "availableLanguage": ["Korean", "English"]
        },
        "sameAs": ["https://github.com/q-asker"],
        "foundingDate": "2025-01-01"
      }
    </script>
    <script id="ld-software" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Q-Asker",
        "sameAs": "https://www.q-asker.com",
        "applicationCategory": "EducationalApplication",
        "operatingSystem": "Web Browser",
        "description": "PDF, PPT, Word만 올리면 객관식, OX, 빈칸 채우기, 서술형 시험 문제를 AI가 내주는 무료 사이트입니다. 회원가입 없이 무료로 시작하세요! Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다.",
        "inLanguage": ["ko", "en"],
        "image": {
          "@type": "ImageObject",
          "url": "https://www.q-asker.com/background.png"
        },
        "screenshot": {
          "@type": "ImageObject",
          "url": "https://www.q-asker.com/background.png"
        },
        "softwareVersion": "1.0",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "KRW",
          "availability": "https://schema.org/OnlineOnly"
        },
        "featureList": [
          "PDF 시험 문제 AI 자동 생성",
          "PPT 문제 만들기",
          "Word 문제 생성",
          "OCR 지원 (이미지 문서도 가능)",
          "객관식, OX, 빈칸 채우기, 서술형 문제 유형",
          "Bloom's Taxonomy 교육학 이론 기반 체계적 문제 생성",
          "퀴즈 히스토리 관리"
        ]
      }
    </script>
    <script id="ld-webpage" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "[한국어 특화] Q-Asker: AI가 한국어로 시험 문제 바로 만들어줘요!",
        "description": "PDF, PPT, Word만 올리면 객관식, OX, 빈칸 채우기, 서술형 시험 문제를 AI가 내주는 무료 사이트입니다. 회원가입 없이 무료로 시작하세요! Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다.",
        "url": "https://www.q-asker.com",
        "inLanguage": "ko",
        "isPartOf": {
          "@type": "WebSite",
          "name": "Q-Asker",
          "url": "https://www.q-asker.com"
        },
        "about": {
          "@type": "SoftwareApplication",
          "name": "Q-Asker"
        },
        "datePublished": "2025-01-01",
        "dateModified": "2026-04-02"
      }
    </script>
    <script id="ld-faq" type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Q-Asker는 정말 무료인가요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "네, Q-Asker의 AI 퀴즈 생성은 현재 완전 무료입니다. 회원가입 없이 PDF, PPT, Word 파일(최대 30MB)을 업로드하면 빈칸 채우기, OX, 객관식, 서술형 문제를 5~20개까지 자동 생성할 수 있습니다. Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다. 별도 결제나 구독 없이 누구나 자유롭게 이용 가능합니다."
            }
          },
          {
            "@type": "Question",
            "name": "업로드한 제 파일은 안전하게 관리되나요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "네, 보안을 최우선으로 관리합니다. 업로드된 파일은 퀴즈 생성을 위해서만 일시적으로 사용되며, 24시간 뒤 서버에서 자동 삭제됩니다. 파일은 상업적 목적이나 AI 학습 데이터로 사용되지 않습니다."
            }
          },
          {
            "@type": "Question",
            "name": "AI가 만든 퀴즈의 정확도는 어느 정도인가요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "AI는 높은 정확도로 문서를 분석하여 핵심 개념 중심의 퀴즈를 생성합니다. 다만 100% 완벽하지 않을 수 있으므로, 생성된 문제는 학습 참고용으로 활용하시고 중요한 정보는 반드시 원본 자료와 교차 확인해주세요. 페이지 범위를 지정하면 더 정확한 문제를 얻을 수 있습니다."
            }
          },
          {
            "@type": "Question",
            "name": "이미지로 된 파일도 퀴즈로 만들 수 있나요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "네, OCR(광학 문자 인식) 기술을 지원합니다. 스캔본이나 사진으로 촬영한 문서도 텍스트를 자동 추출하여 퀴즈를 생성할 수 있습니다. PDF, PPT, Word 형식의 이미지 기반 파일을 그대로 업로드하면 됩니다. 해상도가 높을수록 인식 정확도가 올라가며, 손글씨보다는 인쇄된 텍스트에서 최적의 결과를 얻을 수 있습니다."
            }
          },
          {
            "@type": "Question",
            "name": "한 번에 몇 문제까지 생성할 수 있나요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "한 번에 5개, 10개, 15개, 20개 중 선택하여 생성할 수 있습니다. 빈칸 채우기, OX, 객관식, 서술형 4가지 유형을 선택할 수 있으며, Bloom's Taxonomy 교육학 이론 기반으로 체계적인 문제를 생성합니다. 페이지 범위를 지정하면 특정 구간의 내용에 집중한 문제를 생성할 수 있어 더 효율적인 학습이 가능합니다."
            }
          },
          {
            "@type": "Question",
            "name": "생성된 퀴즈는 저장되나요?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "네, 로그인한 상태에서 생성한 퀴즈는 퀴즈 기록 페이지에 자동 저장됩니다. 언제든지 다시 방문하여 복습하거나 이어서 문제를 풀 수 있습니다. 비로그인 상태에서도 24시간 동안 브라우저에 임시 저장됩니다."
            }
          }
        ]
      }
    </script>
    <script id="ld-breadcrumb" type="application/ld+json"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/app/main.tsx"></script>
  </body>
</html>