MEVN 스택 기반의 유연한 NoSQL 스키마와 MongoDB Aggregation을 활용한 레시피 검색 시스템 구축

Context

재료 기반 레시피 검색의 유연한 데이터 구조 확보와 빠른 프로토타이핑 필요성 대두. 정형화되지 않은 레시피 데이터 특성으로 인한 RDBMS의 엄격한 스키마 제약 해결 요구.

Technical Solution

• Recipe 데이터의 가변적 특성을 반영한 MongoDB Document 기반의 유연한 데이터 모델링 설계
• MongoDB Text Search Index와 $text 연산자를 통한 효율적인 전문 검색(Full-text Search) 구현
• Express 내 Aggregation Pipeline 구축을 통한 사용자 입력 재료와 레시피 간의 매칭 스코어링 및 정렬 로직 처리
• Pinia 상태 관리 라이브러리와 Axios 기반의 비동기 통신을 통한 Client-Server Decoupled 아키텍처 구성
• Vuetify의 v-img aspect-ratio 및 CSS line-clamp 적용을 통한 이기종 이미지/텍스트 데이터의 UI 일관성 확보
• Viewport 크기에 따른 v-col의 반응형 그리드 시스템 설계를 통한 멀티 디바이스 대응