Next.js와 Typescript 기반으로 제작된 포트폴리오 웹 사이트예요.
간략한 소개와, 역량, 경력, 수상 및 독서 내역, 진행한 프로젝트의 내용을 담았어요.
| 분류 | 기술 스택 |
|---|---|
| 프레임워크 | Next.js (v15), Typescript |
| 스타일링 | Tailwind CSS (v4), GSAP |
| 상태 관리 | React Query |
| 패키지 매니저 | PNPM |
| 코드 스타일링 | ESLint, Prettier |
| CI/CD | GitHub Actions |
/
├── .github/workflows
├── app
│ ├── (homepage)
│ ├── career
│ │ ├── [slug]
│ ├── api
│ └── components
├── constants
├── hooks
├── libs
├── styles
├── types
└── utils-
Tailwind css 최신 버전으로 커스텀을 진행했어요.
-
ESLint 최신 버전으로 코드 스타일링을 진행했어요.
-
경력 상세 페이지는 Dynamic Routes 구조로 설계했어요.
-
GitHub Pages 에 배포하기 위해 정적 내보내기 방식으로 빌드돼요.
-
컴포넌트 구현 스타일은
components/ui에서 확인할 수 있어요.
🔗 Component/ui -
코드 스타일은
HomeTableOfContents와useAnimationFadeUp에서 볼 수 있어요.
🔗 HomeTableOfContents
🔗 useAnimationFadeUp