프로젝트 개요
기술 스택
주요 기능
핵심 기능
프로젝트 실행 화면
회고 및 계획
- 프로젝트 명: 개인 포트폴리오 웹사이트
- 개발 기간: 2023년 9월 ~ 2023년 10월
- 개발 환경: HTML, CSS
- 개발 목적: 개인 프로젝트 수행력과 기술 역량을 보여줄 수 있는 포트폴리오 사이트 제작
- 모바일, 태블릿, 데스크톱 등 다양한 기기에서 최적화된 레이아웃 제공
- 미디어 쿼리(Media Query)를 사용하여 기기 별로 다른 CSS 스타일 적용
- carousel을 활용한 프로젝트 소개
- modal window를 사용한 contact form 구현
- smooth scrolling으로 페이지 간 이동
- 코드의 모듈화와 들여쓰기를 통한 가독성 향상
- 코드 내 주석 추가로 이해도 증대
- carousel 및 modal 기능의 재사용성 확보
- 사용자 편의성을 위해 하단에 고정된 문의하기 버튼 제공
- Sticky position을 활용하여 스크롤 시에도 항상 노출
- 모달 창을 통한 contact form 구현으로 페이지 전환 없이 사용자 응답 가능
- smooth scrolling으로 부드러운 페이지 이동 가능
- HTML과 CSS로는 기능 구현에 한계가 있음
- JavaScript를 활용해 보다 다양한 기능 개발 필요
- UX/UI 개선을 위한 디자인 리뉴얼 계획 중
이번 프로젝트를 통해 HTML과 CSS 실력 향상과 반응형 웹 구현 능력을 기를 수 있었습니다. 앞으로 JavaScript 등을 학습하여 더욱 풍부한 기능과 UI를 가진 포트폴리오 사이트로 성장시키고자 합니다.