careermate 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/doctor.mjs +185 -39
- package/dist/mcp.mjs +188 -42
- package/dist/migrate.mjs +23 -1
- package/dist/public/lib.js +5 -1
- package/dist/public/pages/applications.js +7 -0
- package/dist/public/pages/jobs.js +22 -15
- package/dist/public/styles.css +9 -0
- package/dist/site/index.html +3 -43
- package/dist/site/start.html +122 -102
- package/dist/web.mjs +138 -13
- package/docs/MCP_TOOLS.md +6 -5
- package/docs/START_WORKFLOW.md +2 -1
- package/docs/WORKFLOWS.md +1 -1
- package/package.json +1 -1
- package/packages/core/src/services.ts +67 -5
- package/packages/db/src/repositories.ts +0 -0
- package/packages/mcp-tools/src/tools.ts +21 -18
- package/packages/prompts/src/onboarding.ts +1 -1
- package/packages/shared/src/enums.ts +7 -2
- package/packages/shared/src/errors.ts +33 -0
- package/packages/shared/src/index.ts +1 -0
- package/packages/shared/src/schemas.ts +56 -2
- package/packages/workflows/src/definitions.ts +1 -1
package/dist/site/index.html
CHANGED
|
@@ -291,8 +291,8 @@
|
|
|
291
291
|
<section id="install" class="section">
|
|
292
292
|
<div class="section__head section__head--center">
|
|
293
293
|
<h2>내 AI 앱에 연결하기</h2>
|
|
294
|
-
<p
|
|
295
|
-
|
|
294
|
+
<p>작업 폴더에서 <strong>한 문장</strong>, 또는 터미널 <strong>한 줄</strong>이면 끝.<br />
|
|
295
|
+
아래는 명령 위주 빠른 설치예요 — <strong>처음이면 ↓ ‘길 찾기’</strong>에서 단계별로 안내받으세요.</p>
|
|
296
296
|
</div>
|
|
297
297
|
|
|
298
298
|
<a class="note" href="start.html" style="display:block;text-decoration:none;border-left-color:var(--accent);background:var(--accent-soft)">
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
|
|
302
302
|
<div class="note">
|
|
303
303
|
<strong>어떤 AI에서 되나요?</strong> 내 컴퓨터에서 프로그램을 띄울 수 있는 AI에서만 됩니다.<br />
|
|
304
|
-
<strong style="color:var(--accent)">✓</strong> Claude Desktop · Claude Code · Codex · Cursor 등<br /><strong style="color:var(--warn-text)">✗</strong> ChatGPT·Gemini·Claude의 <strong>웹·모바일</strong>(클라우드라 내 컴퓨터 서버에 못 닿음).
|
|
304
|
+
<strong style="color:var(--accent)">✓</strong> Claude Desktop(Code 탭) · Claude Code(CLI) · Codex · Cursor 등<br /><strong style="color:var(--warn-text)">✗</strong> ChatGPT·Gemini·Claude의 <strong>웹·모바일</strong>(클라우드라 내 컴퓨터 서버에 못 닿음).
|
|
305
305
|
</div>
|
|
306
306
|
|
|
307
307
|
<!-- track 1 · 앱에서 직접 설치 (비개발자 메인) -->
|
|
@@ -376,46 +376,6 @@
|
|
|
376
376
|
</div>
|
|
377
377
|
</details>
|
|
378
378
|
|
|
379
|
-
<!-- track 3 · Claude Desktop zip (demoted) -->
|
|
380
|
-
<details class="acc">
|
|
381
|
-
<summary><span class="track__tag">Claude Desktop · <code>.zip</code></span> 설치 파일로 추가 (터미널 없이)</summary>
|
|
382
|
-
<div class="acc__body">
|
|
383
|
-
<p class="track-desc">터미널·Node 없이 붙일 수 있지만, <strong>Claude Desktop 내장 Node 버전에 따라 불안정할 수 있습니다.</strong> 잘 안 되면 위 <strong>에이전트가 직접 설치</strong> 또는 <strong>터미널 한 줄</strong>을 쓰세요.</p>
|
|
384
|
-
<ol class="steps">
|
|
385
|
-
<li class="step">
|
|
386
|
-
<div class="step__no">1</div>
|
|
387
|
-
<div class="step__body">
|
|
388
|
-
<h3>설치 파일 받기</h3>
|
|
389
|
-
<p><code>careermate.zip</code>을 압축 해제해 폴더로 추가하세요. <code>.mcpb</code> 직접 추가는 일부 Claude Desktop 버전에서 실패할 수 있습니다.</p>
|
|
390
|
-
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.zip">
|
|
391
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/></svg>
|
|
392
|
-
.zip
|
|
393
|
-
</a>
|
|
394
|
-
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.mcpb">
|
|
395
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/></svg>
|
|
396
|
-
.mcpb
|
|
397
|
-
</a>
|
|
398
|
-
</div>
|
|
399
|
-
</li>
|
|
400
|
-
<li class="step">
|
|
401
|
-
<div class="step__no">2</div>
|
|
402
|
-
<div class="step__body">
|
|
403
|
-
<h3>Claude Desktop 설정에서 추가</h3>
|
|
404
|
-
<p>Claude Desktop → <strong>Settings(설정) → Extensions(확장)</strong>에서 <strong>Advanced settings(고급 설정)</strong>를 누르면 나오는 <strong>Install extension…</strong>으로 압축을 푼 폴더를 추가하세요.</p>
|
|
405
|
-
<p class="step__tip">더블클릭·드래그는 Windows에서 파일 연결이 안 잡혀 <strong>반응이 없을 수 있으니</strong>, 위 설정 메뉴 경로를 쓰세요.</p>
|
|
406
|
-
</div>
|
|
407
|
-
</li>
|
|
408
|
-
<li class="step">
|
|
409
|
-
<div class="step__no">3</div>
|
|
410
|
-
<div class="step__body">
|
|
411
|
-
<h3>재시작하고 확인</h3>
|
|
412
|
-
<p>Claude Desktop을 완전히 종료했다 다시 켜고, <strong>“커리어메이트 연결됐는지 확인해줘”</strong>라고 말해 보세요.</p>
|
|
413
|
-
</div>
|
|
414
|
-
</li>
|
|
415
|
-
</ol>
|
|
416
|
-
</div>
|
|
417
|
-
</details>
|
|
418
|
-
|
|
419
379
|
<!-- 수동 등록 · 설정 파일 위치 · 소스에서 실행 -->
|
|
420
380
|
<details class="acc" id="install-other">
|
|
421
381
|
<summary>수동 등록 · 설정 파일 위치 <span class="acc__hint">Cursor·Cline·Windsurf</span></summary>
|
package/dist/site/start.html
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<label class="choice"><input type="radio" name="sub" value="chatgpt" />
|
|
95
95
|
<span class="choice__t">ChatGPT 유료</span><span class="choice__s">Plus 이상 구독</span></label>
|
|
96
96
|
<label class="choice"><input type="radio" name="sub" value="free" />
|
|
97
|
-
<span class="choice__t"
|
|
97
|
+
<span class="choice__t">기타 (그 외 AI)</span><span class="choice__s">Claude·ChatGPT 외 / 잘 모름</span></label>
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<!-- Q2 -->
|
|
@@ -113,47 +113,111 @@
|
|
|
113
113
|
<!-- ============ 결과 ============ -->
|
|
114
114
|
<div class="result" id="result" aria-live="polite">
|
|
115
115
|
|
|
116
|
-
<!-- ===== Claude
|
|
116
|
+
<!-- ===== Claude → 방법1 Code 탭 / 방법2 파일설치 ===== -->
|
|
117
117
|
<div class="path" data-sub="claude">
|
|
118
|
-
<span class="path__tag">당신에겐 — Claude
|
|
119
|
-
<h2>Claude
|
|
120
|
-
<p
|
|
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
|
-
|
|
118
|
+
<span class="path__tag">당신에겐 — Claude 데스크톱</span>
|
|
119
|
+
<h2>Claude 데스크톱으로</h2>
|
|
120
|
+
<p>세 가지 길이 있어요 — <strong>Code 탭</strong>(앱 안에서 한 문장·추천), <strong>파일 설치</strong>(터미널·Node 없이), <strong>터미널(CLI)</strong>(터미널에 익숙하다면). 셋 다 같은 CareerMate에 연결됩니다. 잘 모르겠으면 <strong>방법 1</strong>만 따라 하세요.</p>
|
|
121
|
+
|
|
122
|
+
<div class="subcard">
|
|
123
|
+
<strong>방법 1 — Code 탭 (추천)</strong>
|
|
124
|
+
<p class="hint" style="margin:.3rem 0 .8rem">앱 안에서 끝나 별도 터미널이 필요 없습니다. <strong>Pro 이상</strong> 구독이 필요해요.</p>
|
|
125
|
+
<ol class="steps">
|
|
126
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
127
|
+
<h3>Claude 데스크톱 설치 → 로그인</h3>
|
|
128
|
+
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 본인 계정으로 로그인하세요.</p>
|
|
129
|
+
</div></li>
|
|
130
|
+
<li class="step os-win"><div class="step__no">2</div><div class="step__body">
|
|
131
|
+
<h3>(Windows) Git 설치</h3>
|
|
132
|
+
<p>Code 탭을 처음 열면 앱이 <strong>"Git is required"</strong>라고 안내합니다.<br /><a href="https://git-scm.com/download/win" rel="noopener" target="_blank">git-scm.com/download/win</a>에서 설치하고 앱을 다시 켜면 됩니다. (Mac은 필요 없습니다.)</p>
|
|
133
|
+
</div></li>
|
|
134
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
135
|
+
<h3>Code 탭에서 빈 폴더 선택</h3>
|
|
136
|
+
<p>상단의 <strong>Code</strong> 탭을 누르고, 새 폴더 하나(예: 문서/CareerMate)를 작업 폴더로 고르세요.<br />이 폴더가 CareerMate 작업실이 됩니다.</p>
|
|
137
|
+
</div></li>
|
|
138
|
+
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
139
|
+
<h3>이 문장 한 번 붙여넣기</h3>
|
|
140
|
+
<p class="paste-note">💬 Code 탭의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
|
|
141
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude">복사</button>
|
|
142
|
+
<pre id="p-claude">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
143
|
+
<p class="step__tip"><strong>Node가 없어도 됩니다.</strong> 필요하면 Claude가 먼저 확인하고 설치까지 도와줍니다.<br />직접 받으려면 아래 <strong>'필요한 프로그램 받기'</strong>의 Node.js를 보세요. 설치 중 뜨는 허용 창은 눌러 주세요.</p>
|
|
144
|
+
</div></li>
|
|
145
|
+
<li class="step"><div class="step__no">5</div><div class="step__body">
|
|
146
|
+
<h3>앱 재시작 → 확인</h3>
|
|
147
|
+
<p>Claude 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
148
|
+
<p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지 확인하세요. 그래도 안 되면 아래 <strong>방법 2</strong>(파일 설치)를 써 보세요.</p>
|
|
149
|
+
</div></li>
|
|
150
|
+
</ol>
|
|
151
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 가장 쉬운 방법은 <strong>이력서 내용을 대화창에 붙여넣기</strong>입니다. 또는 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나 채팅에 직접 첨부하세요. (스캔본·보안 PDF는 안 읽힐 수 있습니다 → 그땐 텍스트로 붙여넣으세요.)</div>
|
|
152
|
+
</div>
|
|
153
|
+
|
|
154
|
+
<details class="acc" style="margin-top:1rem">
|
|
155
|
+
<summary>방법 2 — 파일로 설치 (터미널·Node 없이) <span class="acc__hint">무료 플랜도 가능</span></summary>
|
|
156
|
+
<div class="acc__body">
|
|
157
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Claude 데스크톱 <strong>채팅</strong>에 확장으로 붙이는 방식. 터미널·Node 없이 되고 <strong>무료·유료 어느 플랜이든</strong> 됩니다. 단 Claude 내장 Node 버전에 따라 불안정할 수 있어요 — 안 되면 방법 1을 쓰세요.</p>
|
|
158
|
+
<ol class="steps">
|
|
159
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
160
|
+
<h3>설치 파일 받기</h3>
|
|
161
|
+
<p>
|
|
162
|
+
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.zip">.zip</a>
|
|
163
|
+
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.mcpb">.mcpb</a>
|
|
164
|
+
</p>
|
|
165
|
+
<p class="hint"><code>.zip</code> 압축을 풀어 폴더로 추가하세요. <code>.mcpb</code> 직접 추가는 일부 Claude Desktop 버전에서 실패할 수 있습니다.</p>
|
|
166
|
+
</div></li>
|
|
167
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
168
|
+
<h3>설정에서 추가</h3>
|
|
169
|
+
<p>Claude 데스크톱 → <strong>Settings → Extensions → Advanced settings → Install extension…</strong> 에서 압축을 푼 폴더를 추가하세요. <span class="hint">(Windows에서 더블클릭·드래그는 반응이 없을 수 있으니 이 메뉴를 쓰세요.)</span></p>
|
|
170
|
+
</div></li>
|
|
171
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
172
|
+
<h3>재시작 → 확인</h3>
|
|
173
|
+
<p>앱을 껐다 켜고 <strong>"커리어메이트 연결됐는지 확인해줘"</strong>. 도구가 보이면 끝.</p>
|
|
174
|
+
</div></li>
|
|
175
|
+
</ol>
|
|
176
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> Claude 채팅창에 파일을 <strong>직접 첨부</strong>하면 됩니다(가장 쉬움).</div>
|
|
177
|
+
</div>
|
|
178
|
+
</details>
|
|
179
|
+
|
|
180
|
+
<details class="acc">
|
|
181
|
+
<summary>방법 3 — 터미널(CLI)로 (Claude Code) <span class="acc__hint">터미널에 익숙하다면</span></summary>
|
|
182
|
+
<div class="acc__body">
|
|
183
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Code 탭과 <strong>같은 엔진</strong>을 터미널에서 씁니다. <strong>Pro 이상</strong> 구독과 <strong>Node</strong>가 필요해요. 터미널이 처음이면 방법 1을 쓰세요.</p>
|
|
184
|
+
<ol class="steps">
|
|
185
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
186
|
+
<h3>Node.js 설치</h3>
|
|
187
|
+
<p class="os-win">Windows: PowerShell에 붙여넣기 →</p>
|
|
188
|
+
<div class="code os-win"><button class="copy-btn" type="button" data-copy-target="p-node-win-cl">복사</button><pre id="p-node-win-cl">winget install OpenJS.NodeJS.LTS</pre></div>
|
|
189
|
+
<p class="os-mac">Mac: 터미널에 붙여넣기(Homebrew 없으면 nodejs.org에서 LTS 설치) →</p>
|
|
190
|
+
<div class="code os-mac"><button class="copy-btn" type="button" data-copy-target="p-node-mac-cl">복사</button><pre id="p-node-mac-cl">brew install node</pre></div>
|
|
191
|
+
<p class="step__tip">명령이 어려우면 <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a>에서 <strong>설치 파일을 받아 더블클릭</strong>(계속 '다음')해도 됩니다. <strong>터미널 여는 법은 아래 도움말</strong>을 참고하세요.</p>
|
|
192
|
+
</div></li>
|
|
193
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
194
|
+
<h3>Claude Code 설치 → 로그인</h3>
|
|
195
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-cc-install">복사</button><pre id="p-cc-install">npm install -g @anthropic-ai/claude-code</pre></div>
|
|
196
|
+
<p class="step__tip">설치 후 <code>claude</code>를 실행하면 로그인 창이 열립니다(본인 Pro·Max 계정).</p>
|
|
197
|
+
</div></li>
|
|
198
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
199
|
+
<h3>빈 폴더에서 claude 실행 → 이 문장</h3>
|
|
200
|
+
<p class="paste-note">💬 실행한 <strong>claude 안에</strong> 붙여넣으세요 — AI에게 보내는 메시지예요(쉘 명령이 아님). 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
201
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude-cli">복사</button>
|
|
202
|
+
<pre id="p-claude-cli">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
203
|
+
<p class="step__tip">설치 중 <strong>네트워크·허용</strong>을 물으면 한 번 허용하세요(npm 다운로드 때문).</p>
|
|
204
|
+
</div></li>
|
|
205
|
+
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
206
|
+
<h3>확인</h3>
|
|
207
|
+
<p>claude 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결 성공.</p>
|
|
208
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, claude를 껐다 켰는지 확인하세요. 그래도 안 되면 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 참고하세요.</p>
|
|
209
|
+
</div></li>
|
|
210
|
+
</ol>
|
|
211
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나, 채팅에 직접 첨부하세요.</div>
|
|
212
|
+
</div>
|
|
213
|
+
</details>
|
|
149
214
|
</div>
|
|
150
215
|
|
|
151
216
|
<!-- ===== ChatGPT 유료 → Codex CLI ===== -->
|
|
152
217
|
<div class="path" data-sub="chatgpt">
|
|
153
218
|
<span class="path__tag">당신에겐 — Codex CLI</span>
|
|
154
219
|
<h2>ChatGPT 구독으로 Codex에서</h2>
|
|
155
|
-
<p>ChatGPT는 <strong>Codex를 터미널(CLI)에서</strong> 씁니다 — 명령을 몇 줄 입력합니다.<br />Codex <strong>데스크톱 앱은 등록이 사라질 수 있어</strong> 권장하지
|
|
156
|
-
<p class="hint" style="margin:.2rem 0 0">💡 <strong>무료 ChatGPT 계정도 지금은 Codex를 쓸 수 있어요</strong>(한시적 제공). 단 무료·저가 플랜은 사용량 한도가 더 빡빡합니다.</p>
|
|
220
|
+
<p>ChatGPT는 <strong>Codex를 터미널(CLI)에서</strong> 씁니다 — 명령을 몇 줄 입력합니다.<br />Codex <strong>데스크톱 앱은 등록이 사라질 수 있어</strong> 권장하지 않습니다.</p>
|
|
157
221
|
<ol class="steps">
|
|
158
222
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
159
223
|
<h3>Node.js 설치</h3>
|
|
@@ -184,65 +248,31 @@
|
|
|
184
248
|
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 첨부 기능이 없으니, 작업 폴더에 파일을 넣고 <em>"./이력서.pdf 읽어서 등록해줘"</em>라고 하세요. PDF가 안 읽히면 내용을 <strong>텍스트로 붙여넣으세요.</strong></div>
|
|
185
249
|
</div>
|
|
186
250
|
|
|
187
|
-
<!-- =====
|
|
251
|
+
<!-- ===== 기타(Agent) → 로컬 접근 가능한 AI 채팅에 붙여넣기 ===== -->
|
|
188
252
|
<div class="path" data-sub="free">
|
|
189
|
-
<span class="path__tag">당신에겐 —
|
|
190
|
-
<h2
|
|
191
|
-
<p
|
|
192
|
-
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong
|
|
193
|
-
|
|
194
|
-
<div class="subcard">
|
|
195
|
-
<strong>① 1순위 — Claude 데스크톱 + 파일 설치(터미널 없이)</strong>
|
|
196
|
-
<p class="hint" style="margin:.3rem 0 .8rem">Claude 무료 계정이면 됩니다. 터미널·Node 없이 zip을 풀어 폴더로 추가합니다.</p>
|
|
197
|
-
<ol class="steps">
|
|
198
|
-
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
199
|
-
<h3>Claude 데스크톱 설치 → 로그인(무료 OK)</h3>
|
|
200
|
-
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 로그인하세요.</p>
|
|
201
|
-
</div></li>
|
|
202
|
-
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
203
|
-
<h3>설치 파일 받기</h3>
|
|
204
|
-
<p>
|
|
205
|
-
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.zip">.zip</a>
|
|
206
|
-
<a class="btn btn--ghost" href="https://github.com/osntak/careermate/releases/latest/download/careermate.mcpb">.mcpb</a>
|
|
207
|
-
</p>
|
|
208
|
-
<p class="hint"><code>.zip</code> 압축을 풀어 폴더로 추가하세요. <code>.mcpb</code> 직접 추가는 일부 Claude Desktop 버전에서 실패할 수 있습니다.</p>
|
|
209
|
-
</div></li>
|
|
210
|
-
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
211
|
-
<h3>설정에서 추가</h3>
|
|
212
|
-
<p>Claude 데스크톱 → <strong>Settings → Extensions → Advanced settings → Install extension…</strong> 에서 압축을 푼 폴더를 추가하세요. <span class="hint">(Windows에서 더블클릭·드래그는 반응이 없을 수 있으니 이 메뉴를 쓰세요.)</span></p>
|
|
213
|
-
</div></li>
|
|
214
|
-
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
215
|
-
<h3>재시작 → 확인</h3>
|
|
216
|
-
<p>앱을 껐다 켜고 <strong>"커리어메이트 연결됐는지 확인해줘"</strong>. 도구가 보이면 끝.</p>
|
|
217
|
-
</div></li>
|
|
218
|
-
</ol>
|
|
219
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> Claude 채팅창에 파일을 <strong>직접 첨부</strong>하면 됩니다(가장 쉬움).</div>
|
|
220
|
-
<p class="hint" style="margin-top:.7rem">⚠️ <strong>도구가 안 뜨면</strong>(Claude 내장 Node 버전 문제일 수 있습니다) → 아래 ②를 쓰세요.</p>
|
|
221
|
-
</div>
|
|
253
|
+
<span class="path__tag">당신에겐 — 기타 (Agent)</span>
|
|
254
|
+
<h2>로컬 접근 가능한 AI 채팅에서</h2>
|
|
255
|
+
<p>Claude·ChatGPT가 아니어도, <strong>내 컴퓨터에서 명령을 실행할 수 있는 AI 에이전트</strong>면 됩니다. 빈 폴더를 잡고 아래 한 문장을 그 AI의 대화창에 붙여넣으세요.</p>
|
|
256
|
+
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong>무료·약한 모델은 한글 품질·사용량 한계</strong>가 있을 수 있어요(글자가 깨지거나 한도에 빨리 걸림). 제대로 쓰려면 <strong>Claude Pro·ChatGPT Plus</strong>를 권장합니다. <strong>CareerMate 자체는 계속 무료</strong> — 한계는 고른 AI 쪽 이야기예요.<br />Claude 데스크톱을 쓴다면 <strong>맨 위 Q1에서 ‘Claude’</strong>를 고르면 나오는 ‘방법 2(파일 설치)’가 더 쉬울 수 있어요.</p>
|
|
222
257
|
|
|
223
|
-
<
|
|
224
|
-
<
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
<
|
|
232
|
-
<
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
</
|
|
237
|
-
<
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
</div></li>
|
|
242
|
-
</ol>
|
|
243
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 파일명으로 지시. 안 읽히면 텍스트로 붙여넣기.</div>
|
|
244
|
-
<p class="hint" style="margin-top:.7rem">참고: 예전 <strong>Gemini CLI는 2026-06-18부터 무료 종료</strong>되어 Antigravity로 옮겨졌습니다.</p>
|
|
245
|
-
</div>
|
|
258
|
+
<ol class="steps">
|
|
259
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
260
|
+
<h3>명령 실행 가능한 AI를 빈 폴더에서 열기</h3>
|
|
261
|
+
<p>내 컴퓨터에서 파일·명령을 다룰 수 있는 AI 에이전트(데스크톱 앱이든 CLI든)를 준비하고, 새 폴더 하나를 작업 폴더로 잡으세요.</p>
|
|
262
|
+
</div></li>
|
|
263
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
264
|
+
<h3>이 문장 붙여넣기</h3>
|
|
265
|
+
<p class="paste-note">💬 그 AI의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
266
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-other">복사</button>
|
|
267
|
+
<pre id="p-other">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
268
|
+
</div></li>
|
|
269
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
270
|
+
<h3>확인</h3>
|
|
271
|
+
<p>그 AI를 완전히 껐다 켜고(처음 한 번 승인을 물으면 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong> 또는 <code>/mcp</code>로 확인하세요.</p>
|
|
272
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, 앱을 완전히 껐다 켰는지 확인하세요. 막히면 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 보세요.</p>
|
|
273
|
+
</div></li>
|
|
274
|
+
</ol>
|
|
275
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 파일명·경로로 지시. 안 읽히면 텍스트로 붙여넣기.</div>
|
|
246
276
|
</div>
|
|
247
277
|
|
|
248
278
|
</div><!-- /result -->
|
|
@@ -270,7 +300,6 @@
|
|
|
270
300
|
<li><strong>Node.js (LTS)</strong> — <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a> · 설치 파일을 받아 더블클릭(계속 '다음'). 터미널·CLI 경로에 필요.</li>
|
|
271
301
|
<li><strong>Claude 데스크톱</strong> — <a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a> · Code 탭 / zip 폴더 설치에 사용.</li>
|
|
272
302
|
<li><strong>Git for Windows</strong> — <a href="https://git-scm.com/download/win" rel="noopener" target="_blank">git-scm.com/download/win</a> · <em>Windows에서 Claude Code 탭을 쓸 때만</em>(Mac은 불필요).</li>
|
|
273
|
-
<li><strong>Antigravity</strong>(Google·무료) — <a href="https://antigravity.google/download" rel="noopener" target="_blank">antigravity.google/download</a> · 개인 Gmail 로그인, 카드 불필요.</li>
|
|
274
303
|
<li><strong>CareerMate 설치 파일</strong> — <a href="https://github.com/osntak/careermate/releases/latest/download/careermate.zip">careermate.zip</a> / <a href="https://github.com/osntak/careermate/releases/latest/download/careermate.mcpb">careermate.mcpb</a> · Claude 데스크톱 "채팅" 앱용.</li>
|
|
275
304
|
</ul>
|
|
276
305
|
<p class="hint">받은 뒤 무엇을 하는지는 위에서 고른 "내게 맞는 길"의 단계를 따르면 됩니다.</p>
|
|
@@ -318,15 +347,6 @@
|
|
|
318
347
|
document.querySelectorAll('input[name="os"]').forEach(function (r) {
|
|
319
348
|
r.addEventListener('change', function () { os = r.value; markSel('q-os'); render(); });
|
|
320
349
|
});
|
|
321
|
-
// "무료 길로" 점프(ChatGPT 경로에서)
|
|
322
|
-
document.querySelectorAll('[data-goto-free]').forEach(function (a) {
|
|
323
|
-
a.addEventListener('click', function (e) {
|
|
324
|
-
e.preventDefault();
|
|
325
|
-
var freeRadio = document.querySelector('input[name="sub"][value="free"]');
|
|
326
|
-
if (freeRadio) { freeRadio.checked = true; sub = 'free'; markSel('q-sub'); render(); }
|
|
327
|
-
result.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
328
|
-
});
|
|
329
|
-
});
|
|
330
350
|
})();
|
|
331
351
|
</script>
|
|
332
352
|
</body>
|