careermate 0.0.4 → 0.0.5
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/AGENTS.md +3 -0
- package/INSTALL.md +2 -1
- package/README.md +8 -6
- package/dist/doctor.mjs +345 -65
- package/dist/mcp.mjs +344 -64
- package/dist/public/lib.js +1 -0
- package/dist/public/pages/settings.js +160 -14
- package/dist/public/styles.css +10 -2
- package/dist/site/index.html +88 -188
- package/dist/site/landing.js +109 -0
- package/dist/site/start.html +97 -94
- package/dist/site/style.css +169 -63
- package/dist/web.mjs +369 -32
- package/docs/FAQ.md +3 -2
- package/docs/MCP_TOOLS.md +10 -3
- package/docs/WORKFLOWS.md +5 -5
- package/package.json +2 -2
- package/packages/core/src/services.ts +5 -5
- package/packages/db/src/repositories.ts +0 -0
- package/packages/mcp-tools/src/bridge.ts +194 -13
- package/packages/mcp-tools/src/tools.ts +145 -17
- package/packages/mcp-tools/src/update.ts +1 -1
- package/packages/prompts/src/system.ts +10 -2
- package/packages/workflows/src/definitions.ts +2 -2
package/dist/site/start.html
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<script src="/analytics.js" defer></script>
|
|
24
24
|
<style>
|
|
25
25
|
/* 선택형 위저드 — start.html 전용. style.css 토큰 재사용. */
|
|
26
|
-
.wizard { max-width:
|
|
26
|
+
.wizard { max-width: 920px; margin: 0; }
|
|
27
27
|
.q { margin: 0 0 1.6rem; }
|
|
28
28
|
.q__label { font-weight: 650; margin: 0 0 .7rem; font-size: 1.02rem; }
|
|
29
29
|
.q__label .num { color: var(--accent); margin-right: .4rem; }
|
|
@@ -49,8 +49,16 @@
|
|
|
49
49
|
background: var(--accent-soft); border: 1px solid var(--accent-border); border-radius: 999px; padding: .15rem .6rem; margin-bottom: .5rem; }
|
|
50
50
|
.filenote { margin-top: .9rem; font-size: .9rem; color: var(--text-secondary);
|
|
51
51
|
background: var(--bg-subtle); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: .7rem .9rem; }
|
|
52
|
-
.
|
|
52
|
+
.wizard .acc, .wizard .steps { max-width: none; }
|
|
53
53
|
.hint { color: var(--text-tertiary); font-size: .9rem; }
|
|
54
|
+
.start-hero { max-width: var(--maxw); padding-top: 54px; padding-bottom: 30px; }
|
|
55
|
+
.start-hero .hero__main { max-width: 920px; }
|
|
56
|
+
.start-hero .hero__title { font-size: 2.45rem; max-width: 16em; }
|
|
57
|
+
.start-hero .hero__lede { margin-top: 12px; max-width: 34rem; font-size: 1.05rem; }
|
|
58
|
+
@media (max-width: 820px) {
|
|
59
|
+
.start-hero { padding-top: 42px; padding-bottom: 24px; }
|
|
60
|
+
.start-hero .hero__title { font-size: 2.15rem; }
|
|
61
|
+
}
|
|
54
62
|
</style>
|
|
55
63
|
</head>
|
|
56
64
|
<body>
|
|
@@ -60,8 +68,8 @@
|
|
|
60
68
|
<span class="nav__name">CareerMate</span>
|
|
61
69
|
</a>
|
|
62
70
|
<div class="nav__links">
|
|
63
|
-
<a href="index.html#how"
|
|
64
|
-
<a href="index.html#install"
|
|
71
|
+
<a href="index.html#how">사용 예시</a>
|
|
72
|
+
<a href="index.html#install">빠른 설치</a>
|
|
65
73
|
</div>
|
|
66
74
|
<div class="nav__actions">
|
|
67
75
|
<a class="nav__icon" href="https://github.com/osntak/careermate" target="_blank" rel="noopener" aria-label="GitHub 저장소" title="GitHub에서 소스 보기"><svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg></a>
|
|
@@ -73,7 +81,7 @@
|
|
|
73
81
|
</nav>
|
|
74
82
|
|
|
75
83
|
<main id="top">
|
|
76
|
-
<header class="hero hero--solo">
|
|
84
|
+
<header class="hero hero--solo start-hero">
|
|
77
85
|
<div class="hero__main">
|
|
78
86
|
<span class="pill-badge"><span class="pill-badge__dot" aria-hidden="true"></span> 처음이세요?</span>
|
|
79
87
|
<h1 class="hero__title">터미널이 뭔지 몰라도 괜찮아요</h1>
|
|
@@ -113,74 +121,47 @@
|
|
|
113
121
|
<!-- ============ 결과 ============ -->
|
|
114
122
|
<div class="result" id="result" aria-live="polite">
|
|
115
123
|
|
|
116
|
-
<!-- ===== Claude →
|
|
124
|
+
<!-- ===== Claude → 앱 / CLI ===== -->
|
|
117
125
|
<div class="path" data-sub="claude">
|
|
118
|
-
<span class="path__tag">당신에겐 — Claude
|
|
119
|
-
<h2>Claude
|
|
120
|
-
<p
|
|
126
|
+
<span class="path__tag">당신에겐 — Claude</span>
|
|
127
|
+
<h2>Claude로 연결하기</h2>
|
|
128
|
+
<p>Claude Desktop 앱에서 끝내는 길과 터미널로 쓰는 길이 있어요. 대부분은 <strong>방법 1</strong>이면 됩니다.</p>
|
|
121
129
|
|
|
122
|
-
<
|
|
123
|
-
<
|
|
124
|
-
<
|
|
130
|
+
<details class="acc">
|
|
131
|
+
<summary>방법 1 — Claude Desktop 앱 Code 탭 <span class="acc__hint">추천</span></summary>
|
|
132
|
+
<div class="acc__body">
|
|
133
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Claude Desktop 앱 안에서 작업 폴더를 열고 진행합니다. 별도 터미널이 필요 없습니다.</p>
|
|
125
134
|
<ol class="steps">
|
|
126
135
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
127
|
-
<h3>Claude
|
|
136
|
+
<h3>Claude Desktop 앱 설치 → 로그인</h3>
|
|
128
137
|
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 본인 계정으로 로그인하세요.</p>
|
|
129
138
|
</div></li>
|
|
130
|
-
<li class="step
|
|
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">
|
|
139
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
135
140
|
<h3>Code 탭에서 빈 폴더 선택</h3>
|
|
136
141
|
<p>상단의 <strong>Code</strong> 탭을 누르고, 새 폴더 하나(예: 문서/CareerMate)를 작업 폴더로 고르세요.<br />이 폴더가 CareerMate 작업실이 됩니다.</p>
|
|
142
|
+
<p class="step__tip os-win">Windows에서 <strong>"Git is required"</strong>가 뜰 때만 <a href="https://git-scm.com/download/win" rel="noopener" target="_blank">Git for Windows</a>를 설치하고 Claude Desktop 앱을 다시 켜세요.</p>
|
|
137
143
|
</div></li>
|
|
138
|
-
<li class="step"><div class="step__no">
|
|
144
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
139
145
|
<h3>이 문장 한 번 붙여넣기</h3>
|
|
140
146
|
<p class="paste-note">💬 Code 탭의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
|
|
141
147
|
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude">복사</button>
|
|
142
148
|
<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가 먼저 확인하고 설치까지
|
|
149
|
+
<p class="step__tip"><strong>Node가 없어도 됩니다.</strong> 필요하면 Claude가 먼저 확인하고 설치까지 도와줍니다. 설치 중 뜨는 허용 창은 눌러 주세요.</p>
|
|
144
150
|
</div></li>
|
|
145
|
-
<li class="step"><div class="step__no">
|
|
151
|
+
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
146
152
|
<h3>앱 재시작 → 확인</h3>
|
|
147
|
-
<p>Claude 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
148
|
-
<p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지
|
|
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>
|
|
153
|
+
<p>Claude Desktop 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
154
|
+
<p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지 확인하세요.</p>
|
|
174
155
|
</div></li>
|
|
175
156
|
</ol>
|
|
176
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong>
|
|
157
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> Code 탭 채팅에 파일을 첨부하는 게 가장 쉽습니다. 첨부가 안 되면 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나, 내용을 텍스트로 붙여넣으세요.</div>
|
|
177
158
|
</div>
|
|
178
159
|
</details>
|
|
179
160
|
|
|
180
161
|
<details class="acc">
|
|
181
|
-
<summary>방법
|
|
162
|
+
<summary>방법 2 — Claude Code CLI <span class="acc__hint">터미널에 익숙하다면</span></summary>
|
|
182
163
|
<div class="acc__body">
|
|
183
|
-
<p class="hint" style="margin:.3rem 0 .8rem">
|
|
164
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Claude를 터미널에서 직접 실행합니다. 터미널이 처음이면 방법 1을 쓰세요.</p>
|
|
184
165
|
<ol class="steps">
|
|
185
166
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
186
167
|
<h3>Node.js 설치</h3>
|
|
@@ -189,6 +170,7 @@
|
|
|
189
170
|
<p class="os-mac">Mac: 터미널에 붙여넣기(Homebrew 없으면 nodejs.org에서 LTS 설치) →</p>
|
|
190
171
|
<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
172
|
<p class="step__tip">명령이 어려우면 <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a>에서 <strong>설치 파일을 받아 더블클릭</strong>(계속 '다음')해도 됩니다. <strong>터미널 여는 법은 아래 도움말</strong>을 참고하세요.</p>
|
|
173
|
+
<p class="step__tip os-win">Windows에서 Git for Windows는 CLI 필수 단계가 아닙니다. Bash 관련 오류가 날 때만 설치해도 됩니다.</p>
|
|
192
174
|
</div></li>
|
|
193
175
|
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
194
176
|
<h3>Claude Code 설치 → 로그인</h3>
|
|
@@ -205,47 +187,68 @@
|
|
|
205
187
|
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
206
188
|
<h3>확인</h3>
|
|
207
189
|
<p>claude 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결 성공.</p>
|
|
208
|
-
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, claude를 껐다 켰는지
|
|
190
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, claude를 껐다 켰는지 확인하세요.</p>
|
|
209
191
|
</div></li>
|
|
210
192
|
</ol>
|
|
211
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고
|
|
193
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 파일 첨부가 가능하면 채팅에 바로 첨부하세요. 터미널에서 첨부가 어렵다면 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하면 됩니다.</div>
|
|
212
194
|
</div>
|
|
213
195
|
</details>
|
|
214
196
|
</div>
|
|
215
197
|
|
|
216
|
-
<!-- ===== ChatGPT 유료 → Codex CLI ===== -->
|
|
198
|
+
<!-- ===== ChatGPT 유료 → Codex 앱 / CLI ===== -->
|
|
217
199
|
<div class="path" data-sub="chatgpt">
|
|
218
|
-
<span class="path__tag">당신에겐 — Codex
|
|
219
|
-
<h2>
|
|
220
|
-
<p>
|
|
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
|
-
|
|
200
|
+
<span class="path__tag">당신에겐 — Codex</span>
|
|
201
|
+
<h2>Codex로 연결하기</h2>
|
|
202
|
+
<p>Codex 앱에서 끝내는 길과 터미널로 쓰는 길이 있어요. 대부분은 <strong>방법 1</strong>이면 됩니다.</p>
|
|
203
|
+
|
|
204
|
+
<details class="acc">
|
|
205
|
+
<summary>방법 1 — Codex 앱 <span class="acc__hint">추천</span></summary>
|
|
206
|
+
<div class="acc__body">
|
|
207
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Codex 앱에서 작업 폴더를 열고 아래 문장을 붙여넣습니다.</p>
|
|
208
|
+
<ol class="steps">
|
|
209
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
210
|
+
<h3>Codex 앱 설치 → 로그인</h3>
|
|
211
|
+
<p><a href="https://developers.openai.com/codex/app" rel="noopener" target="_blank">Codex 앱</a>을 설치하고 ChatGPT 계정으로 로그인하세요.</p>
|
|
212
|
+
</div></li>
|
|
213
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
214
|
+
<h3>작업 폴더 열기</h3>
|
|
215
|
+
<p>새 폴더 하나를 만들고 Codex 앱에서 프로젝트로 여세요. 이 폴더가 CareerMate 작업실이 됩니다.</p>
|
|
216
|
+
</div></li>
|
|
217
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
218
|
+
<h3>이 문장 붙여넣기</h3>
|
|
219
|
+
<p class="paste-note">💬 Codex 앱의 <strong>대화창에</strong> 붙여넣으세요. 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
220
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-codex">복사</button>
|
|
221
|
+
<pre id="p-codex">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
222
|
+
</div></li>
|
|
223
|
+
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
224
|
+
<h3>확인</h3>
|
|
225
|
+
<p>Codex를 다시 열고 <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
226
|
+
</div></li>
|
|
227
|
+
</ol>
|
|
228
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나, 내용을 대화창에 붙여넣으세요.</div>
|
|
229
|
+
</div>
|
|
230
|
+
</details>
|
|
231
|
+
|
|
232
|
+
<details class="acc">
|
|
233
|
+
<summary>방법 2 — Codex CLI <span class="acc__hint">터미널에 익숙하다면</span></summary>
|
|
234
|
+
<div class="acc__body">
|
|
235
|
+
<ol class="steps">
|
|
236
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
237
|
+
<h3>Node.js 설치</h3>
|
|
238
|
+
<p><a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a>에서 LTS를 설치하세요.</p>
|
|
239
|
+
</div></li>
|
|
240
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
241
|
+
<h3>빈 폴더에서 Codex 실행</h3>
|
|
242
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-codex-install">복사</button><pre id="p-codex-install">npm install -g @openai/codex</pre></div>
|
|
243
|
+
</div></li>
|
|
244
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
245
|
+
<h3>위 문장 붙여넣기</h3>
|
|
246
|
+
<p>실행한 <code>codex</code> 안에 위 설치 문장을 붙여넣고, 연결 후 <code>/mcp</code>로 확인하세요.</p>
|
|
247
|
+
</div></li>
|
|
248
|
+
</ol>
|
|
249
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나, 내용을 대화창에 붙여넣으세요.</div>
|
|
250
|
+
</div>
|
|
251
|
+
</details>
|
|
249
252
|
</div>
|
|
250
253
|
|
|
251
254
|
<!-- ===== 기타(Agent) → 로컬 접근 가능한 AI 채팅에 붙여넣기 ===== -->
|
|
@@ -253,7 +256,7 @@
|
|
|
253
256
|
<span class="path__tag">당신에겐 — 기타 (Agent)</span>
|
|
254
257
|
<h2>로컬 접근 가능한 AI 채팅에서</h2>
|
|
255
258
|
<p>Claude·ChatGPT가 아니어도, <strong>내 컴퓨터에서 명령을 실행할 수 있는 AI 에이전트</strong>면 됩니다. 빈 폴더를 잡고 아래 한 문장을 그 AI의 대화창에 붙여넣으세요.</p>
|
|
256
|
-
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong>무료·약한 모델은 한글 품질·사용량 한계</strong>가 있을 수
|
|
259
|
+
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong>무료·약한 모델은 한글 품질·사용량 한계</strong>가 있을 수 있어요. 제대로 쓰려면 <strong>Claude Pro·ChatGPT Plus</strong>를 권장합니다. <strong>CareerMate 자체는 계속 무료</strong>입니다.</p>
|
|
257
260
|
|
|
258
261
|
<ol class="steps">
|
|
259
262
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
@@ -269,7 +272,7 @@
|
|
|
269
272
|
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
270
273
|
<h3>확인</h3>
|
|
271
274
|
<p>그 AI를 완전히 껐다 켜고(처음 한 번 승인을 물으면 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong> 또는 <code>/mcp</code>로 확인하세요.</p>
|
|
272
|
-
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, 앱을 완전히 껐다 켰는지
|
|
275
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, 앱을 완전히 껐다 켰는지 확인하세요.</p>
|
|
273
276
|
</div></li>
|
|
274
277
|
</ol>
|
|
275
278
|
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 파일명·경로로 지시. 안 읽히면 텍스트로 붙여넣기.</div>
|
|
@@ -282,7 +285,7 @@
|
|
|
282
285
|
<p class="q__label" style="margin-bottom:.6rem">도움이 더 필요하면</p>
|
|
283
286
|
|
|
284
287
|
<details class="acc">
|
|
285
|
-
<summary>터미널(명령창)이 처음이세요? — 여는 법 <span class="acc__hint">
|
|
288
|
+
<summary>터미널(명령창)이 처음이세요? — 여는 법 <span class="acc__hint">CLI를 쓸 때</span></summary>
|
|
286
289
|
<div class="acc__body">
|
|
287
290
|
<p><strong>터미널</strong>은 명령을 한 줄씩 입력해 실행하는 창입니다. 이렇게 엽니다:</p>
|
|
288
291
|
<ul>
|
|
@@ -294,20 +297,20 @@
|
|
|
294
297
|
</details>
|
|
295
298
|
|
|
296
299
|
<details class="acc">
|
|
297
|
-
<summary>필요한 프로그램 받기
|
|
300
|
+
<summary>필요한 프로그램 받기 <span class="acc__hint">Node · Claude · Codex</span></summary>
|
|
298
301
|
<div class="acc__body">
|
|
299
302
|
<ul>
|
|
300
303
|
<li><strong>Node.js (LTS)</strong> — <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a> · 설치 파일을 받아 더블클릭(계속 '다음'). 터미널·CLI 경로에 필요.</li>
|
|
301
|
-
<li><strong>Claude
|
|
302
|
-
<li><strong>
|
|
303
|
-
<li><strong>
|
|
304
|
+
<li><strong>Claude Desktop 앱</strong> — <a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a> · Code 탭에서 작업 폴더를 열 때 사용.</li>
|
|
305
|
+
<li><strong>Codex 앱</strong> — <a href="https://developers.openai.com/codex/app" rel="noopener" target="_blank">developers.openai.com/codex/app</a> · 작업 폴더를 열고 프롬프트를 붙여넣을 때 사용.</li>
|
|
306
|
+
<li><strong>Git for Windows</strong> — <a href="https://git-scm.com/download/win" rel="noopener" target="_blank">git-scm.com/download/win</a> · Windows에서 Claude Desktop 앱 Code 탭이 <em>"Git is required"</em>라고 막을 때만.</li>
|
|
304
307
|
</ul>
|
|
305
308
|
<p class="hint">받은 뒤 무엇을 하는지는 위에서 고른 "내게 맞는 길"의 단계를 따르면 됩니다.</p>
|
|
306
309
|
</div>
|
|
307
310
|
</details>
|
|
308
311
|
</div>
|
|
309
312
|
|
|
310
|
-
<p class="hint" style="margin-top:2rem"
|
|
313
|
+
<p class="hint" style="margin-top:2rem">메인으로 돌아가려면 → <a href="index.html#install">빠른 설치 보기</a></p>
|
|
311
314
|
</div>
|
|
312
315
|
</section>
|
|
313
316
|
</main>
|
|
@@ -315,7 +318,7 @@
|
|
|
315
318
|
<footer class="foot">
|
|
316
319
|
<div class="foot__brand"><span class="nav__logo" aria-hidden="true">C</span> CareerMate</div>
|
|
317
320
|
<p>로컬에서 동작하는 MCP 기반 커리어 관리 도구. 모든 데이터는 이 컴퓨터에만 저장됩니다.</p>
|
|
318
|
-
<div class="foot__links"><a href="index.html#top">홈</a><a href="index.html#install"
|
|
321
|
+
<div class="foot__links"><a href="index.html#top">홈</a><a href="index.html#install">빠른 설치</a><a href="https://github.com/osntak/careermate" target="_blank" rel="noopener">GitHub</a></div>
|
|
319
322
|
</footer>
|
|
320
323
|
|
|
321
324
|
<div class="sr-only" role="status" aria-live="polite" id="copy-status"></div>
|