Nest · ide

프로젝트 파일 UI 동기화 흐름

프로젝트 목록, 파일 트리, 에디터, API, 협업 이벤트가 같은 작업 상태를 공유하는 구조입니다.

UI와 서버 연결

workspace

ProjectList

사용자가 작업할 프로젝트를 선택합니다.

FileTree

폴더와 파일의 계층을 표시합니다.

Monaco Editor

선택 파일을 편집 가능한 코드 화면으로 띄웁니다.

REST API

파일 생성, 저장, 삭제 요청을 처리합니다.

WebSocket

협업 사용자의 변경 사항을 실시간으로 전달합니다.

select project open file edit code save API broadcast

프로젝트 파일 UI 동기화 흐름 정리

파일 관리 UI는 선택된 프로젝트와 파일 상태가 서버 변경 결과와 어긋나지 않아야 합니다.