⛭ Launcher
PROJECT
minds-safe
익명 고민함 웹 서비스
v0.7Open Beta2025-10-17 ~ 2025-10-29Shared Components Team
▶ Live⎘ Repo
HIGHLIGHTS
핵심 성과/기여
3 items
• 공통 UI 컴포넌트를 팀 단위로 구현하며 재사용 기준을 의식
• React Query / Zustand를 통해 서버 상태와 UI 상태 분리 개념을 처음 실전 적용
• (회고) 당시 Storybook 미도입 → 이후 도입 필요성을 체감한 계기
TECH (as roles)
사용한 기술
8 items
FRONTEND
5
React
UI 상태/컴포넌트
상태 변화에 따라 UI를 컴포넌트 단위로 조합하고, 재사용 가능한 화면 구조로 유지보수를 쉽게 했다.
TypeScript
타입 안정성
API 응답/컴포넌트 Props 계약을 타입으로 고정해 런타임 오류를 줄이고 협업 시 실수를 예방했다.
Tailwind CSS
디자인 시스템/스타일
토큰(색/타이포/간격)과 유틸 기반으로 스타일 규칙을 표준화해 화면 간 일관성을 유지했다.
TanStack React Query
서버 상태 관리
캐싱/로딩/에러/리패칭 정책을 표준화해 데이터 패칭 코드를 단순화하고 사용자 경험을 안정화했다.
Zustand
UI 상태 엔진
페이지 간 공유되는 UI 상태(오버레이·사이드바·카드 확장 등)를 가볍고 예측 가능한 스토어로 관리해 인터랙션의 연속성을 유지했다.
BACKEND
3
Node.js (Express)
도구(Utility)
Node.js (Express)을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
Prisma ORM
도구(Utility)
Prisma ORM을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.
MySQL
도구(Utility)
MySQL을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.