Cozy Coding

2024년 무료로 포트폴리오 웹사이트 만들고 호스팅 하는 방법

2024년 무료로 포트폴리오 웹사이트 만들고 호스팅 하는 방법
Cozy CodingPosted On Aug 3, 20243 min read

2024년, 포트폴리오 웹사이트가 없으면 파티에서 스마트폰이 없는 유일한 사람과 같아요. 좀 어색하고 어색하죠! 😅 하지만 걱정 마세요, 전문적인 포트폴리오 웹사이트를 만드는 것은 생각보다 쉬워요. 게다가 Vercel에서 호스팅은 무료이며, 당신을 위한 모든 코드도 준비되어 있어요. 당신이 만들게 될 것을 보려면 My portfolio website에서 내 포트폴리오를 확인해보세요! 그러면 시작해봅시다!

준비물 📋 재미있는 일에 뛰어들기 전에 기본 사항을 정리해봐요:

  • VSCode 설치: 여러분의 주 코드 편집기가 될 거예요.
  • GitHub 가입: 코드의 새로운 집.
  • Git 설치: 버전 관리를 위해.
  • 기본 HTML 및 CSS 지식: 기본 웹페이지를 만드는 방법을 알고 있다면 괜찮아요! 👍

이미지

실제 구현 💻 코드로 조금 손을 더럽히는 것으로 가요!

  • 프로필 이미지 만들기 🖼️:

  • 가장 좋은 사진을 선택하세요 (첫인상이 중요하니까!).

  • pfp 제작기를 방문하여 사진을 업로드하고 커스터마이즈하세요. 멋진 새 프로필 사진을 다운로드하세요.

  • GitHub 저장소 설정 🛠️:

  • GitHub에 새 저장소를 만드세요.

  • GitHub 저장소를 로컬로 복제하세요 🖥️:

  • 명령 프롬프트를 열고 다음을 실행하세요:

git clone https://github.com/YourUsername/YourRepoName.git
  • 제 저장소를 복제하세요:

다른 폴더에서 아래 명령어를 사용하여 제 저장소를 복제해보세요:

git clone https://github.com/Abhiz2411/abhijit-zende-portfolio.git

여기서 모든 마법이 일어납니다! 🎩✨

  • 파일 복사 📁:

  • 내 저장소에서 .git 폴더를 제외한 모든 파일을 당신의 저장소로 복사합니다.

  • 웹사이트를 맞춤 설정하세요 🎨:

  • VSCode에서 프로젝트를 열어주세요.

  • 나의 이미지를 당신의 이미지로 바꾸고 정보를 업데이트해주세요. 이것은 내 몸에 당신의 얼굴을 놓는 것과 같아요 — 조금 기이하지만 효과적이에요!

  • 변경 사항을 추적하고 커밋하기 🔍: 다음 명령어를 VSCode 터미널에서 실행해주세요:

git add .
git commit -m "Initial commit: 포트폴리오 웹사이트"
  • 변경 사항을 GitHub에 푸시하기 🚀: 코드를 GitHub 저장소에 푸시해주세요.
git push origin main

  • Vercel에서 배포하기 🌐:

  • GitHub을 사용하여 Vercel에 가입하세요.

  • 새 프로젝트를 만들고 GitHub 저장소에 연결하세요. 간단한 단계를 따르면 됩니다. 그럼, 간결하고 멋진 포트폴리오 웹사이트가 무료로 공개됩니다!

FAQ 도움말 💡

  • GitHub Repo 복제하기: 여기 가이드 참조
  • GitHub에 첫 번째 프로젝트 공개하기: 여기 가이드 참조
  • Vercel에 웹사이트 배포하기: 상세한 튜토리얼

내 웹사이트의 기능 🌟

  • 미니멀한 디자인: 당신의 아침 커피처럼 깨끗하고 간결합니다. ☕
  • 일관된 스타일링: 누구나 지저분한 옷장을 좋아하지 않으니까요. 👔👗
  • HTML, CSS, 그리고 JS만 사용: 프레임워크나 라이브러리 없이 순수한 코드만! 💻
  • 초보자 친화적: 시작하기에 완벽합니다. 🆕
  • 부드러운 애니메이션: 버터 처럼 부드럽습니다. 🧈
  • 멋진 프로필 사진: PFP Maker 덕분에! 📸
  • 빠른 로딩: 디지털 세상에서 기다리는 건 아무도 좋아하지 않아요. ⏩
  • SEO 친화적: 검색 엔진에 주목받을 수 있도록 도와줍니다. 🌐
  • 쉽게 사용자 정의 가능: 여러분의 것으로 만들어 보세요! 🛠️

추가 기능: 다크 모드/라이트 모드 전환 🌗 누가 테마 전환을 좋아하지 않겠어요?

크레딧 🙏 테마 영감: 튜토리얼을 확인하세요

그리고 여기 있습니다! 당신만의 포트폴리오 웹사이트가 완성되었습니다. 포트폴리오를 갖는 것은 기술 세계에서 슈퍼파워를 갖는 것과 같습니다. 여러분의 기술과 프로젝트를 쇼케이스하며 잠재적인 고용주나 클라이언트들에게 눈에 띄게 작용할 수 있습니다. 파티에서 혼자 있는 사람이 되지 마세요 — 함께 다른 사람과 함께 온라인 존재감을 구축하세요!

제 포트폴리오는 여기에서 확인할 수 있습니다. 궁금한 점이 있거나 추가 도움이 필요하시면 abhijitzende75@gmail.com으로 연락해 주세요.

즐거운 코딩하세요! 🎉