Yellosis | Frontend / Hybrid App Developer | 2026-04 - 2026-05
Yellosis Wellness
#웹개발#Next.js#하이브리드앱#Flutter#OpenCV
웹과 하이브리드 앱 동시에 사용 가능한 신규 프로젝트
기술 스택
Next.js 15TypeScriptTailwind CSSOpenCV.jsTanStack QueryVitestGitHub ActionsZustandStorybookRechartsi18nBunFlutter
주요 기능
- 모든 페이지 퍼블리싱 및 API 연동
- FSD 구조 기반 개발 생산성 도구 구축
- 포괄적인 개발 문서 구축 (PRD, API, 웹뷰 통합 가이드 등)
- Biome + Husky 코드 품질 자동화 시스템
상세 내용
옐로시스 웹과 하이브리드 앱 동시에 사용 가능한 신규 프로젝트입니다.
구현 내용
- 모든 페이지 퍼블리싱: 모든 페이지 퍼블리싱 및 API 연동
- 개발 생산성 도구 구축:
.claude/commands/create-feature: FSD 구조에 맞는 기능 자동 생성 명령어.claude/commands/generate-tests: 컴포넌트 테스트 파일 자동 생성 도구
- 포괄적인 개발 문서: PRD, 시스템 플로우, API 문서, 웹뷰 통합 가이드, 개발 가이드, 상태 관리 문서, 테스트 가이드, 배포/보안/성능 최적화 가이드
성과
-
코드 품질 자동화 시스템 구축
- Biome을 통한 자동 린팅 및 포맷팅 설정
- Husky을 이용한 pre-commit 훅으로 코드 품질 사전 검증
- lint-staged 설정으로 스테이지된 파일만 자동 검사/포맷팅
-
아직 WIP(진행중)인 프로젝트입니다
배운 점
- FSD(Feature-Sliced Design) 아키텍처 적용
- Biome + Husky + lint-staged로 코드 품질 자동화
- 개발 생산성 도구(.claude/commands) 구축 및 배포