react resume template
v2.0.0
이전 버전을 찾고 계십니까? 여기에서 찾을 수 있습니다.
이것은 반응 기반 개인 이력서 웹 사이트 템플릿입니다. Tailwind CSS와 함께 스타일링되고 단일 파일의 데이터로 채워진 Next.js 프레임 워크의 TypeScript가 포함 된 경우 몇 분 안에 자신의 개인 웹 사이트를 쉽게 작성, 사용자 정의 및 호스팅 할 수 있습니다. 더 좋은 점은 사이트는 모든 장치에서 빠른로드 및 깨끗한 UI를 보장하기 위해 완전히 모바일 최적화되고 서버 측면 렌더링되어 있습니다. 자신만의 방법을 배우려면 계속 읽으십시오.
이 웹 사이트를 구축하려면 컴퓨터에 최신 안정된 노드 및 원사가 다운로드 및 설치되어 있어야합니다. 아직 가지고 있지 않으면 여기에서 노드를 얻고 여기서 원사를 얻을 수 있습니다.
다음 으로이 페이지의 오른쪽 상단에서 Fork 버튼을 찾으십시오. 이렇게하면 Forking Repo의 자세한 내용은 여기를 참조하십시오. 그런 다음 Repo 페이지 상단의 녹색 Code 버튼을 사용하여 개발 시스템에 다운로드하십시오.
이 repo의 사본이 포크 및 다운로드 된 후에는 좋아하는 터미널에서 폴더를 열고 실행 yarn install 설치하여 종속성을 설치하십시오. 이어서, yarn dev 실행하여 프로젝트를 실행하십시오. 터미널에서 실행중인 인스턴스의 URL을 제공해야합니다 (일반적으로 다른 실행이없는 한 http : // localhost : 3000).
사이트의 모든 데이터는 /src/data/data.tsx 의 파일을 통해 구동됩니다. 여기에서 기존 컨텐츠를 찾을 수 있으며 여기에서 값을 업데이트하면 사이트에 반영됩니다. 위에서 설명한대로 사이트가 실행중인 경우 이러한 변경 사항이 저장에 반영됩니다. 이러한 모든 항목의 데이터 유형은 dataDef.ts 파일의 동일한 폴더에 제공됩니다. 예제 이미지는 src/images/ 에서 찾을 수 있으며 데이터 파일에서 가져옵니다. 변경하려면 동일한 이름과 위치를 사용하여 이러한 이미지를 업데이트하거나 새 이미지를 추가하고 가져 오기를 업데이트하십시오.
연락처 양식 제공 업체에 사용할 수있는 다양한 옵션으로 인해 입력 및 상태를 처리하는 한 연락처 양식을 연결했습니다. 양식 제출 및 실제 전송은 귀하의 구현에 열려 있습니다. 이메일 제공 업체에 대한 개인 추천은 SendGrid입니다.
물론, 모든 코드가 있고 아무것도 숨겨져 있지 않으므로 다른 스타일/데이터 변경을 원한다면 자유롭게 느껴집니다!
새 사이트를 Vercel에 배포하는 것은 간단하며 여기에 가이드를 따라 가면 수행 할 수 있습니다. 당신이 끝나고 빌드가 성공하면, 당신은 당신의 라이브 사이트에 대한 URL을 제공해야합니다. 거기로 가면 새로운 개인 이력서 웹 사이트를 볼 수 있습니다! 축하해요!
