Offer Laolao - 이력서 자동 채우기 어시스턴트 스마트 브라우저 확장 프로그램
요약
Offer Laolao는 AI 기반의 지능형 이력서 파싱 및 자동 채우기 기능을 제공하는 스마트 브라우저 확장 프로그램입니다. PDF, DOCX 등 다양한 형식의 이력서를 분석하여 데이터를 추출하고, 이를 채용 웹사이트 양식 필드에 자동으로 매핑하고 입력합니다. 사용자는 원클릭 사전 입력과 정밀한 필드별 채우기를 통해 구직 과정의 효율성과 정확성을 높일 수 있습니다.
핵심 포인트
- 다양한 형식(PDF, DOCX 등)을 지원하는 지능형 이력서 파싱 기능 제공
- 채용 웹사이트 양식에 데이터를 자동으로 매핑하고 입력 (원클릭 사전 채우기)
- input, textarea 등 다양한 웹 요소 유형을 인식하여 자동화된 필드 작성이 가능함
🚀 Offer Laolao - 이력서 자동 채우기 어시스턴트 스마트 브라우저 확장 프로그램
지능형 이력서 파싱과 수동 입력 모드를 모두 지원하는 강력한 Chrome 브라우저 확장 프로그램으로, AI 기반의 지능형 필드 매칭 및 필드별 정밀 채우기 기능을 통해 구직자가 주요 채용 웹사이트에서 이력서 작성을 빠르고 정확하게 완료할 수 있도록 돕습니다.
🌐 온라인 접속: https://offer-laolao-plugin.vercel.app
✨ 핵심 기능
📄 지능형 이력서 파싱 (Intelligent Resume Parsing)
- 다중 형식 지원: PDF, DOCX, DOC, TXT, JSON을 포함한 주요 이력서 형식을 지원합니다.
- 클라우드 API 파싱: 정확한 이력서 정보 추출을 위해 Alibaba Cloud 이력서 파싱 API와 통합됩니다.
- JSON 직접 가져오기: 데이터 백업 및 복원을 위해 JSON 형식의 이력서 데이터를 직접 가져오는 것을 지원합니다.
- 드래그 앤 드롭 업로드: 편리한 사용을 위해 파일 드래그 앤 드롭 업로드를 지원합니다.
- 지능형 필드 매핑: 파싱 결과를 해당 양식 필드에 자동으로 매핑합니다.
📝 완벽한 이력서 정보 관리 (Complete Resume Information Management)
다음의 이력서 모듈을 채우고 관리하는 것을 지원합니다:
| 모듈 | 포함된 필드 |
|---|---|
| 기본 정보 (Basic Information) | 이름, 성별, 생년월일, 전화번호, 이메일, ID 번호, 거주지, 정치적 지위 |
| ... |
🎯 지능형 양식 채우기 (Intelligent Form Filling)
원클릭 사전 입력 기능 (One-click Pre-fill Function)
- '📋 사전 채우기(Pre-fill)' 버튼을 클릭하여 이력서 데이터를 현재 채용 웹사이트 양식에 자동으로 입력합니다.
- 양식 필드를 지능적으로 식별하고 해당되는 이력서 정보와 자동으로 일치시킵니다.
- 입력(input), 텍스트 영역(textarea), 선택(select), 콘텐츠 편집 가능(contenteditable)을 포함한 여러 양식 요소를 지원합니다.
- 웹사이트 유효성 검사를 통과하도록 양식 이벤트(input, change, blur)를 자동으로 트리거합니다.
- 채우기 후 시각적 피드백을 제공하여 입력된 필드를 강조 표시합니다.
필드별 정밀 채우기 (↗ Point-and-Fill)
- 각 필드에는 단일 필드 정밀 채우기를 위한 '↗' 버튼이 있습니다.
- 버튼을 클릭하면 'Point-and-Fill 모드'로 진입합니다:
- 페이지 상단에 작업 팁이 표시됩니다.
- 마우스 오버 시 채울 수 있는 요소는 파란색 테두리로 강조 표시됩니다.
- 대상 입력 상자를 클릭하여 필드 값을 채웁니다.
- 'Esc' 키를 눌러 작업을 취소합니다.
- 다음 요소를 채우는 것을 지원합니다: input, textarea, select, contenteditable
- 웹사이트 유효성 검사를 통과하도록 양식 이벤트(input, change, blur)를 자동으로 트리거합니다.
- 성공적으로 채운 후 팝업이 자동으로 닫혀 편리한 연속 작업을 보장합니다.
🤖 AI 대규모 모델 통합 (AI Large Model Integration)
지능적인 이력서 콘텐츠 최적화 및 필드 매칭을 위해 여러 국내 대규모 모델 서비스 제공자를 지원합니다:
| 서비스 제공자 | 지원되는 모델 |
|---|---|
| DeepSeek | DeepSeek Chat, DeepSeek Coder |
| ... |
- 원클릭 API 연결 테스트
- ✨ AI 원클릭 이력서 최적화: 자기소개, 직무 기술서(Job Description), 프로젝트 설명 등을 지능적으로 최적화합니다.
- 🤖 AI 생성 이력서 자기소개: 이력서 데이터를 기반으로 전문적인 자기소개(200~300단어)를 지능적으로 생성합니다.
- 클립보드 복사, 자기소개 필드 채우기, TXT 파일 다운로드 지원
- STAR 기법을 사용하여 업무 및 프로젝트 설명 최적화
- 정량적 데이터 및 성과 설명을 자동으로 추가
📤 다중 형식 내보내기(Multi-format Export)
- JSON 내보내기: 백업 및 크로스 디바이스 동기화를 위해 전체 이력서 데이터를 내보냅니다.
- LaTeX 내보내기: 전문적인 LaTeX 이력서 템플릿을 생성합니다.
- Overleaf에서 직접 컴파일 가능
- 중국어 지원 (ctex 패키지 사용)
- 학술 및 기술 직무 지원에 적합한 전문 타이포그래피 제공
- 전체 스타일 정의와 주석 포함
📑 다중 이력서 템플릿(Multiple Resume Templates)
- 다중 템플릿 관리: 여러 개의 이력서 템플릿을 저장하고 관리하는 것을 지원합니다.
- 빠른 전환: 다른 이력서 템플릿 간 원클릭 전환이 가능합니다.
- 템플릿 작업:
- ➕ 새 템플릿 생성
- ✏️ 템플릿 이름 변경
- 📋 템플릿 복제
- 🗑️ 템플릿 삭제 (여러 개가 존재하는 경우)
- 스마트 마이그레이션: 기존의 단일 이력서 데이터를 새로운 다중 템플릿 시스템으로 자동 마이그레이션합니다.
- 개별 저장소: 각 템플릿은 독립적인 이력서 데이터를 유지합니다.
💾 데이터 지속성(Data Persistence)
- Chrome Storage API: 보안적이고 신뢰할 수 있는 데이터 처리를 위해 브라우저 네이티브 스토리지를 사용합니다.
- 실시간 자동 저장: 양식 내용 변경 시 자동으로 저장되어 데이터 손실을 방지합니다.
- 수동 저장: 저장을 확인하기 위해 수동으로 저장 버튼 클릭을 지원합니다.
- 데이터 초기화: 원클릭으로 모든 이력서 데이터를 지워 새로 시작할 수 있습니다.
- 자동 설정 저장: 설정 페이지 구성은 자동으로 저장됩니다.
⭐ GitHub Star 잠금 해제
- 신뢰 기반 인증 (Trust-based verification): GitHub 프로젝트에 Star를 달아 고급 기능을 잠금 해제하세요
- 일회성 잠금 해제 (One-time unlock): 한 번 Star를 확인하면 모든 고급 기능이 영구적으로 사용 가능합니다
- 자연스러운 안내 (Graceful prompts): 친근한 대화 상자가 사용자에게 프로젝트 지원을 유도합니다
- 영향받는 기능 (Affected features): AI 이력서 최적화에는 Star 인증이 필요합니다
📦 설치 가이드
방법 1: 개발자 모드에서 설치하기
-
프로젝트 다운로드
git clone https://github.com/open-agent-power/offer-laolao-plugin.git cd offer-laolao-plugin또는 ZIP 파일을 직접 다운로드하여 압축을 해제하세요.
-
의존성 설치 및 빌드
# pnpm이 아직 설치되지 않았다면 설치합니다 npm install -g pnpm
...
빌드가 완료되면 `build/chrome-mv3-prod` 폴더가 생성됩니다.
3. **Chrome 확장 프로그램 관리 페이지 열기**
- 주소 표시줄에 입력: `chrome://extensions/`
- 또는 메뉴를 통해 접속: 도구 더보기 → 확장 프로그램
4. **개발자 모드 활성화**
- 오른쪽 상단에서
1. 확장 프로그램 아이콘을 클릭하고 "⚙️ 설정" 탭으로 전환합니다.
2. **AI 모델 구성** (콘텐츠 최적화를 위해 권장)
- 모델 제공업체를 선택합니다 (예: DeepSeek, Kimi 등).
- 해당 API 키를 입력합니다.
- 설정을 확인하려면 "🔗 연결 테스트"를 클릭합니다.
3. **이력서 파싱 API 구성** (PDF/DOCX 형식의 이력서 파싱용)
- [Alibaba Cloud Market](https://market.aliyun.com/detail/cmapi034316)에서 이력서 파싱 서비스를 구매합니다.
- API URL과 APP 코드를 입력합니다.
### 2단계: 이력서 템플릿 관리
1. "📝 이력서 작성" 탭에서 상단의 템플릿 선택기를 찾습니다.
2. **템플릿 전환**: 드롭다운을 사용하여 다른 이력서 템플릿을 선택합니다.
3. **새 템플릿 생성**: "+" 버튼을 클릭하여 새로운 빈 템플릿을 만듭니다.
4. **템플릿 이름 변경**: "✏️" 버튼을 클릭하여 템플릿 이름을 수정합니다.
5. **템플릿 복제**: "📋" 버튼을 클릭하여 현재 템플릿의 사본을 만듭니다.
6. **템플릿 삭제**: "🗑️" 버튼을 클릭하여 템플릿을 제거합니다 (최소 2개 이상의 템플릿이 필요합니다).
### 3단계: 이력서 작성 또는 가져오기
#### 방법 A: 지능형 업로드 파싱
1. "📝 이력서 작성" 탭 상단에서 업로드 영역을 찾습니다.
2. 이력서 파일을 드래그 앤 드롭하거나 클릭하여 파일을 선택합니다.
3. 파싱이 완료될 때까지 기다린 후, "파싱된 데이터 사용" 버튼을 클릭합니다.
4. 이력서 정보가 양식에 자동으로 채워집니다.
#### 방법 B: 수동 작성
1. 양식의 모든 정보를 직접 입력합니다.
2. "+ 추가" 버튼을 클릭하여 여러 항목을 추가합니다.
3. 데이터는 자동으로 저장되거나, "💾 저장"을 클릭하여 수동으로 저장할 수 있습니다.
#### 방법 C: JSON 가져오기
1. 이전에 내보낸 JSON 파일이 있는 경우
2. 업로드 영역에 직접 드래그 앤 드롭하여 가져옵니다.
### 4단계: AI 이력서 최적화 (선택 사항)
1. AI 모델 API 키가 설정되었는지 확인하세요
2. 이력서의 설명적 콘텐츠(자기소개, 직무 기술, 프로젝트 설명 등)를 채우세요.
3. "✨ AI 원클릭 이력서 최적화" 버튼을 클릭하세요.
4. **첫 사용자**: 대화 상자가 나타나 이 기능을 사용하려면 저희 GitHub 프로젝트에 Star 하도록 요청합니다.
- GitHub 링크를 클릭하여 방문하고 프로젝트에 Star 하세요.
- "Star 했고, 기능 잠금 해제하기"를 클릭하여 확인하세요.
5. 시스템이 모든 설명적 콘텐츠를 하나씩 최적화할 것입니다.
6. 최적화된 콘텐츠가 양식에 자동으로 채워집니다.
### 5단계: 채용 웹사이트에서 이력서 작성
#### 원클릭 사전 입력 (Coming Soon!!!)
1. 대상 채용 웹사이트의 이력서 작성 페이지를 여세요.
2. 확장 프로그램 아이콘을 클릭하여 팝업을 열세요.
3. "📋 사전 입력" 버튼을 클릭하세요.
4. 확장 프로그램이 양식 필드를 자동으로 식별하고 채웁니다.
5. 입력된 상세 내용은 완료 후 표시됩니다.
#### 필드 단위 정밀 입력
1. 채우고자 하는 필드를 찾아 옆에 있는 "↗" 버튼을 클릭하세요.
2. 팝업이 자동으로 닫히고, 페이지가 "지정 및 채우기 모드(Point-and-Fill Mode)"로 진입합니다.
3. 웹페이지의 대상 입력 상자를 클릭하세요.
4. 필드 값이 정확하게 채워집니다.
5. `Esc` 키를 눌러 작업을 취소하세요.
### 6단계: 백업 내보내기
1. "📤 내보내기" 버튼을 클릭하세요.
2. 내보낼 형식을 선택하세요:
- **JSON**: 데이터 백업 및 가져오기용
- **LaTeX**: Overleaf에서 편집하고 인쇄할 수 있는 전문 이력서 문서를 생성합니다.
- **🤖 AI 생성 이력서 자기소개**: AI를 호출하여 전문적인 자기소개를 지능적으로 생성합니다.
- 생성 후, 복사하거나 자기 설명란에 채우거나 TXT 파일로 다운로드할 수 있습니다.
- **이력서 자기소개 프롬프트**: AI와 상호 작용하기 위한 구조화된 프롬프트를 내보냅니다 (`.md`/`.txt` 지원). 파일명은 자동으로 "사용자 이름_이력서_프롬프트_날짜"로 지정됩니다.
## 🌐 지원되는 채용 웹사이트
이 확장 프로그램은 범용 양식 인식 기술을 사용하며, 다음을 포함하되 이에 국한되지 않는 모든 채용 웹사이트를 이론적으로 지원합니다:
- ✅ Zhaopin.com
- ✅ 51job.com
- ✅ Liepin.com
- ✅ Boss Zhipin (zhipin.com)
- ✅ Lagou.com
- ✅ Maimai.cn
- ✅ Shixiseng.com
- ✅ Nowcoder.com
- ✅ ByteDance 캠퍼스 채용 및 기타 주요 회사 공식 채용 페이지
> 💡 팁: 웹사이트의 양식을 자동으로 인식할 수 없는 경우, '필드 레벨 정밀 입력' 기능을 사용하여 수동으로 입력 위치를 지정할 수 있습니다.
## 🛠️ 기술 스택 (Technology Stack)
- **프론트엔드 프레임워크**: 네이티브 JavaScript (ES6+)
- **확장 프로그램 표준**: Chrome Extensions Manifest V3
- **저장 솔루션**: Chrome Storage API + localStorage
- **스타일링 솔루션**: 네이티브 CSS (CSS 변수, Flexbox, Grid)
- **문서 형식**: LaTeX (ctex 중국어 지원)
- **API 통합**:
- Alibaba Cloud 이력서 파싱 API
- OpenAI 호환 대규모 모델 API (DeepSeek, Doubao (Volcano Engine), Tongyi Qianwen 등)
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Claude Ecosystem의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기