Front-End Developer

개발 2024.02.19 ~ 2024.09.16

Github Link

📜 서비스 내용

교회 청년부 출석 관리를 위한 출석부 웹 애플리케이션입니다.

청년부 구성원들의 출석 현황을 기록하고, 관리자가 효율적으로 출석 정보를 확인할 수 있도록 지원합니다.

🛠 기술 스택

• React
• JavaScript → TypeScript(전환 중)
• styled-components → Tailwind CSS(전환 중)
• Firebase (Authentication, Firestore)
• Material UI (MUI)

🖥 개발 내용

React 기반 출석 관리 서비스 개발 및 운영

• React로 SPA 구조의 출석부 서비스를 설계하고 구현하여 현재까지 실제 운영 중
• 컴포넌트 기반 UI 설계 및 상태 기반 로직 구현을 통해 재사용성과 유지보수성을 고려한 구조 구성
• Git rebase 전략을 도입하여 커밋 로그 정리 및 협업 효율성 확보

스타일링 및 UI 구성

• 초기에는 styled-components를 기반으로 스타일링하였으나, 현재는 Tailwind CSS로 전환 중
• 디자인 시스템의 일관성, 클래스 관리 간소화, 생산성 향상을 위해 전환 결정
• 반응형 UI 구성과 접근성을 고려한 MUI 컴포넌트 활용