TypeScript 상태 관리 엔진 만들기
중급40분2026-06-20
OmniTurbo로 운영 대시보드의 설정, 사용자, 레이아웃 상태를 하나의 TypeScript 엔진에서 경로 기반으로 관리하고, 스키마 검증과 구독 로그, batch 초기화, undo 흐름까지 연결합니다. 최종적으로 `main.ts` 상태 관리 예제와 이를 실행하는 TypeScript 데모 프로젝트를 만들어 명령창에서 검증 결과와 변경 로그를 확인할 수 있게 합니다.
이 실습은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- 경로 기반으로 설정, 사용자, 레이아웃 상태를 통합 관리합니다.
- 중요 상태에 스키마를 적용해 잘못된 값 입력을 막습니다.
- 구독과 전역 로깅으로 상태 변경 흐름을 추적합니다.
- batch 초기화와 undo 가능한 상태를 포함한 실행 예제를 완성합니다.
어떻게 진행해요
1. 환경 확인하기
2. 데모 프로젝트 준비하기
3. 프로젝트 맥락 남기기
4. 핵심 상태 코드 작성하기
5. 중요 값 검증하기
6. 변경 로그 연결하기
7. 초기화와 되돌리기 추가하기
8. 실행 결과 점검하기
AI 튜터가 각 단계를 하나씩 안내해줄 거예요