미리보기

유튜브 영상 동기화 및 소통 플랫폼

주요 역할

• FE 개발, BE 개발(인증, 유저 서버), 인프라 구축(Kong API Gateway, Docker), PM, 디자인

프로젝트 개요

KickTube는 실시간으로 유튜브 영상을 함께 시청하며 채팅 및 보이스 챗을 통해 소통할 수 있는 플랫폼입니다. 사용자는 플레이리스트를 추가·수정할 수 있으며, 역할에 따라 유튜브 영상 제어 권한이 달라집니다.

세부 내용

• 프론트엔드(FE)

  • 회원가입, 로그인, 홈, 마이 룸, 검색, 알림, 친구, 채팅 기능 구현

  • Sentry를 활용한 모니터링 및 에러 트래킹 시스템 구축

• 백엔드(BE)

  • MSA 구조에서 NestJS 기반으로 인증 및 유저 서버 설계 및 구현

  • JWT 기반 인증 구현 및 Redis를 활용한 기기별(웹, 모바일) 1개 세션 제한 방식 적용

• 인프라(Infra)

  • Docker 및 Docker Compose로 MSA 로컬 개발 환경 구성

  • Kong API Gateway에서 Custom Plugin과 JWT로 사용자 정보 전달 방식 구현

  • FE CI 파이프라인 구축(GitHub Actions를 활용한 테스트 자동화)

• 프로젝트 매니지먼트(PM)

  • 프로젝트 기획 및 요구사항 정리

  • 데일리 스크럼 및 회고 진행

• 디자인(UI/UX, 그래픽)

  • 서비스 UI/UX 설계

  • 서비스 로고, 발표 자료(PPT) 및 영상 제작

기술 스택

• React, TypeScript, Zustand, TanStack Query, NestJS, Kong API Gateway, Docker, Sentry, WebSocket, STOMP, MySQL, Redis, Vite, Figma

참여 인원

• 5명(FE 2, BE 2, iOS 1)

링크

Github

42서울 공식 사물함 대여 서비스 최고 MAU 1600↑

주요 역할

• FE 개발, 기획, 디자인

프로젝트 개요

Cabi는 42서울 학생 수 증가로 인해 사물함 관리가 어려워지면서 개발된 웹 애플리케이션입니다. 사물함을 효율적으로 배정받고 사용할 수 있도록 돕는 동시에, 운영팀의 반복적인 관리 업무를 줄이는 것을 목표로 했습니다.

세부 내용

• 반응형 웹 디자인 및 프론트엔드 개발

• 유저용·관리용 클라이언트 및 백오피스 기능 구현

• 통합 검색 기능 개발 (디바운싱 적용을 통한 API 요청 최적화)

• PWA 적용으로 모바일 환경에서도 원활한 사용 가능

• GA4 연동을 통한 데이터 분석 및 유저 행동 추적

• 신규 멤버를 위한 프론트엔드 온보딩 교육 자료 제작(링크)

기술 스택

• React, TypeScript, Recoil, Vite, Figma

참여 인원

• 10명(FE 4, BE 6)

기타

• 2024 이노베이션아카데미 성과 공유 컨퍼런스 과학기술정보통신부 장관상

• 2023 이노베이션아카데미 성과 공유 컨퍼런스 정보통신기획평가원 원장상

링크

GitHub | Site | Figma

42서울 공식 출입기록 관리 서비스 최고 MAU 640↑

주요 역할

• FE 개발, 기획, 디자인

프로젝트 개요

24HANE(24하네: 24 hours are not enough)는 42서울 클러스터 출입 여부와 출입 누적 시간을 확인하는 출입기록 관리 서비스입니다. 교육생은 교육에 더 집중할 수 있도록 하고, 직원들의 반복적인 CS 업무를 줄이기 위해 개발되었습니다.

세부 내용

• APP 기반의 와이어 프레임 제작, UI 설계

• Vue.js, TypeScript 기반 SPA 개발 및

  Pinia를 사용한 상태 관리

• 클러스터 실시간 인원 확인, 출입 기록 확인 기능을 포함한 전체 웹 개발

• Web, iOS, Android 디자인 검수

• 프로젝트 성과 공유 발표

기술 스택

• Vue3, TypeScript, Pinia, Vite, Figma

참여 인원

• 8명(FE 1, BE 3, iOS 2, Android 2)

기타

• 2023 이노베이션아카데미 성과 공유 컨퍼런스 과학기술정보통신부 장관상

링크

GitHub | Site | Figma

가족, 친구, 연인들과 함께 일상 기록을 공유하는 일기 애플리케이션

다운로드 수 약 1000

주요 역할

• iOS 개발, PO, 기획, 디자인, CS

프로젝트 개요

공유일기는 일기 공유를 중심으로 한 iOS 애플리케이션으로, 사용자가 친구 및 가족과 일기를 주고받으며 소통할 수 있도록 돕는 서비스입니다. 초기 기획부터 앱 출시까지 전 과정을 주도했으며, 현재도 앱스토어에서 만날 수 있습니다.

세부 내용

• 프로젝트 관리

  • 팀장 역할 수행: 프로젝트 총괄, 초기 기획부터 출시까지 주도

  • 회의 운영: 주 2회 이상의 회의 진행, 총 119회 회의 기록

  • 이슈 및 작업 관리: GitHub 칸반보드를 활용한 이슈 트래킹 및 진행 상황 관리

• 프론트엔드 개발(iOS)

  • 주요 화면 개발

    • 홈, 프로필, 알림

    • 온보딩

    • 댓글 및 답글 기능

    • 설정(화면 잠금, 서체, 의견 보내기 등)

  • 재사용성이 높은 컴포넌트 구현

    • 버튼, 시트, 스켈레톤, 네비게이션바, 배너 등

• 유저 피드백 반영 및 기능 개선

  • 화면 잠금

  • 폰트 변경 옵션

  • 댓글 및 답글 기능

  • 푸시 알림

  • QR코드를 이용한 일기장 공유

• 유지보수 & QA

  • 출시 후 지속적인 UI 개선 및 버그 수정

  • 유저 피드백 관리: 이메일 및 앱스토어 리뷰 직접 응대

기술 스택

• SwiftUI, Kingfisher, Alamofire, Figma

참여 인원

• 7명(iOS 2, BE 5)

링크

GitHub | 공유일기 소개 페이지 | 앱스토어

• 오프라인 홍보 활동 지원

• 온라인 콘텐츠 제작