바이브코딩으로 프로페셔널한 이력서 만들기

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

바이브코딩

대상자

• 개발자 및 취업 준비자
• 난이도: 중간 (기본적인 HTML/CSS 지식 필요, Puppeteer 사용법 이해 필요)

핵심 요약

• AI 활용: LinkedIn PDF를 Gemini/ChatGPT로 전달해 현대적이고 ATS(사람 및 시스템) 친화적인 HTML/CSS 생성 가능
• Puppeteer 자동화: npm install puppeteer 후 headless Chrome 기반 PDF 출력으로 레이아웃 품질 보장
• 핵심 기술: puppeteer.launch(), page.pdf() 함수 활용, A4 포맷 및 마진 설정을 통한 프린트 최적화

섹션별 세부 요약

1. LinkedIn PDF 내보내기

• LinkedIn 프로필 → More → Save to PDF로 PDF 생성
• 기존 PDF 템플릿은 디자인 노후화, 유료 서비스 의존 문제 존재

2. AI 모델 사용

• Gemini/ChatGPT에 PDF 업로드
• 옵션: 원하는 CV 디자인 이미지 첨부 (레이아웃/타이포그래피 참고)
• 프롬프트 예시:

- "ATS 친화적이고 인쇄용 HTML/CSS 생성"

- "현대적 레이아웃, 시각적 계층 구조 강조"

3. HTML/CSS 생성 및 출력

• AI가 HTML/CSS 파일 생성 후 브라우저에서 Print to PDF로 변환
• 브라우저 레이아웃 오류 시 Puppeteer 라이브러리 사용 권장

4. Puppeteer 스크립트 구현

• Node.js 환경 설정:

```bash

npm install puppeteer

```

• 핵심 코드:

```javascript

const puppeteer = require('puppeteer');

const path = require('path');

(async () => {

const browser = await puppeteer.launch({ headless: true });

const page = await browser.newPage();

const htmlFilePath = path.resolve(__dirname, 'cv.html');

await page.goto(file://${htmlFilePath}, { waitUntil: 'networkidle0' });

await page.pdf({

path: 'cv.pdf',

format: 'A4',

printBackground: false,

margin: {

top: '8mm',

right: '8mm',

bottom: '8mm',

left: '8mm'

}

});

await browser.close();

console.log('cv.pdf generated successfully!');

})();

```

• 실행 명령: node export-cv.js

결론

• 프리미엄 없이 프로페셔널한 이력서 생성 가능
• Puppeteer를 통해 레이아웃 오류 해결
• ATS 친화적 텍스트 + 시각적 디자인을 동시에 달성할 수 있음