🙋‍♂️ CHJ's Portfolio - 최호진의 포트폴리오

⚙️ 요구 사항(Requirements)

• Node.js 20.11.1
• yarn 1.22.21
• vite 5.2.0

💡 실행 방법(Installation)

$ cd react-pf
$ yarn
$ yan dev

🔗 웹 바로가기(Deployment)

https://choihojin.vercel.app/

🗓️ 기간(Period)

2024.06.07 ~ 2024.06.25

📚 기술 스택(Stacks)

🛣️ 개발 환경(Environment)

💫 Config

🛠️ 개발 기술(Development)

🗄️ 배포(CD)

🪄 디자인(Design)

---

📂 디렉토리 구조(Directory Structure)

react-pf
├─ .eslintrc.cjs
├─ .gitignore
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│  ├─ og.png
│  ├─ robots.txt
│  ├─ svg
│  │  ├─ icons
│  │  │  ├─ cancle.svg
│  │  │  ├─ github.svg
│  │  │  ├─ linkedin.svg
│  │  │  ├─ mail.svg
│  │  │  ├─ person.svg
│  │  │  ├─ phone.svg
│  │  │  ├─ triangle.svg
│  │  │  ├─ up.svg
│  │  │  └─ velog.svg
│  │  ├─ skills
│  │  │  ├─ axios.svg
│  │  │  ├─ css.svg
│  │  │  ├─ git.svg
│  │  │  ├─ github.svg
│  │  │  ├─ html.svg
│  │  │  ├─ js.svg
│  │  │  ├─ mui.svg
│  │  │  ├─ mysql.svg
│  │  │  ├─ next.svg
│  │  │  ├─ query.svg
│  │  │  ├─ react.svg
│  │  │  ├─ redux.svg
│  │  │  ├─ router.svg
│  │  │  ├─ sc.svg
│  │  │  ├─ supabase.svg
│  │  │  ├─ tailwind.svg
│  │  │  ├─ ts.svg
│  │  │  ├─ velog.svg
│  │  │  ├─ vercel.svg
│  │  │  ├─ vite.svg
│  │  │  └─ zustand.svg
│  │  └─ stack
│  │     ├─ github.svg
│  │     ├─ velog.svg
│  │     └─ vercel.svg
│  └─ webp
│     ├─ down.webp
│     ├─ logo
│     │  ├─ binzip.webp
│     │  ├─ coffeezip.webp
│     │  ├─ futbolista.webp
│     │  ├─ molbwa.webp
│     │  ├─ mustgo.webp
│     │  ├─ name.webp
│     │  ├─ portfolio.webp
│     │  ├─ profitty.webp
│     │  └─ web.webp
│     ├─ me.webp
│     └─ poster
│        ├─ binzip.webp
│        ├─ coffeezip.webp
│        ├─ futbolista.webp
│        ├─ molbwa.webp
│        ├─ mustgo.webp
│        ├─ portfolio.webp
│        └─ profitty.webp
├─ README.md
├─ src
│  ├─ apis
│  │  └─ project-api.ts
│  ├─ App.tsx
│  ├─ components
│  │  ├─ BlogContent.tsx
│  │  ├─ ContactButton.tsx
│  │  ├─ CustomCursor.tsx
│  │  ├─ Header.tsx
│  │  ├─ ProjectBox.tsx
│  │  ├─ ProjectContent.tsx
│  │  ├─ ProjectModal.tsx
│  │  ├─ ProjectSkeleton.tsx
│  │  ├─ Swiper.tsx
│  │  └─ TopButton.tsx
│  ├─ main.tsx
│  ├─ pages
│  │  ├─ About.tsx
│  │  ├─ Blog.tsx
│  │  ├─ Contact.tsx
│  │  ├─ Home.tsx
│  │  ├─ Project.tsx
│  │  └─ Skills.tsx
│  ├─ stores
│  │  └─ store.ts
│  ├─ supabase
│  │  └─ supabase.ts
│  └─ vite-env.d.ts
├─ tsconfig.json
├─ tsconfig.node.json
├─ vite.config.ts
└─ yarn.lock

⚡ 웹 성능 평가(Performance)

🌈 Google Lighthouse

🔥 Pingdom Website Speed Test

🏖️ 미리보기 (Preview)