소프트웨어 및 풀스택 개발자 세부 사항에 열정적인 영원한 학습자 문제 해결과 창작에 특화되어 있습니다. ⚡

📍 Málaga, España
Málaga

Andalucía

말라가

기술

이것은 제가 가장 자주 사용하는 기술이지만, 다른 많은 기술로도 작업했습니다.

경력

  1. Experto Digital® 소프트웨어 개발자

    WordPress 생태계(Elementor Pro, WooCommerce)를 사용한 비즈니스 및 전자상거래를 위한 완전한 웹 솔루션 설계 및 구축. 콘텐츠 아키텍처, 매력적인 인터페이스, 기술적 속도 개선 및 SEO 포지셔닝에 중점을 둡니다.

  2. Dimap® 소프트웨어 개발자 및 프론트엔드 개발자

    DIMAP의 주요 플랫폼 개발 및 유지 관리, GM 및 CEJ 아카데미와 같은 고객을 위한 프로젝트. 최신 프론트엔드 개발 기술을 사용하여 사용자 경험, 성능 및 확장성에 중점을 둔 현대적이고 최적화된 인터페이스 구현.

  3. Gubb Marketing® 소프트웨어 개발자

    소프트웨어 개발 및 웹 애플리케이션.

  4. Agrooe® 및 Gubb Marketing®를 위한 Agrooe-Cashback 개발

    Agrooe® 회사의 캐시백 시스템 관리에 중점을 둔 웹 애플리케이션을 처음부터 개발. 데이터베이스, 백엔드 및 프론트엔드의 웹 애플리케이션 개발.

프로젝트

노바티스 웹사이트

노바티스 웹사이트

마이크로시멘트 애플리케이션 전문 회사인 GM Microcementos를 위한 기업용 웹 플랫폼 개발 완료. 성능, SEO 및 탁월한 사용자 경험에 중점을 둔 15개의 최적화된 페이지로 구성된 전문 웹사이트. 예산 계산기, 필터링 가능한 프로젝트 갤러리, 고급 양식 및 미니멀리스트 디자인 시스템을 포함합니다. 100개 이상의 재사용 가능한 구성요소가 포함된 모듈식 아키텍처로 핵심 웹 바이탈에 최적화되어 있습니다.

CEJ 아카데미 웹사이트

CEJ 아카데미 웹사이트

말라가의 공무원 시험 전문 아카데미인 아카데미아 CEJ를 위한 웹 플랫폼입니다. 블로그, 가상 캠퍼스, 지식 테스트, 등록 시스템 및 코스 관리 기능을 갖춘 완전 반응형 웹사이트입니다. Next.js 14, React 18, Tailwind CSS, Framer Motion 및 Docker로 개발되었습니다.

DIMAP 웹사이트

DIMAP 웹사이트

최적의 성능과 원활한 경험을 제공하는 데 중점을 둔 Next.js 15, React 19, Redux 툴킷 및 TailwindCSS 기반의 최신 애플리케이션인 Dimap의 기업 사이트 개발 프로젝트입니다. 이 프로젝트에는 서비스 페이지, 블로그, 기업 섹션 및 리드 추적 양식이 포함되어 있으며, 모두 모듈식 아키텍처를 기반으로 구축되었고 SSG, 지연 로딩 및 ClientLoader를 사용하여 고도로 최적화된 로딩이 이루어졌습니다.

DevCrate

DevCrate

DevCrate는 개발 리소스(도구, 라이브러리, 에셋, 문서, 챌린지)를 검색할 수 있는 플랫폼입니다. 프로젝트에 필요한 리소스가 필요하거나 영감을 얻기 위해 수많은 페이지를 검색한 적이 있으신가요? 그래서 제가 이 플랫폼을 만든 이유는 수년 동안 발견한 리소스를 정리하고 잃어버리지 않고, 흩어진 북마크에 의존하지 않고도 빠르게 찾을 수 있도록 하기 위해서입니다. 이 플랫폼에는 고급 검색, 태그별 필터, 모든 콘텐츠를 관리할 수 있는 관리자 영역이 포함되어 있습니다. 또한 커뮤니티의 제안을 통해 유용한 도구를 계속 수집할 수 있습니다. 이 앱은 보안 인증과 shadcn/ui 기반의 최신 인터페이스를 갖춘 Next.js, React, TypeScript 및 MongoDB로 구축되었습니다.

Cmd+kit

Cmd+kit

Cmd+kit은 웹 제품을 위한 재사용 가능한 명령 팔레트 시스템으로, 일관되고 접근하기 쉬운 인터페이스에서 빠른 검색, 키보드 탐색 및 작업 실행을 제공하도록 설계되었습니다. 동작 및 시각적 사용자 지정의 동일한 기반을 유지하면서 React, Vue, Preact 및 Astro용 공식 어댑터를 사용하여 다양한 스택에 쉽게 통합할 수 있도록 설계되었습니다. 전체 문서와 테마 구성, 명령 구조, 바로 사용 가능한 코드 내보내기를 위한 대화형 플레이그라운드가 포함되어 있습니다. 각 프로젝트의 흐름에 따라 npm, pnpm, yarn 또는 bun으로 설치할 수 있습니다.

