React 기반 앤트디자인으로 구현한 임의 데이터 관리 시스템
간단한 데이터 관리 기능을 갖춘 도서 정보 시스템을 개발하고자 했으며, Ant Design 컴포넌트 라이브러리를 활용해 직관적인 인터페이스를 구현했습니다.
먼저 가상의 초기 데이터를 정의합니다:
const mockBooks = [
{ id: 1, title: '책 제목 1', author: '지은이 1' },
{ id: 2, title: '책 제목 2', author: '지은이 2' },
{ id: 3, title: '책 제목 3' ...
7월 10일 16:15에 게시됨
Ant Design와 FastAPI로 실시간 시스템 명령 실행 및 로그 스트리밍 구현
구현 목표 및 기술 선정
웹 인터페이스에서 서버 측 명령을 실행하고 출력 결과를 실시간으로 확인하는 기능을 구축한다. 프론트엔드는 Ant Design의 컴포넌트 체계를 활용해 명령 입력과 로그 표시 영역을 구성하고, 백엔드는 FastAPI의 비동기 구조를 바탕으로 WebSocket을 통한 스트리밍 응답을 처리한다.
프론트엔드 구성
명령 입력창, 실행 버튼, 그리고 스크롤 가능 ...
5월 30일 05:39에 게시됨