본문으로 건너뛰기

개인 웹사이트 빌더

이력서에서 GitHub Pages 라이브 사이트까지 — 개인 학술 웹사이트를 구축하고 배포합니다.


워크플로우

Personal Website Builder workflow showing CV parsing, section editing, site assembly, and GitHub deployment
단계수행 내용
이력서 파싱 및 사전 입력업로드한 이력서에서 신원, 약력, 출판물, 교육, 학생, 아웃리치 정보를 추출합니다
신원 및 스타일이름, 직함, 소속, 사진, 소셜 링크를 검토하고 편집합니다
약력 및 관심 분야약력, 연구 관심사, 수상 내역을 검토하고 편집합니다
연구 및 출판물연구 방향과 출판물 목록을 검토하고 편집합니다
교육강의, 연도, 대상을 검토하고 편집합니다
팀 및 학생현재 학생, 졸업생, 연구 주제를 검토하고 편집합니다
아웃리치 및 이력서아웃리치 활동과 산업 참여를 검토하고 편집합니다
사이트 조립모든 섹션을 React + Tailwind 템플릿으로 병합하고 사이트를 빌드합니다
GitHub Pages 배포GitHub 저장소를 생성하고, 빌드를 푸시하고, Pages를 활성화한 후 라이브 URL을 반환합니다

구축 방법

"Build a personal academic website from my CV. Let me review each section before publishing. Deploy to GitHub Pages."

MorphMind가 9단계 파이프라인을 생성했습니다: 이력서 파싱, 각 섹션 사전 입력, 스타일이 적용된 미리보기로 편집, 사이트 조립, 배포 — 모두 한 세션에서 완료합니다.


챗봇보다 나은 이유

ChatGPT에 "내 이력서로 웹사이트 만들어 줘"라고 하면 HTML 블록을 받습니다. 이제 어쩌죠? 문제는:

  • 전체 사이트를 한 번에 생성합니다 — 출판물 섹션이 잘못되었지만 약력은 완벽하다면 모든 것을 다시 생성해야 합니다. 다른 섹션의 편집 내용을 잃지 않고 하나의 섹션을 수정할 방법이 없습니다.
  • 배포 전 미리보기 없음 — 호스팅을 수동으로 설정하고 파일을 푸시하고 브라우저에서 로드할 때까지 어떻게 보이는지 확인할 방법 없이 원시 코드를 받습니다. 여기서는 각 섹션이 커밋 전에 스타일이 적용된 미리보기를 보여줍니다.
  • 이력서를 이해하지 못합니다 — 이력서를 붙여넣으면 챗봇이 요약하고, 다음 한 시간을 이름, 날짜, 논문 제목을 수정하는 데 소비합니다. 이 에이전트는 이력서를 섹션별로 검토하는 구조화된 필드로 파싱합니다.
문제워크플로우 접근 방식
단일 HTML 출력 — 하나의 섹션 수정 불가각 섹션이 독립적 — 약력 편집, 출판물 유지
수동 배포 전까지 미리보기 없음조립 전 모든 섹션에 스타일이 적용된 미리보기
이력서 붙여넣기, 대략적 요약, 수동 수정편집 가능한 필드로의 구조화된 이력서 파싱
"여기 코드입니다" — 호스팅은 알아서GitHub Pages로 원클릭 배포 및 라이브 URL

프롬프트 예시

Here's my CV — build my personal website. I'm an assistant professor at MIT.
Update my publications section — add my new paper from Nature Methods 2025.
Change the color scheme to dark mode and redeploy.

자주 묻는 질문

AI가 이력서로 개인 학술 웹사이트를 만들 수 있나요?

네. 이 에이전트는 이력서(PDF)를 파싱하고, 각 섹션(약력, 출판물, 교육, 팀)의 구조화된 데이터를 추출하며, 사이트를 조립하고 배포하기 전에 스타일이 적용된 미리보기로 각 섹션을 검토하고 편집할 수 있습니다.

학술 웹사이트를 GitHub Pages에 어떻게 배포하나요?

이력서를 업로드하고, 사전 입력된 섹션을 검토하고, 배포를 클릭하세요. 에이전트가 GitHub 저장소를 생성하고, 빌드된 사이트를 푸시하고, GitHub Pages를 활성화하고, 라이브 URL을 반환합니다. 터미널 명령이나 Git 지식이 필요 없습니다.

생성된 웹사이트는 어떤 기술 스택을 사용하나요?

사이트는 React, Vite, Tailwind CSS로 빌드됩니다 — 현대적이고, 빠르며, 모바일 반응형입니다. 에이전트가 모든 빌드 구성을 처리하므로 코드가 아닌 콘텐츠만 다루면 됩니다.