포트폴리오가 있어야 하는 이유는 무엇입니까? 왜 안돼!

포트폴리오는 굉장합니다! 우리 개발자들이 우리의 성격을 HTML, CSS 및 Javascript 묶음으로 변환할 수 있는 더 쉬운 방법이 있습니까? 블로그를 작성하고, 무엇이든 욕하고, 프로젝트에 전문적인 쇼케이스를 제공할 수 있습니다. 구직자, 프리랜서 또는 indiehacker .

이 글은 최소한의 작업으로 포트폴리오를 설정하는 방법에 대한 겸손한 가이드일 뿐입니다. 이것이 내가 한 방법이며, 동일한 것을 원하고 기본적인 HTML 및 CSS 기술을 가진 사람은 누구나 내 손님이 되어 주십시오. 🚀

1단계: 웹사이트 구축

옵션 A: 정적 사이트 코딩

시작하는 가장 쉬운 방법은 일반 HTML, CSS 및 최소 JS/jquery로 작성된 정적 사이트를 사용하는 것입니다. 무료로 사용 가능한 트윅some of the 템플릿을 사용할 수 있습니다. 또는 정말로 자신의 기술을 과시하고 싶다면 독창적이고 진정한 자신의 것을 만들 수 있습니다.

레이아웃 및 디자인 영감을 얻으려면 커뮤니티에 있는 놀라운 사람들의 개인 웹사이트를 둘러볼 수도 있습니다. 아이디어는 최소한의 노력으로 웹사이트를 단순하고 미학적으로 유지하는 것입니다.Show your personal site/blog Hackernews에 계속해서 자주 나타나며 훌륭한 영감의 원천이 될 수 있습니다.

링크: frequent HN queries on portfolio showoffs

옵션 B: 정적 사이트 생성기 사용

전체 HTML 페이지를 코딩하는 번거로움을 겪고 싶지 않다면 다른 선택은 Hugo , Jekyll 또는 Gatsby 과 같은 정적 사이트 생성기를 사용하는 것입니다. 그들은 간단한 학습 곡선과 놀라운 문서를 가지고 있습니다. 그리고 그에 따라 맞춤화할 수 있는 다양한 테마를 제공합니다.

Personal Note: I built my first site with hugo - up and running in just a few minutes. But dropped it later, as the confinement of themes just didn't felt right to me.

웹사이트 디자인이 만족스러우면 바로 사용할 수 있습니다!

2단계: 사이트 배포

웹 사이트를 구축하는 동안 백엔드 프레임워크를 사용한 적이 있다면(저는 사용하지 않았습니다) Heroku , AWS , Google Cloud 을 사용하여 거의 무료로 서버를 배포할 수 있습니다.
그러나 그것이 html & css라면; Netlify , Github Pages 또는 Firebase이 가장 쉬운 방법입니다. 저는 과거에 이 세 가지를 모두 사용해 보았고 몇 분 안에 귀하의 사이트가 이 세 가지를 사용하게 될 것입니다.

여기에서 도메인 이름을 선택할 수 있지만( 사용 가능한 경우 ofc ), 유일한 타협은 URL에서 얻을 사용자 지정 접미사입니다. 다음 섹션은 그것을 피하는 것에 관한 것입니다.

(선택 사항) 도메인 이름 구매

이름 뒤에 .com이 있는 것만큼 좋은 것은 없습니다. 그렇죠? 😎

운이 좋지 않더라도(일반 이름으로), 아주 저렴한 가격(최저 $10-12)으로 쉽게 이름의 도메인을 얻을 수 있습니다. yourname.com를 선택하면 namecheap.com의 야수 검색 모드(이름을 사용하지 마세요. 정말 멋집니다)는 비슷한 가격대에서 다음으로 사용 가능한 옵션을 제안할 수 있습니다.

도메인 이름으로 실명/별명 대 가명을 사용하는 것에 대해 많은 논쟁이 있었습니다. 내 생각에, 당신의 가명이 온라인에서 더 유명하지 않는 한 사람들이 당신의 이름으로 검색할 가능성이 더 높기 때문에 원래 이름으로 가는 것이 가장 좋습니다( ahem...PewDiePie).

이제 포트폴리오가 완성되었습니다. 하지만 잠깐, Google 검색에 이름을 입력하고 포트폴리오는 마지막 페이지의 마지막 검색에도 없습니다. 볼 수 있는 것은 다른 플랫폼의 프로필과 몇 년 전에 로그인한 여러 항목뿐입니다.

What the hell happened? What was the point of a tree falling in the forest if no one's there to listen to its sound!

3단계: 귀하의 사이트를 전 세계에 공개하기

다음은 SEO를 높이는 몇 가지 입증된 팁입니다.

Google 검색은 백링크에서 작동합니다. 즉, 귀하의 사이트를 가리키는 브랜드 소스가 많을수록 순위가 높아집니다. 따라서 모든 소셜 미디어 프로필에 놀라운 사이트를 추가하십시오.

또한 여기에서 콘텐츠가 핵심입니다. 따라서 블로그/비디오/사진과 같이 사이트에 계속해서 더 많은 콘텐츠를 작성해야 합니다. 그리고 귀하의 사이트를 가리키는 더 많은 청중이 있는 플랫폼에 게시하여 Google 크롤러에 귀하의 사이트가 있음을 알릴 수 있습니다.

또 다른 팁: 웹사이트 URL을 모든 이미지나 파일에 메타 콘텐츠로 지정하십시오.예:

<img src="img.jpg" alt="www.aayush4vedi.com">

( ͡° ͜ʖ ͡°)

이 작업을 계속하고 몇 주 안에 최상위 Google 검색 결과에 귀하의 사이트가 표시되기를 바랍니다.