Personal Project2024.08 — 2024.10

CalIT

개발자를 위한 대시보드 기반 스크럼 관리 시스템

Role: 프로젝트 팀장 · Frontend 단독 개발 (FE 1 / BE 4)

Overview

한화시스템 Beyond SW 풀스택 부트캠프 최종 프로젝트입니다. Vue 기반의 대시보드로 스크럼 관리, 실시간 알림, 채팅 기능을 통합했습니다. 프론트엔드를 단독으로 개발하며 100개 이상의 API를 연동하고, 렌더링 최소화 전략과 Pinia 상태 관리를 적용해 대규모 코드베이스를 안정적으로 유지했습니다. Jenkins CI/CD 파이프라인 구축, Kafka 기반 채팅 시스템 구현, Prometheus + Grafana 모니터링 등 백엔드 협업에도 적극 기여했습니다.

Tech Stack

Vue.js
JavaScript
Pinia
Spring Boot
Kafka
Redis
MariaDB
Jenkins
Kubernetes
Prometheus
Grafana

Key Highlights

프론트엔드 단독 개발

100개 이상 API 연동 및 비동기 처리 최적화

Pinia 상태 관리로 전역 상태 효율화, 불필요한 리렌더링 방지

Kafka 기반 실시간 채팅 시스템 구현 지원

Jenkins CI/CD 파이프라인 구축 지원

Prometheus + Grafana 모니터링 시스템 구축 지원

n8n 기반 AI 챗봇 시나리오 작성

자동화 업무 알림

프론트엔드 개발 & 최적화

emit을 활용한 컴포넌트 간 데이터 전달

Vue 컴포넌트 설계 최적화

Pinia 상태 관리 적용

전역 상태 효율적 관리

100개 이상의 API 연동

효율적인 비동기 처리 및 네트워크 부하 최소화

DevOps & 백엔드 협업

Jenkins 파이프라인 구축 지원

CI/CD 자동화

Kafka 기반 채팅 시스템 구현 지원

실시간 데이터 처리

Prometheus + Grafana 백엔드 모니터링 시스템 구축 지원

AI 기능 적용

n8n을 이용한 AI 챗봇 시나리오 작성

자동화된 업무 알림 및 보조 기능

Links

Screenshots

이미지 추가 예정

이미지 추가 예정