샘플
Portfolio
웹 프로젝트
샘플
샘플
샘플
샘플
샘플
샘플
수시 수정중
포트폴리오 통합 포털
메인 홈페이지 프로젝트입니다. 개인 포트폴리오, 음악 작품, 기술 블로그, 웹 서비스 등 다양한 창작 활동을 하나의 플랫폼에서 통합 관리하는 개인 브랜딩 사이트입니다. 반응형 디자인, 다크모드, 음악 플레이어, 실시간 검색 등 현대적인 웹 기술을 적용했습니다.
운영중
데스크톱 PC 3D 분해 보기
Three.js로 만든 웹 3D 부품 모형입니다. 데스크톱 부품 8가지를 마우스 · 터치 · 키보드로 돌리고 분해해 보고, 부품을 누르면 사양과 출처가 옆 칸에 나옵니다. 분해했을 때 이름표가 겹치면 자동으로 비켜 서고, 휴대폰에서는 그리는 해상도를 낮추고 화면 밖으로 나가면 그리기를 멈추도록 맞췄습니다.
운영중 · 실제 상용
㈜엠에스건설 공식 홈페이지
실제 건설회사의 공식 홈페이지를 기획부터 배포·검색엔진 등록까지 진행한 상용 프로젝트입니다. 경기 화성 기반 건설사 ㈜엠에스건설(토공·상하수도·포장·보링그라우팅 4종 면허, ISO 3종 인증)의 기업 사이트로, 회사소개 5페이지(개요·인사말·조직도·연혁·오시는 길), 사업영역 4개 공종, 시공실적, 지속가능경영(윤리·안전보건·품질환경·수상), 채용정보, 매거진형 블로그까지 17페이지를 정적 HTML/CSS/JS로 구축했습니다. GNB 드롭다운, 화면 톤 3단계 스위치, 실적 스트립, 반응형 레이아웃에 사이트맵·서치콘솔 등록까지 기업 사이트 운영에 필요한 요소를 갖췄습니다.
완성
EMBER & GRAIN Burger
불꽃과 곡물이 만나는 프리미엄 수제버거 포트폴리오 샘플. 차콜 배경에 햄버거 재료 색(잉걸 오렌지·토마토 레드·양상추 그린·체다 옐로우·브리오슈 골드)을 담아 신선함을 표현했습니다. Bebas Neue + Noto Sans KR 타이포그래피, 풀스크린 비디오 히어로, 재료 컬러 카드 5종, 시그니처 버거 3종, 탭 전환 메뉴로 구성된 모바일 최적화 다크 테마 레스토랑 사이트입니다.
운영중
junetapa story
개인 기술 블로그입니다. 웹 개발, 프로그래밍, 창작 활동 등 다양한 주제의 글을 꾸준히 포스팅하고 있습니다. 개발 경험, 학습 노트, 프로젝트 후기 등을 통해 지식을 공유하고 기록하는 공간입니다.
완료
LUMIÈRE — 여성 캐주얼 쇼핑몰
여성 캐주얼 의류 브랜드 쇼핑몰 프론트엔드 데모. 상품 브라우징/카테고리 필터, 상품 상세 모달, 장바구니(localStorage), 관리자 대시보드 UI를 포함합니다.
완성
실시간 채팅 애플리케이션
PulseChat - WebSocket 기반 실시간 메시징 플랫폼. Socket.io로 즉시 메시지 전달, Redis Pub/Sub로 수평 확장, 파일 공유·이모지 반응·타이핑 표시까지 현대 메신저의 핵심 기능을 모두 담은 포트폴리오입니다.
완성
커피 원두 이야기
Coffee Bean Stories - 커피 원두에 대한 모든 것. 4가지 주요 커피 원두 종류(아라비카, 로부스타, 리베리카, 엑셀사)의 특징과 역사, 다양한 추출 방법을 소개하는 정보형 웹사이트입니다. 커피 문화와 지식을 체계적으로 전달하는 교육적 콘텐츠 사이트입니다.
완성
차세대 AI 휴먼노이드
AI Humanoid - 인공지능과 로봇공학의 경계를 허무는 혁신. 산업용, 가정용, 의료용 휴먼노이드 로봇을 소개하는 기업형 웹사이트입니다. 자연어 처리, 컴퓨터 비전, 모션 컨트롤 등 최첨단 AI 기술을 활용한 미래형 로봇 서비스를 소개합니다.
완성
Music Display Web
고급 웹 음악 플레이어 with 실시간 시각화. 10곡의 만수동 고양이 음악과 함께하는 프리미엄 음악 경험. 실시간 이퀄라이저 시각화, 셔플/반복재생, 음소거 기능, 네온 글로우 효과가 적용된 모던 디자인의 인터랙티브 음악 플레이어입니다. 각 트랙마다 개별 앨범 커버가 제공됩니다.
완성
OREUM Coffee Roasters
제주 오름에서 영감받은 스페셜티 카페 포트폴리오 샘플. 풀스크린 비디오 히어로, 시그니처 메뉴 카드, 카테고리 탭 전환 메뉴, 스크롤 리빌 애니메이션을 적용한 모던 카페 홈페이지입니다. Noto Serif KR + Cormorant Garamond 조합의 타이포그래피와 따뜻한 어스톤 컬러 팔레트가 특징입니다.
완성
AI 개인화 추천 시스템
Persona AI - 당신의 다음 한 걸음을 먼저 알아내는 추천 엔진. 협업 필터링·콘텐츠 기반·딥러닝을 하나로 묶어 사용자 취향을 실시간으로 학습하고 개인화된 콘텐츠를 제공하는 ML 추천 시스템 포트폴리오입니다.