김성현의 이력서

웹 표준만으로 만든 이력서입니다.

열기

resume_KOR.html을 웹 브라우저로 열면 됩니다.

PDF로 내보내기

브라우저에서 인쇄 후 PDF로 저장합니다.

구성

파일	설명
resume_KOR.html	한국어 이력서
components.js	<resume-group> 등 커스텀 엘리먼트 정의
style.css	화면 · 인쇄 공통 스타일

이력서에는 회사명, 기간, 기술 스택과 같은 구조가 계속 반복됩니다. 이 부분을 사용자 정의 요소로 정의하여 반복을 줄였습니다.

이는 components.js에 정의되어 있으며 자식 요소가 모두 파싱된 뒤 실행되도록 defer로 로드합니다. 이 속성을 지울 시 제목 옆 링크 등의 디자인이 깨지므로 주의를 요합니다.

태그 사용법 예시

<resume-group title="경력">
  <resume-section
    title="회사"
    description="한 줄 설명"
    tech="React"
    period="2023.08 - 2024.09"
    role="프론트엔드 개발자"
  >
    <resume-item title="한 일">
      <ul>
        <li>상세 내용</li>
      </ul>
    </resume-item>
  </resume-section>
</resume-group>