🎨 자기소개 및 희망 직무 웹페이지

이 프로젝트는 개인 소개를 위한 웹 기반 페이지입니다. HTML과 CSS를 활용하여 시각적 효과와 사용자 친화적인 레이아웃을 구현하였으며, 다크모드를 지원합니다.

---

📁 디렉터리 구조

https://cmin03.github.io/homepage/](https://cmin03.github.io/)

📌 주요 구성

1. 홈 화면

• 여러 페이지(인삿말, 희망 직무, 기술, 프로젝트, 취미 등)로 이동 가능한 버튼 제공
• 전체적으로 부드러운 색감과 레이아웃 적용

2. 인삿말 페이지

• .greeting-card 클래스를 통한 카드 스타일 구성
• radial-gradient 배경과 text-shadow, fadeInUp 애니메이션 적용
• .shine 클래스로 반짝이는 제목 효과 구현

3. 희망 직무 페이지

• .job-box 클래스를 이용하여 여러 직무 정보를 카드 형태로 시각화
• 호버 시 부드러운 이동 애니메이션 제공

4. 기술 스킬 페이지

• .skill 박스를 통해 기술별 숙련도를 별점으로 표현
• .half 클래스로 반쪽 별 지원
• 각 기술 이름과 별점 간 명확한 시각 구분

5. 프로젝트 페이지

• .project-grid 그리드 배치로 프로젝트 정렬
• .project-box 안에 제목과 설명 포함

6. 취미 페이지

• 2x2 그리드 형태로 .hobby-box 배치
• 각 박스는 images/1.jpg ~ 4.jpg 배경 이미지 사용
• 텍스트는 좌측 상단 고정 + 그림자 효과로 가독성 향상

7. 다크모드 지원

• 버튼 #darkModeBtn 클릭 시 다크모드 전환
• .dark-mode 클래스 기반 전체 스타일 변경
• 카드 및 박스도 자동으로 어두운 테마 적용

8. 돌아가기

-돌아가기 버튼을 통해 홈화면으로 돌아가게 해주는 기능 추가

---

🛠 사용 기술

• HTML5
• CSS3 (Grid, Flex, Animation, Gradient, Box-shadow)
• JavaScript (다크모드 토글)