앱과 내부 도구 만들기

🔄 Quick Recall: 이전 레슨에서 웹사이트를 만드는 법을 배웠어요. 이제 한 단계 올라가요 — 사용자가 로그인하고 데이터를 다루는 앱 구축이에요.

웹사이트 vs 웹앱

실전 앱 예시

노코드로 만들 수 있는 앱들:

• 고객 포털: 고객이 프로젝트 상태를 확인하고 파일을 공유
• 예약 시스템: 고객이 시간을 선택하고, 자동 확인 이메일 발송
• 재고 추적기: 입출고 기록, 재고 알림, 보고서 생성
• 승인 워크플로우: 비용 승인 요청 → 관리자 검토 → 자동 처리

데이터 모델 설계

앱의 뼈대가 되는 데이터 구조를 AI로 설계하세요:

내 앱의 데이터 모델을 설계해줘.

앱 설명: [무엇을 하는 앱인지]
주요 기능: [핵심 기능 3-5개]
사용자 유형: [누가 사용하는지]

만들어줘:
1. 필요한 테이블 목록과 각 테이블의 필드
2. 테이블 간의 관계 (어떤 것이 어떤 것에 속하는지)
3. 각 사용자 유형이 접근할 수 있는 데이터
4. 상태 워크플로우 (있다면)

핵심 화면 유형

✅ Quick Check: 고객 포털 앱에서 최소한 필요한 화면은? 로그인 화면, 프로젝트 목록(목록 뷰), 프로젝트 상세(상세 뷰), 메시지 작성(폼). 이 4개면 기본적인 고객 포털이 작동해요.

조건부 로직

노코드 앱을 강력하게 만드는 핵심:

• 조건부 표시: 관리자에게만 삭제 버튼 보이기
• 계산 필드: 단가 × 수량 = 총액 자동 계산
• 상태 워크플로우: ‘접수’ → ‘진행 중’ → ‘완료’ 흐름
• 유효성 검사: 이메일 형식 확인, 필수 필드 체크

핵심 정리

• 웹사이트는 정보 전달, 웹앱은 사용자가 데이터와 상호작용하는 것
• 데이터 모델(테이블, 필드, 관계)을 먼저 설계해야 올바른 앱을 만들 수 있어요
• 4가지 핵심 화면 유형(목록, 상세, 폼, 대시보드)으로 대부분의 앱을 구축 가능
• 사용자 역할과 조건부 로직이 실제 비즈니스에 쓸 수 있는 앱을 만들어요

Up Next: 다음 레슨에서 앱과 도구를 연결해 자동으로 돌아가는 워크플로우를 만들어 봐요.