//PROJECTRECOMMENDED
v0.85Open Beta2025-10-31 ~ 2025-12-17
on-fit
운동 소모임 매칭 서비스
// Team Lead (Full-cycle)
//HIGHLIGHTS5 items
01
Supabase로 백엔드(인증/DB) 구성
02
AWS EC2(Ubuntu) 기반 배포 및 도메인 연결(호스팅KR)
03
CI/CD 파이프라인 구성
04
Next.js 라우팅 구조/CSR-SSR 개념 학습 및 적용
05
카카오맵 API 연동 및 외부 라이브러리 도입 경험
//TECH STACK13 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을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.