텍스트(글)만으로 UI 디자인과 프론트엔드 코드를 자동 생성해 주는 도구인 Stitch의 8가지 핵심 기능을 학습합니다.
학습에 앞서 가장 기본이 되는 두 가지 핵심 용어를 알아둡니다.
| 용어 | 개념 | 비유 |
|---|---|---|
| Project (프로젝트) | UI 디자인과 프론트엔드 코드를 담는 최상위 컨테이너 | 여러 장의 그림이 묶인 '스케치북' |
| Screen (스크린) | 프로젝트 내부에 존재하는 개별 UI 화면 | 스케치북 안의 '낱장 페이지' |
새로운 작업 환경을 만들고 전체 목록을 관리하는 기본 명령어들입니다.
| 명령어 (함수명) | 기능 설명 | 활용 예시 |
|---|---|---|
create_project |
프로젝트 생성: 완전히 새로운 Stitch 프로젝트를 만듭니다. | "새로운 쇼핑몰 앱 프로젝트 시작하기" |
list_projects |
프로젝트 목록 조회: 사용자가 접근할 수 있는 모든 프로젝트 리스트를 불러옵니다. (기본값: 본인 소유) | "내가 지금까지 만든 프로젝트 목록 확인" |
get_project |
프로젝트 상세 조회: 프로젝트 이름을 기반으로 특정 프로젝트의 세부 설정과 정보를 가져옵니다. | "'쇼핑몰_앱_V1' 프로젝트의 설정값 확인" |