접근성
텍스트 크기
100%
고대비
애니메이션
Francisco José Rodríguez
Software Developer
Francisco José Rodríguez
Software Developer
Andalucía
📍 말라가, 스페인
이것은 제가 가장 자주 사용하는 기술이지만, 다른 많은 기술로도 작업했습니다.
WordPress 생태계(Elementor Pro, WooCommerce)를 사용한 비즈니스 및 전자상거래를 위한 완전한 웹 솔루션 설계 및 구축. 콘텐츠 아키텍처, 매력적인 인터페이스, 기술적 속도 개선 및 SEO 포지셔닝에 중점을 둡니다.
DIMAP의 주요 플랫폼 개발 및 유지 관리, GM 및 CEJ 아카데미와 같은 고객을 위한 프로젝트. 최신 프론트엔드 개발 기술을 사용하여 사용자 경험, 성능 및 확장성에 중점을 둔 현대적이고 최적화된 인터페이스 구현.
소프트웨어 개발 및 웹 애플리케이션.
Agrooe® 회사의 캐시백 시스템 관리에 중점을 둔 웹 애플리케이션을 처음부터 개발. 데이터베이스, 백엔드 및 프론트엔드의 웹 애플리케이션 개발.
Next.js 15, React 19, Redux Toolkit, TailwindCSS 기반의 현대적인 애플리케이션인 Dimap 기업 웹사이트 개발. 최적의 성능과 부드러운 사용자 경험을 제공하도록 설계되었습니다. 서비스 페이지, 블로그, 기업 섹션, 리드 추적 폼 등을 포함하며, SSG, Lazy Loading, ClientLoader를 이용한 고도로 최적화된 모듈형 아키텍처로 구축되었습니다.
이 프로젝트에서 저는 팀과 협력하여 고품질 제품 판매 및 지역 상거래 지원에 초점을 맞춘 플랫폼을 처음부터 구축했습니다. 개념에서 실습까지 백엔드와 프론트엔드를 모두 만들며 작업했습니다. 다양한 기술 외에도 사용자 계정 관리 및 로그인을 위한 JWT, 모든 데이터 제어를 위한 대시보드 등의 통합을 구현했습니다. 다양한 소셜 네트워크로 로그인, 제품 구매를 위한 사용자 계정 생성 또는 제품 추가를 위한 회사 계정, 해당 제품을 찾을 수 있는 가장 가까운 위치의 지도 등의 기능이 있습니다. 기밀상의 이유로 코드는 표시되지 않습니다.
DevCrate는 개발 리소스(도구, 라이브러리, 에셋, 문서, 챌린지)를 발견하기 위한 플랫폼입니다. 프로젝트에 필요한 리소스나 단순한 영감을 찾다가 끝없이 많은 페이지를 떠돌게 된 적이 있지 않나요? 그래서 이 플랫폼을 만들었습니다. 수년 동안 발견한 리소스를 체계적으로 정리해 잃어버리지 않고, 흩어진 북마크에 의존하지 않아도 빠르게 찾을 수 있게 하기 위해서입니다. 고급 검색, 태그 필터, 전체 콘텐츠를 관리할 수 있는 관리자 영역을 포함하고 있습니다. 또한 커뮤니티 제안을 받아 유용한 도구를 계속 수집할 수 있습니다. Next.js, React, TypeScript, MongoDB로 구축했으며, 안전한 인증과 shadcn/ui 기반의 현대적인 인터페이스를 제공합니다.
HTML, CSS, React를 사용한 인터페이스 생성, Node.js, MongoDB를 사용한 백엔드 개발, 데이터베이스 관리 및 DevOps 도구를 사용한 배포 등 많은 다른 기술을 포함한 풀스택 웹 개발 교육.
.fAHHHQi5_Z1oI12x.webp)
이 과정에서 JavaScript(ES2023 및 ES2024)의 최신 기능을 배웠고, 배열, 객체 및 세트에 대한 새로운 메서드, 프로미스 처리 및 논리 연산자의 개선 사항을 포함했습니다. 또한 코드를 최적화하고 더 읽기 쉽게 만드는 기술을 습득하여 현대 프로젝트에 최신 언어 기능을 적용했습니다.
이 과정에서 고도로 자율적인 코딩 어시스턴트인 Claude Code 사용을 깊이 배웠고, 복잡한 프로젝트를 효율적으로 작업하기 위한 베스트 프랙티스를 학습했습니다. Claude에게 명확한 컨텍스트를 제공하는 방법, 여러 인스턴스를 병렬로 조정하는 방법, MCP 서버와 GitHub를 통합하는 방법, 그리고 그 계획, 메모리 및 병렬 세션 기능을 적용하는 방법을 검토했습니다. 과정에는 RAG 챗봇, Jupyter에서의 데이터 분석, Figma로부터 비주얼 인터페이스 생성과 같은 실제 예제가 포함되어 Claude Code로 개발 워크플로우를 최적화, 리팩토링 및 자동화하는 방법을 보여주었습니다.
이 과정에서 Anthropic의 AI Fluency Framework & Foundations를 심화했습니다. 이 프레임워크는 학계 전문가와 함께 개발되었으며, AI와 효과적·효율적·윤리적·안전하게 협업하는 방법을 다룹니다. 기술, 크리에이티브, 교육, 비즈니스 맥락에 적용 가능한 다학제적 접근을 학습하고, 프레임워크의 4가지 핵심 역량인 Delegation, Description, Discernment, Diligence를 이해했습니다. 또한 이러한 기반을 실제 워크플로에 적용해 더 나은 의사결정을 내리고 Claude 같은 도구를 더 책임감 있게 사용하는 방법을 익혔습니다.
이 과정에서 실제 소프트웨어 개발 작업에 Claude Code를 적용하는 방법을 심화하며, AI 코딩 어시스턴트의 아키텍처와 통합 도구를 통해 코드베이스와 상호작용하는 방식을 이해했습니다. 맥락을 효과적으로 관리하고, 복잡한 워크플로를 위해 여러 도구를 결합하며, 재사용 가능한 자동화를 만들고, MCP 서버로 기능을 확장하는 방법을 배웠습니다. 또한 코드 리뷰와 팀 협업을 위한 GitHub 통합을 실습하고, 기술 과제의 복잡도에 따라 계획 및 추론 모드를 적용했습니다.
안녕하세요! 저는 Fran입니다 소프트웨어 개발자 | 프론트엔드 & 풀스택
다양한 웹 기술로 작업한 경험이 있습니다. 그러나 제 전문 분야와 주요 초점은 프론트엔드 개발입니다.
어렸을 때부터 컴퓨터와 모바일 기기를 탐구하고 실험하며 소프트웨어와 하드웨어 수준 모두에서 작동 방식을 조사해왔습니다. 수년 동안 "만지작거리며" 스스로 문제를 해결하며 많은 것을 배웠으며, 이 경험은 제 호기심과 기술 능력을 강화했습니다.