⛭ Launcher
PROJECT
on-fit
운동 소모임 매칭 서비스
FEATUREDv0.85Open Beta2025-10-31 ~ 2025-12-17Team Lead (Full-cycle)
▶ Live⎘ Repo
HIGHLIGHTS
핵심 성과/기여
5 items
• Supabase로 백엔드(인증/DB) 구성
• AWS EC2(Ubuntu) 기반 배포 및 도메인 연결(호스팅KR)
• CI/CD 파이프라인 구성
• Next.js 라우팅 구조/CSR-SSR 개념 학습 및 적용
• 카카오맵 API 연동 및 외부 라이브러리 도입 경험
TECH (as roles)
사용한 기술
13 items
FRONTEND
5
Next.js
라우팅/렌더링 구조
App Router 기반으로 페이지 라우팅과 서버/클라이언트 책임을 분리해 전체 화면 흐름을 구성했다.
TypeScript
타입 안정성
API 응답/컴포넌트 Props 계약을 타입으로 고정해 런타임 오류를 줄이고 협업 시 실수를 예방했다.
React
UI 상태/컴포넌트
상태 변화에 따라 UI를 컴포넌트 단위로 조합하고, 재사용 가능한 화면 구조로 유지보수를 쉽게 했다.
Tailwind CSS
디자인 시스템/스타일
토큰(색/타이포/간격)과 유틸 기반으로 스타일 규칙을 표준화해 화면 간 일관성을 유지했다.
Kakao Maps API
도구(Utility)
Kakao Maps API을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
BACKEND
1
Supabase(Auth/DB)
도구(Utility)
Supabase(Auth/DB)을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
INFRA
5
AWS EC2
배포/운영 환경
실서비스 배포 환경(서버/네트워크/권한)을 구성하고 운영 관점에서 배포/장애 대응 경험을 쌓았다.
Ubuntu
도구(Utility)
Ubuntu을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
Nginx
리버스 프록시
도메인 라우팅과 프록시 설정으로 서비스 트래픽을 백엔드/프론트로 분기하고 운영 구성을 정리했다.
Domain 연결
도구(Utility)
Domain 연결을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
CI/CD
도구(Utility)
CI/CD을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
COLLABORATION
2
Jira
도구(Utility)
Jira을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
Confluence
도구(Utility)
Confluence을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.