FastAPI, Next.js, Docker 그리고 AI와 함께하는 풀스택 개발기
웹 서비스의 사용자는 데스크톱, 태블릿, 모바일 등 다양한 화면 크기에서 페이지를 사용합니다.따라서 하나의 화면이 다양한 디바이스에서 자연스럽게 동작하도록 만드는 반응형 설계는 필수입니다. 이번 글에서는 자산앱 프로젝트의 포트폴리오 상세 화면을 예시로,Mantine UI + Next.js 기반에서 반응형 레이아웃을 어떻게 구성했는지 실제 화면의 캡처와 코드를 중심으로 정리해봤습니다. 🔍 이번 글에서 다룰 내용 1. 반응형이 필요한 이유 포트폴리오 관리 … 더 읽기
10월 개발 기록 – 서비스 구조와 화면 설계 중심 리뷰 자산 관리 앱 프로젝트를 시작한 지 벌써 한 달이 지났습니다.이번 글에서는 지난 1개월 동안 진행된 데이터베이스 모델링, 백엔드, 프론트엔드 개발 현황을 정리하고, 앞으로의 개발 방향과 계획을 함께 공유하려고 합니다. 🧭 프로젝트 개요 개발 중인 자산 관리 애플리케이션은 개인 투자자가 보유한 주식, 가상자산, 부동산 등 다양한 … 더 읽기
이번 글에서는 Next.js 기반 프론트엔드에 UI 컴포넌트 라이브러리인 Mantine UI를 적용하는 방법과 저의 프로젝트에 적용 과정에서 발생한 SSR(Server Side Rendering) 관련 오류 해결 방법까지 다루겠습니다. 🧩 개발환경 1. Mantine UI란? Mantine UI는 React 기반의 오픈소스 UI 컴포넌트 라이브러리입니다.TypeScript와 SSR을 지원하며, 다크 모드, 스타일 시스템, 접근성(ARIA) 기능이 내장되어 있습니다. 주요 특징 Next.js와 궁합이 좋고, 다양한 UI … 더 읽기