계약 키트 - API 계약 생성기

계약 키트 - API 계약 생성기

Zod SVG Icon

npm에 게시된 CLI 툴킷 + 라이브러리로, 단일 타입의 JSON 파일에 API 계약을 정의하고 공유 TypeScript 유형, Angular 클라이언트, Zod를 사용한 런타임 유효성 검사 및 NestJS용 컨트롤러를 자동으로 생성할 수 있습니다. 프론트엔드와 백엔드 간의 동기화 불일치를 제거하고, 코드 중복을 방지하며, 계약 스냅샷을 통해 변경 사항을 감지합니다. 테스트를 위한 모의 생성 및 재사용 가능한 여러 패키지를 기반으로 하는 모듈식 아키텍처를 포함합니다.

인증서

풀스택 웹 개발자 자격증

풀스택 웹 개발자 자격증

HTML, CSS, React를 사용한 인터페이스 생성, Node.js, MongoDB를 사용한 백엔드 개발, 데이터베이스 관리 및 DevOps 도구를 사용한 배포 등 많은 다른 기술을 포함한 풀스택 웹 개발 교육.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

이 과정에서 JavaScript(ES2023 및 ES2024)의 최신 기능을 배웠고, 배열, 객체 및 세트에 대한 새로운 메서드, 프로미스 처리 및 논리 연산자의 개선 사항을 포함했습니다. 또한 코드를 최적화하고 더 읽기 쉽게 만드는 기술을 습득하여 현대 프로젝트에 최신 언어 기능을 적용했습니다.

Model Context Protocol(MCP) 고급 주제

Model Context Protocol(MCP) 고급 주제

Model Context Protocol(MCP)의 고급 과정으로, 서버-클라이언트 통신, 전송 메커니즘, 프로덕션 배포를 위한 실전 구현 패턴에 집중합니다. AI 모델 연동을 위한 sampling, 진행률/로깅 알림, roots 기반 파일 접근 제어, JSON 메시지 아키텍처, stdio 및 StreamableHTTP(SSE) 전송, HTTP 제약 사항, 그리고 확장성과 기능 요구사항에 따른 전송 방식 선택 기준을 다룹니다.

Agent Skills 입문

Agent Skills 입문

Claude Code에서 Skills를 만들어 활용해 반복 지시를 줄이고 일관된 워크플로를 유지하는 과정입니다. SKILL.md 작성, allowed-tools 설정, 팀 공유, subagents 연동, 그리고 트리거·우선순위·실행 오류 문제 해결을 다룹니다.

Claude Code in Action

Claude Code in Action

이 과정에서 실제 소프트웨어 개발 작업에 Claude Code를 적용하는 방법을 심화하며, AI 코딩 어시스턴트의 아키텍처와 통합 도구를 통해 코드베이스와 상호작용하는 방식을 이해했습니다. 맥락을 효과적으로 관리하고, 복잡한 워크플로를 위해 여러 도구를 결합하며, 재사용 가능한 자동화를 만들고, MCP 서버로 기능을 확장하는 방법을 배웠습니다. 또한 코드 리뷰와 팀 협업을 위한 GitHub 통합을 실습하고, 기술 과제의 복잡도에 따라 계획 및 추론 모드를 적용했습니다.

Building with the Claude API

Building with the Claude API

Anthropic API를 통해 Claude를 애플리케이션에 통합하는 개발자 대상 실무형 과정입니다. 인증 및 요청 설정, 멀티턴 대화, 시스템 프롬프트, 구조화 출력, 도구 사용, RAG 아키텍처(청킹, 임베딩, 문맥 검색), 멀티모달 기능(텍스트, 이미지, PDF), 프롬프트 캐싱, MCP 연동, Claude Code 워크플로를 다룹니다.

저에 대해 조금 더 알아보세요

안녕하세요! 저는 Fran입니다. 풀스택 | 소프트웨어 개발자

다양한 웹 기술을 다루는 데 경험이 있습니다. 그럼에도 불구하고, 제 전문 분야이자 주된 관심사는 프론트엔드 개발입니다.

아주 어릴 적부터 컴퓨터와 모바일 기기를 탐구하고 실험해 왔으며, 소프트웨어와 하드웨어 양쪽 측면에서 그 작동 원리를 깊이 파고들었습니다. 수년 동안 직접 기기를 만져보며 문제를 해결해 나가는 과정을 통해 많은 것을 배웠고, 이러한 경험은 저의 호기심과 기술적 역량을 더욱 키워주었습니다.