포트폴리오를 만들기 시작해 무료로 공개한다(우선은 형태만)

4751 단어 HTML포트폴리오Firebase
프리랜서에서 일한다면 포트폴리오는 필수입니다.
나는 지금까지 없어도 어떻게 되어 있었습니다만, 역시 앞으로는 필요하다고 피부로 느끼고 있습니다.

무료로 포트폴리오를 만들 수 있는 웹 서비스도 많이 있다고 생각합니다만,
나는 실릴 수 있는 제작 실적이 별로 없기 때문에, 포트폴리오 자체를 제작 실적의 일부로 해 버리고 싶다,
굳이 자작을 선택했습니다.

다만, 시간도 예산도 거의 없기 때문에, 무료로 빨리 우선은 공개하고 싶다,
원래 계정을 가지고 있던 firebase에 포트폴리오용 프로젝트를 추가하여 공개했습니다.

firebase에 프로젝트 추가





포트폴리오용 프로젝트 구성 만들기


mkdir portfolio

firebase 구성 파일 준비



portfolio/firebase.json
{
  "hosting": {
    "public": "public"
  }
}

설치되지 않은 경우 Firebase 도구를 전역 설치


npm install -g firebase-tools

firebase에 로그인하고 프로젝트 초기화


cd portfolio
firebase login

firebase init 

#firebase管理コンソールで追加したプロジェクトへホスティングするように選択
? Which Firebase CLI features do you want to setup for this folder? Press Space to select features, then Enter to confirm your choices. (Press <space> to select)
◯ Hosting: Configure and deploy Firebase Hosting sites

? Select a default Firebase project for this directory: (Use arrow keys)
portfolio

#これが出たら初期設定完了
✔  Firebase initialization complete!
Project creation is only available from the Firebase Console

업로드할 HTML 파일 준비


mkdir public
touch index.html

index.html의 내용을 기술 (우선은 형태만 적당히...)


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Masaaki Uegaki</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="msapplication-starturl" content="/">
</head>
<body>
  Hello Portfolio!
</body>
</html>

완성된 프로젝트 구성


firebase에 배포


firebase deploy
✔ Deploy complete!

이것으로 공개 완료입니다.
htps : //포rt후오오893에 f. 흠뻑 빠지다 p. 코m/

그럼, 중요한 포트폴리오의 내용을 앞으로 만듭니다. . .
원래 포트폴리오 만들기
포트폴리오를 만들기 시작해 무료로 공개한다(Webpack4 사용해 보았다)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage