🌇 github io 페이지 제작기 (1) - 3D Web

💡 github.io 페이지를 제작하게 된 이유

1. 공부한 내용을 정리할 사이트가 필요해서
2. 회사 전 팀원분들의 멋들어진 github io 페이지를 보고 감명받아서

개발 관련 공부를 하며 공부 내용들을 조금씩이나마 정리해야되는 needs가 생겨 앞으로 어느 플랫폼에 공부 내용을 정리할지 고민하였다. 추가적으로는 목적(TIL, Resume, Side Project)에 따라 여러 플랫폼에 분리하여 배포하기로 결정하였다.

TIL 플랫폼 후보는 총 네 개로 Velog, Vercel, Github Blog, Notion 이었고 결론적으로는 Velog에 계속 포스팅하기로 결정.

• 첫 번째 이유는 SEO가 잘 돼있어서 유입이 클 것이라는 점.
  • 이왕이면 많이 퍼져야 잘못된 지식을 고쳐줄 사람이 나타나지 않을까.
• 두 번째 이유는 각 역할대로 분배하고 소거해서 남은 플랫폼이 Velog였다는 점.
  • 결국 Vercel과 Github Blog에는 Side Project가 담길 것이고, Notion에는 코드를 고치지 않고 공개, 비공개 전환을 빠르게 할 수 있어서 정리되어 있던 Resume 고정.

완료 항목

1. github io 페이지 기획
   • 프로젝트 구조 설계, 페이지 역할/간단한 디자인 레이아웃 구상
2. github io 추가
   • 프로젝트 Repository 추가 및 CI/CD 설정
3. github io 프로젝트 초기 설정
   • tailwindCSS, package.json, three.js 세팅

목표

• Active Theory

  • 

• NCSOFT

  • 

현재

요약

마주했던 어려움

I. github io의 소스 코드를 private으로 변경이 가능하도록 구조 설계(배포 전략)

• 🎛️ GitHub Pages 소스코드를 private으로 분리하는 레포지토리 구조

II. tailwindCSS 블로그 가이드 따라 진행했는데 오류(공식 문서 체크)

• 🖌️ tailwindCSS 설치 이슈(v3->v4) 및 해결

To do List

1. 디자인/레이아웃 세부 사항 구상
2. 3D Assets 구하기
3. 오브젝트 입자별 효과 추가(필요 시 최적화)