미리보기

FPS게임 발로란트 전적 검색 사이트 개발 (VALPS 프로젝트)

• 기획 및 와이어프레임 작성: 발로란트 전적 검색 사이트의 기획을 주도하고 전체 구조를 구상 및 와이어프레임 작성.

• 프론트엔드 개발: Next.js를 사용하여 사이트의 주요 사용자 인터페이스(UI)를 구현하고 반응형 디자인을 적용해 다양한 기기에서 최적화된 UX 제공.

• 데이터 크롤링 및 백엔드 유지보수: 데이터베이스 관리와 전적 데이터 크롤링, Nest.js 기반의 백엔드 유지보수 및 기능 추가 담당.

• 성능 최적화: 이미지 로딩 최적화, 페이징 및 서버 최적화를 통해 웹사이트 성능을 개선하여 Lighthouse 점수를 50에서 96으로 향상.

• 사용자 피드백 기반 개선: 주변 발로란트 유저들에게 피드백을 받아 UI/UX와 기능을 개선하며 사용자 친화적인 서비스로 발전시킴.

기간: 3주

Fitpet은 고객 관리 자동화와 기존 사이트의 UI/UX 개선을 목표로 한 프로젝트로 어드민 사이트를 통해 고객 데이터를 더 효율적으로 관리할 수 있도록 설계되었습니다.

Github

배포 주소

• 프론트엔드 리드로서 메인 사이트와 어드민 사이트의 전체 개발을 주도

• 견적서 제출 폼을 개발하고 API 데이터 페칭을 통해 실시간으로 고객 요청 처리

• 데스크톱, 태블릿, 모바일 등 다양한 기기에서의 반응형 디자인을 구현하여 사용자 경험을 개선

• 트러블 슈팅

할일 관리 및 노트 작성 서비스

Github

배포링크

• 팀장 및 PM

• Jira를 통해 이슈 관리 및 프로젝트 진행 상황을 체계적으로 관리

• 버튼과 인풋 공통 컴포넌트를 설계 및 구현하여 재사용 가능한 컴포넌트 구조를 설계

• 대쉬보드, 목표 상세 페이지 개발

• Cypress를 이용한 E2E 테스트를 통해 전체 워크플로우의 안정성을 확인하고 보장

• 트러블 슈팅

• Tailwind, CSS 애니메이션, 브라우저 데이터 저장 방식, Jest, 리액트 컴포넌트 테스트, CI/CD 기본기를 수강했으며, 이를 "Slid to Do" 프로젝트에 적용, 팀장과 PM 역할을 수행했습니다.

• 교육에서 배운 기술들을 실무에 적용하며 개발 역량을 성장시키고 있습니다.