깃허브로 HTML, CSS 기반 이력서 사이트 만들기

프로그래머를 위한 깃허브 이력서 사이트 제작 방법

HTML, CSS로 나만의 포트폴리오 사이트 만들기

개발자 이력서, 깃허브 페이지로 쉽게 만들자

기사보기 상단_1

 

개발자들이 자신의 역량을 효과적으로 보여줄 수 있는 방법 중 하나는 깃허브(GitHub)를 활용해 HTML과 CSS로 만든 이력서 사이트를 배포하는 것이다. 이력서 사이트를 통해 자신만의 포트폴리오를 시각적으로 매력적으로 표현할 수 있으며, 코드 능력을 직접적으로 보여줄 수 있다. 다음은 깃허브에서 HTML, CSS 파일로 이력서 사이트를 만드는 방법이다.

<이미지 출처 : IT개발자협동조합 기자단>

1. 이력서 사이트의 기본 구조 설계
먼저, HTML과 CSS로 이력서 사이트의 기본 구조를 설계한다. HTML 파일에서는 이력서의 각 섹션(예: 소개, 경력, 프로젝트, 연락처 정보 등)을 구성하고, CSS 파일을 사용해 디자인과 레이아웃을 꾸민다. 간결하고 깔끔한 디자인을 유지하면서, 주요 정보가 잘 전달될 수 있도록 한다.

 

2. 깃허브 레포지토리 생성 및 파일 업로드
이력서 파일이 준비되면, 깃허브에서 새로운 레포지토리를 생성한다. 레포지토리 이름은 "username.github.io"로 설정하면 깃허브 페이지를 통해 바로 웹사이트를 배포할 수 있다. 생성된 레포지토리에 HTML, CSS 파일을 업로드하고, 추가적인 이미지나 자바스크립트 파일이 있을 경우 함께 업로드한다.

 

3. 깃허브 페이지 설정 및 배포
레포지토리에 파일을 모두 업로드한 후, 깃허브 페이지(GitHub Pages) 기능을 사용해 이력서 사이트를 배포한다. 깃허브 페이지는 무료로 제공되며, 설정 후 바로 이력서 사이트를 온라인에서 확인할 수 있다. 레포지토리의 설정 탭에서 깃허브 페이지를 활성화하고, 브랜치를 선택한 후 "Save"를 클릭하면 배포가 완료된다.

 

4. 지속적인 업데이트와 관리
이력서 사이트를 배포한 후에도 꾸준히 업데이트하고 관리하는 것이 중요하다. 새로운 프로젝트나 경력 사항이 생길 때마다 HTML 파일을 수정하고, 디자인에 변화를 주고 싶을 때는 CSS 파일을 업데이트한다. 깃허브의 버전 관리 기능을 활용해 과거의 이력서를 보관할 수도 있다.

 

이렇게 만든 이력서 사이트는 언제 어디서나 접근할 수 있고, 링크 하나로 간편하게 공유할 수 있다. 또한, 코드 실력을 직접 보여줄 수 있는 포트폴리오로도 활용 가능하다.

IT개발자협동조합 기자단 kodec@devtimes.co.kr
작성 2024.08.27 11:08 수정 2024.08.28 10:28
Copyrights ⓒ 청년개발자신문. 무단 전재 및 재배포금지 IT개발자협동조합 기자단 뉴스보기
댓글 0개 (1/1 페이지)
댓글등록- 개인정보를 유출하는 글의 게시를 삼가주세요.
등록된 댓글이 없습니다.
Shorts For You 더보기
AI시대, 꼭 필요한 직업은? Feat 대기업 부트캠프 추천 #인공지..
데브타임즈 소개 (청년개발자신문)
치매 걸릴지 말지, AI가 2년 전에 미리 알려준다! #치매 #ai #a..
AI 시대, 한국 없이는 불가능하다고? 전 세계가 우리에게 주목하는 이유..
AI 시대, 일하지 않아도 된다?
한 문장으로 만든 AI 애니메이션? 진짜 6번 클릭이 끝!
[CNS News] LG CNS, 퓨리오사AI와 NPU 기반 AI 서비스..
애플이 준비하는 폴더블 대잔치 ㄷㄷ #it뉴스 #애플 #갤럭시z폴드7
absolute를 했는데 내가 원하는 위치로 안옵니다. #Shorts
서비스 오픈날 DB가 비어있었다...#shorts
GPT로 남자친구 만들기..? || Dan 남자친구 #shorts
만우절을 맞이한 AI 기업들 #shorts
드립자판기인 줄ㅋㅋㅋ 조용했던 릴리의 반전 매력 #shorts
설렘 유발하는 옐로우의 세심함 #shorts
AI가 그린 판교 개발자의 일상 #shorts
의외로 먹힌(?) 노빠꾸 플러팅 #shorts
개발자 커플만 가능한 데이트?! #shorts
신개념 '굳은살' 플러팅 보여주는 블랙 ㅋㅋㅋㅋ #shor..
"버튜버 닮았어요" 인싸는 이해하기 힘든 플러팅 #sh..
이거 코딩한 놈 누구냐 #shorts
딴 여자랑 헷갈려서 말실수한 블루 ㄷㄷㄷ #shorts
400만 유튜버의 노련한 소개팅 팬서비스 #shorts
축구감독도 AI가..? || 리버풀 & 딥마인드 '택틱AI..
???: 저는 제 MBTI 안 정해놨어요 #shorts
개발자에게 먹히는 멘트 배워온 릴리 (근데... 플러팅 가능??) #sh..
AI가 대신 말해줍니다? || AI 성대 #shorts
챗GPT에게 삼행시를 시켜봤다 #shorts
한마디로 소개팅 분위기 박살낸 블랙 ㄷㄷㄷㄷ #shorts