Skip to content

Conradmaker/portfolio-2025

Repository files navigation

🚀 개인 포트폴리오 웹사이트

React TypeScript Tailwind CSS Next JS

현대적인 웹 기술을 활용한 개인 포트폴리오 웹사이트입니다. 나만의 프로젝트와 개발 여정을 소개합니다.

💫 주요 특징

  • 모던 UI/UX: 세련된 디자인과 매끄러운 사용자 경험
  • 반응형 레이아웃: 모든 디바이스에서 최적화된 화면 제공
  • 부드러운 애니메이션: 스크롤 기반 효과와 트랜지션
  • 최적화된 성능: Next.js를 활용한 빠른 로딩 속도

📱 프로젝트 미리보기

미리보기

🔧 기술 스택

  • 프레임워크: Next.js
  • UI 라이브러리: React
  • 스타일링: Tailwind CSS
  • 폰트: Wanted Sans 커스텀 폰트
  • 애니메이션: Lenis 스크롤 기반 애니메이션
  • 상태 관리: React Context API
  • 컴포넌트: Radix UI 기반 커스텀 컴포넌트

📋 주요 섹션

  • 소개: 개발자로서의 나에 대한 간략한 소개
  • 기술 스택: 익숙한 언어, 프레임워크 및 도구
  • 프로젝트: 주요 프로젝트 쇼케이스 및 상세 설명
  • 경력: 전문적인 경험과 업무 이력
  • 연락처: 소셜 미디어 및 연락 방법

🚀 시작하기

# 저장소 클론
git clone https://github.com/yourusername/portfolio-web.git
cd portfolio-web

# 의존성 설치
pnpm install

# 개발 서버 실행
pnpm dev

브라우저에서 http://localhost:3000을 열어 결과를 확인하세요.

📈 구현 세부 사항

  • 성능 최적화: 이미지 최적화, 코드 분할, 지연 로딩
  • SEO 친화적: 메타 태그 최적화 및 시맨틱 HTML 구조
  • 접근성: 키보드 네비게이션 및 스크린 리더 지원
  • 반응형 디자인: 모바일 우선 접근 방식

🔗 링크

📞 연락하기

프로젝트에 관한 질문이나 제안이 있으시면 아래 방법으로 연락주세요:


⭐ 이 프로젝트가 마음에 드셨다면 GitHub 저장소에 스타를 눌러주세요! ⭐

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published