YAML2CV

️ ️ ️ 이 Repo는 계속되지 않습니다. LukaHarambasic/vue-resume-comfort에서 후속 레포를 찾을 수 있습니다. ️ ️ ️

YAML2CV

데모 - 기본값

데모 - 하이테크 기업

---

할 일

새로운 기능을 원하시나요? 이슈를 만들어보세요 :)

• LinkedIn 가져오기
• 콘텐츠의 각 폴더에 대해 자동으로 페이지 및 CV 생성
• 프로덕션 시 커버레터 비활성화
• 페이지에 대한 오버플로 경고
• 주소 및 전화번호 필드 추가
• 새로운 레이아웃 추가: 기술 수준, 타임라인
• 반응성을 추가하다
• 새로운 정보를 추가하는 방법을 설명하세요.

알려진 문제

• 콘텐츠가 부족하면 교육/체험/자발성이라는 두 요소가 동선상에 있을 수도 있습니다. 빠른 수정으로 정상적으로 보일 때까지 보이지 않는 문자(공백 아님)를 최대한 추가하세요. https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top에서 복사할 수 있습니다.

---

이력서를 맞춤화하세요

1. content 로 이동하여 모든 파일을 편집하세요. 단, 파일을 삭제하거나 속성을 삭제하지 마세요(원하지 않는 경우 콘텐츠만 삭제하세요).
   1. company.yml : 회사별 정보 <- 지원하는 각 회사에 맞게 맞춤화되어야 하며 다음 용도 로 사용됩니다.
   2. education.yml : 교육 배경, 사용 대상: 이력서의 첫 페이지
   3. experienceFirstPage.yml : 업무 경험, 용도: 이력서의 첫 페이지
   4. experienceSecondPage.yml : 첫 페이지에 공간이 충분하지 않은 경우 작업 경험입니다. 두 가지를 사용하여 페이지의 프로젝트와 같은 다른 것을 표시할 수도 있습니다. 필요하지 않은 경우 세그먼트만 삭제하고 파일은 삭제하지 마세요. 다음 용도로 사용됩니다. 이력서의 두 번째 페이지
   5. footer.yml : 바닥글의 링크는 매우 유연하며 다음 용도로 사용됩니다. 각 페이지
   6. person.yml : 귀하의 개인 정보, 용도: 소개서, 이력서의 첫 페이지
   7. settings.yml : 볼 수 있는 대부분의 항목을 관리하는 중앙 허브, 모든 것이 이 파일에 설명되어 있으며 다음 용도 로 사용됩니다.
   8. skills.yml : 모든 기술, 사용 용도: 이력서의 첫 페이지
   9. voluntary.yml : 자원 봉사 활동을 위한 교육 및 경험과 같이 이력서 components/Footer.vue 의 두 번째 페이지에 로고에 사용됩니다.
2. 다양한 직무/직위에 지원하려면 다음 단계를 따라야 합니다.
   1. 사용자 정의하려는 파일을 복사할 이 직무/직위에 대한 폴더를 만듭니다. 이 저장소에는 company.yml , coverletter.yml 및 skills.yml 이 사용자 정의된 HighTechCompany 예제가 있습니다.
   2. pages 에서 pages/index.vue 복제하고 새 파일과 일치하도록 다음 줄을 사용자 정의합니다(여기서는 HighTechCompany 예에서 참조).

        import settings from '~/content/settings.yml'
        import coverletter from '~/content/HighTechCompany/coverletter.yml' //CUSTOMIZED
        import company from '~/content/HighTechCompany/company.yml' //CUSTOMIZED
        import person from '~/content/person.yml'
        import experienceFirstPage from '~/content/experienceFirstPage.yml'
        import experienceSecondPage from '~/content/experienceSecondPage.yml'
        import education from '~/content/education.yml'
        import skills from '~/content/HighTechCompany/skills.yml' //CUSTOMIZED
        import voluntary from '~/content/voluntary.yml'
        import footer from '~/content/footer.yml'
      

   3. 그런 다음 URL에 파일 이름을 추가하여 이 페이지에 액세스할 수 있습니다. HighTechCompany.vue 페이지에 대한 이 예에서는 URL에 /HighTechCompany 추가하여 http://localhost:3000/HighTechCompany 를 가져옵니다.
   4. 따라서 각 직업/직위에 대해 이 작업을 반복해야 합니다.
3. assets/scss/_settings.scss 에서 색상을 변경합니다. 주로 $c-primary 색상이지만 원하는 모든 것을 변경할 수 있지만 레이아웃이 손상될 것으로 생각됩니다.
4. 동일한 파일에서 글꼴을 변경할 수 있지만 nuxt.config.js 파일에 Google 글꼴을 추가해야 합니다(여기서 찾은 URL을 바꾸면 됩니다).

---

로컬에서 실행

1. 모든 종속 항목 설치 npm install - 이 작업은 한 번만 수행하면 됩니다.
2. npm run dev 실행하고 localhost:3000으로 이동합니다.

---

CV 생성 - MacO 및 Windows의 Chrome 버전 71.0.3578.98에서 테스트되었습니다.

1. 인쇄 대화 상자 열기
2. More settings 클릭하세요
3. 그리고 선택
   1. 용지 크기: A4
   2. 여백: 없음
   3. 규모: 100
   4. 옵션: (true) 배경 그래픽
4. 인쇄 대상으로 Save as PDF 선택합니다.
5. 그리고 그게 다야 :)

---

프로덕션 서버에서 사용

• Netlify를 통해 배포할 수 있습니다. 무료 계정이면 충분하며 원하는 경우 자신의 도메인을 추가할 수 있습니다.
• 모든 것이 공개되고 볼 수 있으므로 content 에 포함된 데이터에 주의하세요.
• Coverletter는 모바일 장치에 최적화되어 있지 않습니다.

서버에서 실행

1. npm run build
2. npm run start

도커에서 실행

1. $ docker build -t yaml2cv --build-arg NODE_ENV=production .
2. $ docker-compose up -d

도커에서 확인 중

1. 컨테이너로 이동
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

정적 HTML 생성

1. npm run generate
2. dist 폴더의 파일을 웹 서버에 복사하세요.

기술 개념

• 콘텐츠는 페이지별로 관리되어야 하므로 중앙에서 쉽게 맞춤설정할 수 있습니다.
• 객체와 같은 복잡한 속성은 없으며 기본 요소만 있습니다. 객체가 필요한 경우 해당 속성에는 예상 키가 존재하는지 확인하는 사용자 지정 유효성 검사기가 있습니다.

기술

이 프로젝트는 Nuxt.js의 Vue.js를 사용합니다.