Portfolio Web Page

프로젝트 개요
기술 스택
주요 기능
핵심 기능
프로젝트 실행 화면
회고 및 계획

프로젝트 개요

• 프로젝트 명: 개인 포트폴리오 웹사이트
• 개발 기간: 2023년 9월 ~ 2023년 10월
• 개발 환경: HTML, CSS
• 개발 목적: 개인 프로젝트 수행력과 기술 역량을 보여줄 수 있는 포트폴리오 사이트 제작

기술 스택

주요 기능

📐 반응형 웹 디자인

• 모바일, 태블릿, 데스크톱 등 다양한 기기에서 최적화된 레이아웃 제공
• 미디어 쿼리(Media Query)를 사용하여 기기 별로 다른 CSS 스타일 적용

🖥️ 인터랙티브한 UI/UX

• carousel을 활용한 프로젝트 소개
• modal window를 사용한 contact form 구현
• smooth scrolling으로 페이지 간 이동

⚙️ 유지보수 용이성

• 코드의 모듈화와 들여쓰기를 통한 가독성 향상
• 코드 내 주석 추가로 이해도 증대
• carousel 및 modal 기능의 재사용성 확보

핵심 기능

📌 Sticky contact button

• 사용자 편의성을 위해 하단에 고정된 문의하기 버튼 제공
• Sticky position을 활용하여 스크롤 시에도 항상 노출

💬 Interaction optimization

• 모달 창을 통한 contact form 구현으로 페이지 전환 없이 사용자 응답 가능
• smooth scrolling으로 부드러운 페이지 이동 가능

프로젝트 실행 화면

메인 페이지

커리어

스킬

프로젝트

아카이빙

문의사항

모바일 버전

회고 및 계획

• HTML과 CSS로는 기능 구현에 한계가 있음
• JavaScript를 활용해 보다 다양한 기능 개발 필요
• UX/UI 개선을 위한 디자인 리뉴얼 계획 중

이번 프로젝트를 통해 HTML과 CSS 실력 향상과 반응형 웹 구현 능력을 기를 수 있었습니다. 앞으로 JavaScript 등을 학습하여 더욱 풍부한 기능과 UI를 가진 포트폴리오 사이트로 성장시키고자 합니다.