프로젝트 한눈에 보기
포트폴리오 웹사이트 2025
쉽게 말하면
프로필과 프로젝트 정보를 한 화면에서 효과적으로 전달하도록 제작한 정적 HTML 기반 포트폴리오입니다. 반응형 레이아웃, 다크 모드, 슬라이드와 모달 인터랙션을 적용하고 정적 자산만으로 배포 가능한 구조를 구성했습니다.
HTML / SCSS / JavaScript / jQuery / Swiper
01 / PROJECT NOTE
제가 맡고 끝까지 책임진 일
완성 화면만 나열하지 않았습니다. 왜 그렇게 만들었고 어떤 변화를 남겼는지 차례대로 설명합니다.
문제를 이렇게 풀었습니다
- HTML / SCSS 기반의 단일 페이지 포트폴리오 IA와 화면 디자인 설계
- 다크/라이트 모드, Swiper 프로젝트 영역, 모달 인터랙션 구현
- 프로필 이미지, 목업, OG 이미지, 이력서 정적 파일까지 함께 관리
그래서 실제로 달라진 점
- 프레임워크 없이 정적 자산만으로 단일 페이지 포트폴리오를 완성해 배포
- 콘텐츠 전달과 인터랙션 구현에 집중한 경량 정적 사이트 구조 확보
이 프로젝트에서 눈여겨볼 점
- 별도 프레임워크 없이도 안정적으로 동작하는 반응형 단일 페이지 구현
- 정적 자산 중심 구성으로 간단한 배포와 유지관리 가능
02 / SCREENS
화면으로 확인하기
말보다 화면이 빠를 때가 있습니다. 실제 결과물에서 구현의 디테일을 확인해 보세요.
