모든 프로젝트

제가 개발한 프로젝트 중 일부를 살펴보세요

GM Microcementos Website

마이크로시멘트 전문 기업 GM Microcementos를 위한 기업 웹 플랫폼 완전 개발. 성능, SEO, 뛰어난 사용자 경험에 초점을 맞춤 15개 최적화 페이지로 구성된 전문 웹사이트. 예산 계산기, 필터링 가능한 프로젝트 갤러리, 고급 양식, 미니멀 디자인 시스템을 포함. 100개 이상의 재사용 가능한 컴포넌트와 Core Web Vitals 최적화를 갖춘 모듈러 아키텍처.

세부 정보 보기

Academia CEJ Website

말라가의 사법 경쟁 시험을 전문으로 하는 Academia CEJ의 웹 플랫폼. 블로그, 가상 캐퍼스, 지식 테스트 시스템, 등록 시스템, 코스 관리를 갖춘 완전 반응형 웹사이트. Next.js 14, React 18, Tailwind CSS, Framer Motion, Docker로 개발.

세부 정보 보기

DIMAP 웹사이트

Next.js 15, React 19, Redux Toolkit, TailwindCSS 기반의 현대적인 애플리케이션인 Dimap 기업 웹사이트 개발. 최적의 성능과 부드러운 사용자 경험을 제공하도록 설계되었습니다. 서비스 페이지, 블로그, 기업 섹션, 리드 추적 폼 등을 포함하며, SSG, Lazy Loading, ClientLoader를 이용한 고도로 최적화된 모듈형 아키텍처로 구축되었습니다.

세부 정보 보기

Agrooe 캐시백

이 웹사이트에서 저는 팀과 함께 고품질 제품 판매와 지역 상업 발전에 전념하는 플랫폼을 처음부터 개발했습니다. 개념에서 실습까지 백엔드와 프론트엔드를 모두 만들며 작업했습니다. 다양한 기술 외에도 사용자 계정 관리 및 로그인을 위한 JWT, 모든 데이터 제어를 위한 대시보드 등의 통합을 구현했습니다. 다양한 소셜 네트워크로 로그인, 제품 구매를 위한 사용자 계정 생성 또는 제품 추가를 위한 회사 계정, 해당 제품을 찾을 수 있는 가장 가까운 위치의 지도 등의 기능이 있습니다. 기밀상의 이유로 코드는 표시되지 않습니다.

세부 정보 보기

AirPods Pro 2 웹사이트 클론

Apple AirPods Pro 2 공식 히어로 섹션을 재현하며, GSAP과 ScrollTrigger를 활용한 고급 애니메이션 기술 습득에 집중한 프로젝트입니다. 스크롤과 동기화된 65프레임 Canvas 렌더링 시퀀스, 부드러운 트랜지션, 동적 내비게이션, 그리고 Apple의 원본 경험에서 영감을 받은 시각 효과를 구현했습니다. 고성능 웹 애니메이션을 향상시키기 위한 프로젝트입니다.

세부 정보 보기

Angular을 사용한 객체 감지 PWA

Angular 19와 TensorFlow.js를 사용하여 실시간 객체 감지를 위한 PWA를 개발합니다. PWA 구성, TensorFlow.js 통합, 실시간 이미지 캡처 및 처리, Web Workers와 Lazy Loading을 통한 최적화, IndexedDB를 이용한 오프라인 저장소, 모바일 기기 배포가 포함됩니다.

세부 정보 보기

GTA VI 랜딩 페이지 클론

Grand Theft Auto VI 랜딩 페이지 클론. 교육 목적과 웹 개발 기술 시연을 위해 만들어졌습니다. 모든 데스크톱 해상도(1024px - 4K)에 최적화된 반응형 디자인을 갖춘 현대적인 웹사이트. GSAP를 사용한 고급 애니메이션이 있는 드롭다운 메뉴, 이미지가 있는 동적 캐릭터 및 위치 쇼케이스 시스템, 미리보기가 있는 인터렉티브 트레일러 섹션, 애니메이션 카드가 있는 다운로드 섹션을 포함합니다. 비영리 교육 프로젝트로 Astro, Tailwind CSS, JavaScript로 개발.

세부 정보 보기

3D 데스크 구성 도구

Three.js와 TresJS를 3D 모델로 학습하기 위한 연습 프로젝트. 다양한 마감 및 색상 옵션으로 스탠딩 데스크를 맞춤 설정할 수 있는 대화형 웹 애플리케이션. 궤도 컨트롤이 있는 3D 뷰, 노트북, 헤드폰, 장식용 식물의 3D 모델을 포함합니다. 데스크 마감을 맞춤 설정하고 실시간 미리보기로 액세서리 색상을 선택하세요. Vue 3, TresJS(Three.js와 Vue 통합), TypeScript, Vite, UnoCSS로 개발.

세부 정보 보기