Portfolio Page

Deployment

• None

해당 프로젝트는 Next.js를 바탕으로 구성하였으며 Mongo DB에 데이터를 저장하고 관리하는 airBnb clone 페이지입니다.

Main Features

• 데이터 관리 :
  • 권한을 가진 사용자만 데이터를 생성 및 관리할 수 있습니다.
• API 엔드포인트:
  • NextResponse를 사용하여 JSON 형식의 답을 반환하며
    데이터베이스 모델은 스키마에 기반하여 정의되며 클라이언트 요청을 통해 서버에서 데이터를 처리합니다.
• 반응형:
  • 다양한 화면 크기에 맞춰 브레이크포인트를 설정하여 디자인을 조정하였습니다.

Tech Stack

• 프레임워크 및 라이브러리:

  • Next.js: React 기반의 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG)을 위한 프레임워크입니다.
  • React: 효율적인 UI구성과 빠른 렌더링을 지원하는 컴포넌트 기반 JavaScript 라이브러리입니다.

• 이미지:

  • Next.js Image 컴포넌트: 최적화된 이미지 로딩과 크기 조정을 지원하는 컴포넌트입니다.

• 데이터베이스:

  • Mongo DB: JSON과 유사한 문서 기반의 데이터베이스로, 유연한 스키마를 지원하며 수평 확장성으로 대규모 데이터를 효율적으로 처리할 수 있습니다.
    NoSQL 데이터베이스로, 데이터 구조의 변동성이 큰 애플리케이션에 적합하며, 빠른 쿼리 성능과 높은 가용성을 제공합니다.

Captures

펼칠 시 캡쳐 이미지

### 반응형