Slipway
반복 셋업을 줄이고, 만드는 일에 집중하기
해커톤·사내 POC에 필요한 독립 프로젝트 틀, UI 부품, API·데이터 생성기와 검증 도구를 모은 코드팩.
- 기간
- 2026.11
- 분류
- 개발 도구
- 기술
- TypeScript, React, Next.js, NestJS, MSW, Playwright
- 코드
- 비공개 저장소
Why
새 앱을 만들 때마다 인증, API 연결, 데이터 검증과 테스트 설정을 반복했습니다. 이 기반은 재사용하되 결과물의 디자인과 코드는 직접 바꿀 수 있도록, 독립 프로젝트를 만드는 도구 상자로 정리했습니다.
Decisions
Mock에서 시작해 실제 API로
서버 없이 화면을 만들고, 같은 API 계약으로 NestJS 서버에 연결합니다. 리소스 생성기가 스키마, API, Mock, 조회 훅과 계약 테스트를 함께 만듭니다.
기능은 재사용하고, 디자인은 열어두기
완성된 업무 화면 대신 앱 틀, 표, 폼 같은 독립 부품을 제공합니다. 화면의 구성과 시각 디자인은 각 프로젝트에서 정하고, 디자인 하네스와 연결합니다.
생성한 뒤에도 내 코드로
결과물은 별도 폴더의 독립 프로젝트입니다. 타입 검사, 테스트, 번들·접근성 검사와 브라우저 캡처로 결과를 확인하고, 필요한 코드는 직접 수정할 수 있게 했습니다.