careermate 0.0.3 → 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 +526 -100
- package/dist/mcp.mjs +528 -102
- package/dist/migrate.mjs +23 -1
- package/dist/public/lib.js +6 -1
- package/dist/public/pages/applications.js +7 -0
- package/dist/public/pages/jobs.js +22 -15
- package/dist/public/pages/settings.js +160 -14
- package/dist/public/styles.css +19 -2
- package/dist/site/index.html +88 -228
- package/dist/site/landing.js +109 -0
- package/dist/site/start.html +154 -131
- package/dist/site/style.css +169 -63
- package/dist/web.mjs +503 -41
- package/docs/FAQ.md +3 -2
- package/docs/MCP_TOOLS.md +16 -8
- package/docs/START_WORKFLOW.md +2 -1
- package/docs/WORKFLOWS.md +6 -6
- package/package.json +2 -2
- package/packages/core/src/services.ts +69 -7
- package/packages/db/src/repositories.ts +0 -0
- package/packages/mcp-tools/src/bridge.ts +194 -13
- package/packages/mcp-tools/src/tools.ts +166 -35
- package/packages/mcp-tools/src/update.ts +1 -1
- package/packages/prompts/src/onboarding.ts +1 -1
- package/packages/prompts/src/system.ts +10 -2
- 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 +3 -3
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>
|
|
@@ -94,7 +102,7 @@
|
|
|
94
102
|
<label class="choice"><input type="radio" name="sub" value="chatgpt" />
|
|
95
103
|
<span class="choice__t">ChatGPT 유료</span><span class="choice__s">Plus 이상 구독</span></label>
|
|
96
104
|
<label class="choice"><input type="radio" name="sub" value="free" />
|
|
97
|
-
<span class="choice__t"
|
|
105
|
+
<span class="choice__t">기타 (그 외 AI)</span><span class="choice__s">Claude·ChatGPT 외 / 잘 모름</span></label>
|
|
98
106
|
</div>
|
|
99
107
|
</div>
|
|
100
108
|
<!-- Q2 -->
|
|
@@ -113,136 +121,161 @@
|
|
|
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
|
|
121
|
-
<ol class="steps">
|
|
122
|
-
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
123
|
-
<h3>Claude 데스크톱 설치 → 로그인</h3>
|
|
124
|
-
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 본인 계정으로 로그인하세요.</p>
|
|
125
|
-
</div></li>
|
|
126
|
-
<li class="step os-win"><div class="step__no">2</div><div class="step__body">
|
|
127
|
-
<h3>(Windows) Git 설치</h3>
|
|
128
|
-
<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>
|
|
129
|
-
</div></li>
|
|
130
|
-
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
131
|
-
<h3>Code 탭에서 빈 폴더 선택</h3>
|
|
132
|
-
<p>상단의 <strong>Code</strong> 탭을 누르고, 새 폴더 하나(예: 문서/CareerMate)를 작업 폴더로 고르세요.<br />이 폴더가 CareerMate 작업실이 됩니다.</p>
|
|
133
|
-
</div></li>
|
|
134
|
-
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
135
|
-
<h3>이 문장 한 번 붙여넣기</h3>
|
|
136
|
-
<p class="paste-note">💬 Code 탭의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
|
|
137
|
-
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude">복사</button>
|
|
138
|
-
<pre id="p-claude">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
139
|
-
<p class="step__tip"><strong>Node가 없어도 됩니다.</strong> 필요하면 Claude가 먼저 확인하고 설치까지 도와줍니다.<br />직접 받으려면 아래 <strong>'필요한 프로그램 받기'</strong>의 Node.js를 보세요. 설치 중 뜨는 허용 창은 눌러 주세요.</p>
|
|
140
|
-
</div></li>
|
|
141
|
-
<li class="step"><div class="step__no">5</div><div class="step__body">
|
|
142
|
-
<h3>앱 재시작 → 확인</h3>
|
|
143
|
-
<p>Claude 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
144
|
-
<p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지 확인하세요. 그래도 안 되면 <a href="index.html#install">파일로 설치(zip)</a>나 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 보세요.</p>
|
|
145
|
-
</div></li>
|
|
146
|
-
</ol>
|
|
147
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 가장 쉬운 방법은 <strong>이력서 내용을 대화창에 붙여넣기</strong>입니다. 또는 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나 채팅에 직접 첨부하세요. (스캔본·보안 PDF는 안 읽힐 수 있습니다 → 그땐 텍스트로 붙여넣으세요.)</div>
|
|
148
|
-
<p class="hint" style="margin-top:.8rem">터미널이 부담되면 → <a href="index.html#install">파일로 설치(zip)</a>하는 방법도 있습니다(Claude 무료 기능).</p>
|
|
149
|
-
</div>
|
|
150
|
-
|
|
151
|
-
<!-- ===== ChatGPT 유료 → Codex CLI ===== -->
|
|
152
|
-
<div class="path" data-sub="chatgpt">
|
|
153
|
-
<span class="path__tag">당신에겐 — Codex CLI</span>
|
|
154
|
-
<h2>ChatGPT 구독으로 Codex에서</h2>
|
|
155
|
-
<p>ChatGPT는 <strong>Codex를 터미널(CLI)에서</strong> 씁니다 — 명령을 몇 줄 입력합니다.<br />Codex <strong>데스크톱 앱은 등록이 사라질 수 있어</strong> 권장하지 않습니다. 터미널이 부담되면 <a href="#" data-goto-free>터미널 없이 가능한 무료 길</a>도 있습니다.</p>
|
|
156
|
-
<p class="hint" style="margin:.2rem 0 0">💡 <strong>무료 ChatGPT 계정도 지금은 Codex를 쓸 수 있어요</strong>(한시적 제공). 단 무료·저가 플랜은 사용량 한도가 더 빡빡합니다.</p>
|
|
157
|
-
<ol class="steps">
|
|
158
|
-
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
159
|
-
<h3>Node.js 설치</h3>
|
|
160
|
-
<p class="os-win">Windows: PowerShell에 붙여넣기 →</p>
|
|
161
|
-
<div class="code os-win"><button class="copy-btn" type="button" data-copy-target="p-node-win">복사</button><pre id="p-node-win">winget install OpenJS.NodeJS.LTS</pre></div>
|
|
162
|
-
<p class="os-mac">Mac: 터미널에 붙여넣기(Homebrew 없으면 nodejs.org에서 LTS 설치) →</p>
|
|
163
|
-
<div class="code os-mac"><button class="copy-btn" type="button" data-copy-target="p-node-mac">복사</button><pre id="p-node-mac">brew install node</pre></div>
|
|
164
|
-
<p class="step__tip">명령이 어려우면 <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a>에서 <strong>설치 파일을 받아 더블클릭</strong>(계속 '다음')해도 됩니다.<br />설치 후 터미널을 새로 열고 <code>node --version</code>이 v22.5 이상인지 확인하세요. <strong>터미널 여는 법은 아래 도움말</strong>을 참고하세요.</p>
|
|
165
|
-
</div></li>
|
|
166
|
-
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
167
|
-
<h3>Codex CLI 설치 → ChatGPT 로그인</h3>
|
|
168
|
-
<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>
|
|
169
|
-
<p class="step__tip">설치 후 <code>codex</code>를 실행하면 ChatGPT 로그인 창이 열립니다(본인 구독 계정).</p>
|
|
170
|
-
</div></li>
|
|
171
|
-
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
172
|
-
<h3>빈 폴더에서 codex 실행 → 이 문장</h3>
|
|
173
|
-
<p class="paste-note">💬 실행한 <strong>codex 안에</strong> 붙여넣으세요 — AI에게 보내는 메시지예요(쉘 명령이 아님). 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
174
|
-
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-codex">복사</button>
|
|
175
|
-
<pre id="p-codex">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
176
|
-
<p class="step__tip">설치 중 <strong>네트워크 허용</strong>을 물으면 한 번 허용하세요(npm 다운로드 때문).</p>
|
|
177
|
-
</div></li>
|
|
178
|
-
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
179
|
-
<h3>확인</h3>
|
|
180
|
-
<p>Codex 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결 성공.</p>
|
|
181
|
-
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, Codex를 껐다 켰는지 확인하세요. 그래도 안 되면 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 참고하세요.</p>
|
|
182
|
-
</div></li>
|
|
183
|
-
</ol>
|
|
184
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 첨부 기능이 없으니, 작업 폴더에 파일을 넣고 <em>"./이력서.pdf 읽어서 등록해줘"</em>라고 하세요. PDF가 안 읽히면 내용을 <strong>텍스트로 붙여넣으세요.</strong></div>
|
|
185
|
-
</div>
|
|
186
|
-
|
|
187
|
-
<!-- ===== 무료/없음 → zip 1순위, Antigravity 2순위 ===== -->
|
|
188
|
-
<div class="path" data-sub="free">
|
|
189
|
-
<span class="path__tag">당신에겐 — 무료로 시작</span>
|
|
190
|
-
<h2>유료 구독 없이 무료로</h2>
|
|
191
|
-
<p>유료 구독이 없어도 됩니다. 터미널이 필요 없는, 가장 쉬운 길부터 안내합니다.</p>
|
|
192
|
-
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong>무료는 사용량이 더 빠듯해요.</strong> 무료 플랜은 보낼 수 있는 메시지·요청 수가 유료보다 적어서, 많이 쓰면 한도에 걸려 잠깐 기다리거나 유료로 올려야 할 수 있어요. <strong>CareerMate 자체는 계속 무료</strong> — 한도는 고른 AI 쪽 이야기예요.</p>
|
|
126
|
+
<span class="path__tag">당신에겐 — Claude</span>
|
|
127
|
+
<h2>Claude로 연결하기</h2>
|
|
128
|
+
<p>Claude Desktop 앱에서 끝내는 길과 터미널로 쓰는 길이 있어요. 대부분은 <strong>방법 1</strong>이면 됩니다.</p>
|
|
193
129
|
|
|
194
|
-
<
|
|
195
|
-
<
|
|
196
|
-
<
|
|
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>
|
|
197
134
|
<ol class="steps">
|
|
198
135
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
199
|
-
<h3>Claude
|
|
200
|
-
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 로그인하세요.</p>
|
|
136
|
+
<h3>Claude Desktop 앱 설치 → 로그인</h3>
|
|
137
|
+
<p><a href="https://claude.ai/download" rel="noopener" target="_blank">claude.ai/download</a>에서 받아 설치하고 본인 계정으로 로그인하세요.</p>
|
|
201
138
|
</div></li>
|
|
202
139
|
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
203
|
-
<h3
|
|
204
|
-
<p>
|
|
205
|
-
|
|
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>
|
|
140
|
+
<h3>Code 탭에서 빈 폴더 선택</h3>
|
|
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>
|
|
209
143
|
</div></li>
|
|
210
144
|
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
211
|
-
<h3
|
|
212
|
-
<p
|
|
145
|
+
<h3>이 문장 한 번 붙여넣기</h3>
|
|
146
|
+
<p class="paste-note">💬 Code 탭의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
|
|
147
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude">복사</button>
|
|
148
|
+
<pre id="p-claude">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
149
|
+
<p class="step__tip"><strong>Node가 없어도 됩니다.</strong> 필요하면 Claude가 먼저 확인하고 설치까지 도와줍니다. 설치 중 뜨는 허용 창은 눌러 주세요.</p>
|
|
213
150
|
</div></li>
|
|
214
151
|
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
215
|
-
<h3
|
|
216
|
-
<p
|
|
152
|
+
<h3>앱 재시작 → 확인</h3>
|
|
153
|
+
<p>Claude Desktop 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
|
|
154
|
+
<p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지 확인하세요.</p>
|
|
217
155
|
</div></li>
|
|
218
156
|
</ol>
|
|
219
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong>
|
|
220
|
-
|
|
221
|
-
</
|
|
157
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> Code 탭 채팅에 파일을 첨부하는 게 가장 쉽습니다. 첨부가 안 되면 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나, 내용을 텍스트로 붙여넣으세요.</div>
|
|
158
|
+
</div>
|
|
159
|
+
</details>
|
|
222
160
|
|
|
223
|
-
<
|
|
224
|
-
<
|
|
225
|
-
<
|
|
161
|
+
<details class="acc">
|
|
162
|
+
<summary>방법 2 — Claude Code CLI <span class="acc__hint">터미널에 익숙하다면</span></summary>
|
|
163
|
+
<div class="acc__body">
|
|
164
|
+
<p class="hint" style="margin:.3rem 0 .8rem">Claude를 터미널에서 직접 실행합니다. 터미널이 처음이면 방법 1을 쓰세요.</p>
|
|
226
165
|
<ol class="steps">
|
|
227
166
|
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
228
|
-
<h3>
|
|
229
|
-
<p
|
|
167
|
+
<h3>Node.js 설치</h3>
|
|
168
|
+
<p class="os-win">Windows: PowerShell에 붙여넣기 →</p>
|
|
169
|
+
<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>
|
|
170
|
+
<p class="os-mac">Mac: 터미널에 붙여넣기(Homebrew 없으면 nodejs.org에서 LTS 설치) →</p>
|
|
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>
|
|
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>
|
|
230
174
|
</div></li>
|
|
231
175
|
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
232
|
-
<h3
|
|
233
|
-
<
|
|
234
|
-
<
|
|
235
|
-
<pre id="p-anti">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
176
|
+
<h3>Claude Code 설치 → 로그인</h3>
|
|
177
|
+
<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>
|
|
178
|
+
<p class="step__tip">설치 후 <code>claude</code>를 실행하면 로그인 창이 열립니다(본인 Pro·Max 계정).</p>
|
|
236
179
|
</div></li>
|
|
237
180
|
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
181
|
+
<h3>빈 폴더에서 claude 실행 → 이 문장</h3>
|
|
182
|
+
<p class="paste-note">💬 실행한 <strong>claude 안에</strong> 붙여넣으세요 — AI에게 보내는 메시지예요(쉘 명령이 아님). 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
183
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude-cli">복사</button>
|
|
184
|
+
<pre id="p-claude-cli">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
185
|
+
<p class="step__tip">설치 중 <strong>네트워크·허용</strong>을 물으면 한 번 허용하세요(npm 다운로드 때문).</p>
|
|
186
|
+
</div></li>
|
|
187
|
+
<li class="step"><div class="step__no">4</div><div class="step__body">
|
|
238
188
|
<h3>확인</h3>
|
|
239
|
-
<p
|
|
240
|
-
<p class="recover"><strong>안 보이면?</strong>
|
|
189
|
+
<p>claude 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결 성공.</p>
|
|
190
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, claude를 껐다 켰는지 확인하세요.</p>
|
|
241
191
|
</div></li>
|
|
242
192
|
</ol>
|
|
243
|
-
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고
|
|
244
|
-
|
|
245
|
-
</
|
|
193
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 파일 첨부가 가능하면 채팅에 바로 첨부하세요. 터미널에서 첨부가 어렵다면 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하면 됩니다.</div>
|
|
194
|
+
</div>
|
|
195
|
+
</details>
|
|
196
|
+
</div>
|
|
197
|
+
|
|
198
|
+
<!-- ===== ChatGPT 유료 → Codex 앱 / CLI ===== -->
|
|
199
|
+
<div class="path" data-sub="chatgpt">
|
|
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>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<!-- ===== 기타(Agent) → 로컬 접근 가능한 AI 채팅에 붙여넣기 ===== -->
|
|
255
|
+
<div class="path" data-sub="free">
|
|
256
|
+
<span class="path__tag">당신에겐 — 기타 (Agent)</span>
|
|
257
|
+
<h2>로컬 접근 가능한 AI 채팅에서</h2>
|
|
258
|
+
<p>Claude·ChatGPT가 아니어도, <strong>내 컴퓨터에서 명령을 실행할 수 있는 AI 에이전트</strong>면 됩니다. 빈 폴더를 잡고 아래 한 문장을 그 AI의 대화창에 붙여넣으세요.</p>
|
|
259
|
+
<p class="hint" style="margin:.2rem 0 0">⚠️ <strong>무료·약한 모델은 한글 품질·사용량 한계</strong>가 있을 수 있어요. 제대로 쓰려면 <strong>Claude Pro·ChatGPT Plus</strong>를 권장합니다. <strong>CareerMate 자체는 계속 무료</strong>입니다.</p>
|
|
260
|
+
|
|
261
|
+
<ol class="steps">
|
|
262
|
+
<li class="step"><div class="step__no">1</div><div class="step__body">
|
|
263
|
+
<h3>명령 실행 가능한 AI를 빈 폴더에서 열기</h3>
|
|
264
|
+
<p>내 컴퓨터에서 파일·명령을 다룰 수 있는 AI 에이전트(데스크톱 앱이든 CLI든)를 준비하고, 새 폴더 하나를 작업 폴더로 잡으세요.</p>
|
|
265
|
+
</div></li>
|
|
266
|
+
<li class="step"><div class="step__no">2</div><div class="step__body">
|
|
267
|
+
<h3>이 문장 붙여넣기</h3>
|
|
268
|
+
<p class="paste-note">💬 그 AI의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
|
|
269
|
+
<div class="code"><button class="copy-btn" type="button" data-copy-target="p-other">복사</button>
|
|
270
|
+
<pre id="p-other">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
|
|
271
|
+
</div></li>
|
|
272
|
+
<li class="step"><div class="step__no">3</div><div class="step__body">
|
|
273
|
+
<h3>확인</h3>
|
|
274
|
+
<p>그 AI를 완전히 껐다 켜고(처음 한 번 승인을 물으면 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong> 또는 <code>/mcp</code>로 확인하세요.</p>
|
|
275
|
+
<p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, 앱을 완전히 껐다 켰는지 확인하세요.</p>
|
|
276
|
+
</div></li>
|
|
277
|
+
</ol>
|
|
278
|
+
<div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 파일명·경로로 지시. 안 읽히면 텍스트로 붙여넣기.</div>
|
|
246
279
|
</div>
|
|
247
280
|
|
|
248
281
|
</div><!-- /result -->
|
|
@@ -252,7 +285,7 @@
|
|
|
252
285
|
<p class="q__label" style="margin-bottom:.6rem">도움이 더 필요하면</p>
|
|
253
286
|
|
|
254
287
|
<details class="acc">
|
|
255
|
-
<summary>터미널(명령창)이 처음이세요? — 여는 법 <span class="acc__hint">
|
|
288
|
+
<summary>터미널(명령창)이 처음이세요? — 여는 법 <span class="acc__hint">CLI를 쓸 때</span></summary>
|
|
256
289
|
<div class="acc__body">
|
|
257
290
|
<p><strong>터미널</strong>은 명령을 한 줄씩 입력해 실행하는 창입니다. 이렇게 엽니다:</p>
|
|
258
291
|
<ul>
|
|
@@ -264,21 +297,20 @@
|
|
|
264
297
|
</details>
|
|
265
298
|
|
|
266
299
|
<details class="acc">
|
|
267
|
-
<summary>필요한 프로그램 받기
|
|
300
|
+
<summary>필요한 프로그램 받기 <span class="acc__hint">Node · Claude · Codex</span></summary>
|
|
268
301
|
<div class="acc__body">
|
|
269
302
|
<ul>
|
|
270
303
|
<li><strong>Node.js (LTS)</strong> — <a href="https://nodejs.org/" rel="noopener" target="_blank">nodejs.org</a> · 설치 파일을 받아 더블클릭(계속 '다음'). 터미널·CLI 경로에 필요.</li>
|
|
271
|
-
<li><strong>Claude
|
|
272
|
-
<li><strong>
|
|
273
|
-
<li><strong>
|
|
274
|
-
<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>
|
|
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>
|
|
275
307
|
</ul>
|
|
276
308
|
<p class="hint">받은 뒤 무엇을 하는지는 위에서 고른 "내게 맞는 길"의 단계를 따르면 됩니다.</p>
|
|
277
309
|
</div>
|
|
278
310
|
</details>
|
|
279
311
|
</div>
|
|
280
312
|
|
|
281
|
-
<p class="hint" style="margin-top:2rem"
|
|
313
|
+
<p class="hint" style="margin-top:2rem">메인으로 돌아가려면 → <a href="index.html#install">빠른 설치 보기</a></p>
|
|
282
314
|
</div>
|
|
283
315
|
</section>
|
|
284
316
|
</main>
|
|
@@ -286,7 +318,7 @@
|
|
|
286
318
|
<footer class="foot">
|
|
287
319
|
<div class="foot__brand"><span class="nav__logo" aria-hidden="true">C</span> CareerMate</div>
|
|
288
320
|
<p>로컬에서 동작하는 MCP 기반 커리어 관리 도구. 모든 데이터는 이 컴퓨터에만 저장됩니다.</p>
|
|
289
|
-
<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>
|
|
290
322
|
</footer>
|
|
291
323
|
|
|
292
324
|
<div class="sr-only" role="status" aria-live="polite" id="copy-status"></div>
|
|
@@ -318,15 +350,6 @@
|
|
|
318
350
|
document.querySelectorAll('input[name="os"]').forEach(function (r) {
|
|
319
351
|
r.addEventListener('change', function () { os = r.value; markSel('q-os'); render(); });
|
|
320
352
|
});
|
|
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
353
|
})();
|
|
331
354
|
</script>
|
|
332
355
|
</body>
|