유인준 포트폴리오 (Yu Injun Portfolio)

🚀 프로젝트 소개

안녕하세요 이 프로젝트는 유인준의 개인 포트폴리오 웹사이트입니다. 저의 기술 스택, 진행한 프로젝트, 그리고 저에 대한 정보를 효과적으로 전달하기 위해 제작되었습니다. 현재 개발이 진행 중이며, 2025년 3월 4일에 시작된 꾸준히 발전하고 있는 프로젝트입니다.

✨ 주요 기술 스택

이 포트폴리오 웹사이트는 다음과 같은 기술들을 활용하여 개발되었습니다:

• 프레임워크/라이브러리: Vite, React
• 언어: TypeScript
• 스타일링: Tailwind CSS

🌐 링크

• 배포 사이트: 포트폴리오 사이트 주소

📄 설명

개인 포트폴리오를 통해 저의 역량을 보여주고, 방문자가 쉽고 빠르게 정보를 얻을 수 있도록 구성하는 것을 목표로 하였습니다.

• 간결한 디자인: 정보 전달에 집중할 수 있도록 깔끔하고 직관적인 디자인을 추구합니다.
• 주요 정보 강조: 자기소개, 프로젝트 등 핵심 내용을 중요도에 따라 배치하여 정보를 효과적으로 전달합니다.
• 지속적인 업데이트: 포트폴리오 내용은 계속해서 업데이트 및 개선될 예정입니다.

📁 디렉토리 구조

├── public/                 # 웹팩/Vite에 의해 직접 서빙되는 정적 자원 (이미지, 폰트 등)
│   └── assets/             # 프로젝트에서 사용되는 공용 이미지, 아이콘 등
├── src/                    # 애플리케이션의 핵심 소스 코드
│   ├── assets/             # 컴포넌트/페이지별 내부 자원 (이미지 등)
│   ├── components/         # 재사용 가능한 UI 컴포넌트
|   ├── data/               # 프로젝트에 대한 데이터
│   ├── styles/             # 전역 스타일 및 Tailwind CSS 설정 파일
|   ├── types/              # type 정의
│   ├── App.tsx             # 메인 애플리케이션 컴포넌트
│   └── main.tsx            # 애플리케이션 진입점

🛠️ 작업 사항

• 모던 개발 환경 구축: Vite를 사용하여 빠르고 효율적인 개발 환경을 구축했습니다.
• 컴포넌트 기반 개발: React를 활용하여 재사용 가능한 컴포넌트 기반으로 웹사이트를 구성했습니다.
• 타입 안정성 확보: TypeScript를 도입하여 코드의 안정성과 유지보수성을 높였습니다.
• 반응형 디자인: Tailwind CSS를 활용하여 다양한 디바이스 환경에서 일관된 사용자 경험을 제공하는 반응형 디자인을 구현했습니다.

Main
- GitHub 링크 - 이력서 다운로드 버튼 - 세션 링크 버튼 - 다크모드, 라이트모드 전환버튼

About Me
- 간단한 자기소개 - GitHub 링크 - 이력서 다운로드 버튼

Skills
- 프로젝트에 적용한 기술 스택

Projects
- 프로젝트에 대한 간단한 요약 - 프로젝트에 사용한 기술 스택 - 프로젝트 상세보기 버튼

Project_Details
- 프로젝트 개발 과정과 문제 해결 방법 - 라이브 데모 링크 버튼 - 깃허브 레퍼지토리 링크 버튼

Contact Me
- 이메일 및 깃허브 주소 제공