Softr로 교육 수강생 포털 만들기: AI 빌더로 뼈대 만들고, 버그 6개 직접 고친 기록

Softr로 교육용 수강생 포털을 하나 만들었습니다. 수강생은 로그인하면 자기가 듣는 강의와 회차 자료, 과제, 질문만 보고, 강사는 전체 제출 내역을 보면서 피드백을 남기는 앱입니다. 화면과 데이터베이스 뼈대는 AI co-builder가 10분 안에 만들어 줬습니다. 그런데 미리보기로 하나씩 눌러 보니 버그가 6개 나왔고, 그중 2개는 AI가 "고쳤습니다"라고 답했는데 실제로는 그대로였습니다. 이 글은 가입부터 공개까지 제가 한 순서 그대로, 어디를 확인하고 어떻게 고쳤는지까지 정리한 기록입니다.

이 글은 이런 분께 필요합니다

• 강의나 교육을 운영하면서 수강생 명단, 과제 제출, 질문을 구글 시트와 단톡방으로 관리하고 있는 분
• 시트를 통째로 공유하자니 다른 수강생 정보까지 다 보여서 곤란했던 분
• 코딩 없이 "로그인하면 내 것만 보이는" 포털을 만들어 보고 싶은 분
• Softr를 처음 써 보는데, AI로 만든 앱을 어디까지 믿어도 되는지 궁금한 분

준비물은 구글 계정 하나입니다. 가입하면 Business 플랜 체험이 7일 동안 열리고 카드 등록은 필요 없었습니다. 이 글의 화면은 2026년 10월 23일과 28일에 직접 만들고 확인한 것입니다.

Softr가 뭔지 한 문단으로

Softr는 데이터 위에 로그인과 권한이 있는 업무용 웹앱을 얹어 주는 노코드 도구입니다. 데이터는 구글 시트, Airtable, Notion 같은 곳에 있는 걸 연결해도 되고 Softr 자체 데이터베이스(Softr Database)에 넣어도 됩니다. 화면은 목록, 상세, 폼, 표, 차트 같은 블록을 쌓아서 만들고, 사용자 그룹마다 보이는 페이지와 데이터를 다르게 설정할 수 있습니다. n8n이나 Make가 뒤에서 데이터를 옮기는 도구라면, Softr는 사람이 로그인해서 보고 입력하는 앞 화면을 만드는 도구라고 보면 됩니다.

완성된 결과물

역할	볼 수 있는 것	할 수 있는 것
수강생	내가 등록한 강의와 진도율, 강의별 회차 자료와 녹화본, 과제, 강의별 Q&A	과제 제출(링크 필수, 파일 선택)
강사	전체 강의, 전체 제출 내역, 미답변 질문	제출물에 피드백 입력과 상태 변경

데이터는 테이블 7개로 나뉩니다. 사용자(Users), 강의(Courses), 회차(Sessions), 수강등록(Enrollments), 과제(Assignments), 과제제출(Submissions), 질문(QnA)입니다.

Step 1. 가입하고 AI에게 요구사항 설명하기

Softr Studio 가입 페이지에서 Continue with Google을 누릅니다. 저는 회사 도메인 계정으로 가입했습니다. Softr는 사용자 수를 셀 때 빌더와 같은 회사 도메인 이메일은 Team user, 그 외(gmail 포함)는 Client user로 나누기 때문에, 회사에서 쓸 거라면 회사 메일로 가입하는 편이 낫습니다.

가입하면 대시보드 가운데에 "What would you like to build?" 입력창이 나옵니다. 여기에 만들고 싶은 앱을 최대한 구체적으로 씁니다. 제가 넣은 내용은 이렇습니다.

DataPopcorn 교육 수강생 포털을 만들어줘.

사용자 역할 2개:
- 수강생(Student): 로그인하면 본인이 등록한 강의만 보인다.
- 강사(Instructor, 관리자): 전체 강의, 수강생, 과제 제출을 모두 보고 관리한다.

데이터(Softr Database):
- 강의(Courses): 강의명, 설명, 기간, 대상(기업/개인), 상태
- 회차(Sessions): 강의 연결, 회차 번호, 날짜, 강의자료 링크, 녹화본 링크
- 수강등록(Enrollments): 수강생과 강의 연결, 진도율
- 과제(Assignments): 회차 연결, 제목, 마감일, 설명
- 과제제출(Submissions): 과제 연결, 수강생, 제출 링크/파일, 제출일, 피드백, 상태
- 질문(Q&A): 강의 연결, 수강생, 질문, 강사 답변, 상태

화면:
- 수강생: 내 강의 대시보드, 강의 상세(회차별 자료·녹화본), 과제 제출 폼, 내 제출 내역과 피드백, Q&A
- 강사: 전체 강의 관리, 제출된 과제 검토와 피드백 입력, 미답변 질문 목록

UI 문구와 샘플 데이터는 한국어로.

테이블과 역할을 미리 정해서 적어 주면 AI가 엉뚱한 구조를 만들 일이 줄어듭니다. 보내면 AI가 몇 가지를 되묻습니다. 제 경우에는 세 가지였습니다.

질문	제 선택
수강생이 강의를 등록하는 방식	둘 다 가능(강사 등록 + 수강생 신청)
과제 제출 방식	링크와 파일 모두 지원
Q&A 운영 방식	강의별 공개 Q&A 게시판

이어서 로그인 방식(Email, Google, SSO 중 Email), 가입 허용 여부(아무나 가입 / 초대한 사람만 / 특정 도메인만 중 초대한 사람만), 메뉴 위치, 테마를 고르고 Create my app을 누릅니다. 수강생 포털은 아무나 가입하면 안 되니 초대제로 두는 게 안전합니다.

Step 2. 생성된 앱과 데이터베이스 확인하기

생성은 6~7분 정도 걸렸습니다. 왼쪽 채팅창에 AI가 하는 일이 순서대로 찍힙니다. 테이블 6개를 만들고, 테이블끼리 연결하고, 화면에 보여 줄 Lookup 필드를 붙이고, 페이지 5개(홈, 내 강의, 강의 관리, 과제 제출, 과제 검토)와 강의 상세 페이지를 만드는 순서였습니다.

여기서 첫 번째 문제가 보였습니다. 요청한 "n8n 업무자동화 실무" 같은 강의 대신 React, UI/UX, 회계 같은 일반 예시 강의와 외국 이름 수강생이 샘플 데이터로 들어가 있었습니다. 데모로 보여 줄 앱이라면 샘플 데이터도 실제 사업과 맞아야 하니 바꿔야 합니다.

Step 3. 샘플 데이터 교체하기

화면 왼쪽 위의 AI co-builder 버튼을 누르고 "기존 샘플을 지우고 이 데이터로 바꿔줘"라고 강의 3개, 회차, 과제, 수강생 5명, 제출 내역, 질문을 구체적으로 적어 보냈습니다. 새 데이터는 연결 관계까지 잘 만들어 줬습니다. 그런데 이런 답이 돌아왔습니다.

기존에 있던 샘플 레코드를 삭제하는 기능이 이 도구에서 지원되지 않아 직접 삭제해 주셔야 합니다.

즉 co-builder는 레코드를 만들 수는 있어도 지울 수는 없습니다. 옛 샘플과 새 데이터를 가르는 기준은 생성 시각입니다. 표에 "생성일" 열이 있어서 처음 생성된 샘플(제 경우 오후 2시 22분)과 새로 넣은 데이터(오후 2시 31분)가 깔끔하게 나뉘었습니다.

지우는 방법은 두 가지입니다.

몇 개 안 될 때: 표에서 직접 지우기. 행 번호 위에 마우스를 올리면 체크박스가 나옵니다. 지울 행을 체크하면 위에 Delete 버튼이 생기고, 확인창에서 한 번 더 Delete를 누르면 됩니다.

수십 개일 때: Softr Database API로 지우기. 제 데모에서는 회차, 수강등록, 과제, 제출, 질문 테이블에서만 지울 레코드가 166개였습니다. 표에서 하나씩 체크하는 건 현실적이지 않아서 API를 썼습니다.

1. 대시보드 왼쪽 위 워크스페이스 이름을 누르고 API tokens로 갑니다.
2. Create를 누르고 이름과 만료 기간(30일)을 정합니다.
3. 권한 범위에서 Databases만 Full access로 두고 Applications & Forms, Workflows는 None으로 바꿉니다. 필요한 만큼만 여는 게 안전합니다.
4. 토큰은 한 번만 보여 주니 바로 복사해 둡니다.

그다음 터미널에서 이렇게 지웁니다. DB는 데이터베이스 주소(studio.softr.io/databases/ 뒤의 값), TABLE은 표 주소의 table= 값입니다.

export SOFTR_TOKEN="발급받은 토큰"
DB="데이터베이스ID"
TABLE="테이블ID"
BASE="https://tables-api.softr.io/api/v1/databases/$DB/tables/$TABLE/records"

# 1) 지울 대상 확인: 기준 시각보다 먼저 만들어진 레코드 ID만 뽑기 (한 번에 최대 200개)
curl -s "$BASE?limit=200&offset=0" -H "Softr-Api-Key: $SOFTR_TOKEN" \
  | jq -r '.data[] | select(.createdAt < "2026-10-23T05:25:00Z") | .id' > old_ids.txt
wc -l old_ids.txt

# 2) 개수가 맞으면 삭제
while read id; do
  curl -s -o /dev/null -w "$id %{http_code}\n" -X DELETE "$BASE/$id" -H "Softr-Api-Key: $SOFTR_TOKEN"
done < old_ids.txt

createdAt은 UTC라서 한국 시각 오후 2시 25분은 05:25:00Z입니다. 사용자 테이블은 따로 확인해야 합니다. 제 계정(강사)은 샘플보다 먼저 만들어져서, 시각 기준을 그대로 적용하면 제 계정까지 지워질 뻔했습니다. 삭제가 끝나면 토큰도 API tokens 화면에서 지워 둡니다.

샘플 데이터 내용도 읽어 보세요

AI가 쓴 샘플 Q&A 답변 중 두 개가 틀렸습니다. "구글 시트에 행이 중복으로 들어가요"에는 n8n에 없는 "트리거 디바운스 설정"을 권했고, 웹훅 질문에는 Test URL과 Production URL의 차이를 빼먹었습니다. 남에게 보여 줄 앱이라면 샘플 문장도 사실인지 한 번 읽어 보고 고치는 게 좋습니다. 저는 "Append Row 대신 Append or Update Row를 쓰고 고유 ID 열로 매칭" 같은 맞는 답으로 바꿨습니다.

Step 4. 역할별 미리보기로 권한 확인하기

편집 화면에서 보이는 데이터는 믿으면 안 됩니다. 편집 모드에서는 사용자별 필터가 적용되지 않아서, 홈의 "내 강의"에 전체 수강등록 10건이 다 보였습니다. Softr도 블록 설정에 "User-specific filters are not applied in editing mode"라고 적어 둡니다.

오른쪽 위 Preview를 누르면 새 탭이 열리고, 맨 위 "Preview as" 목록에서 사용자를 골라 그 사람 시점으로 볼 수 있습니다. 여기서 확인한 결과는 이렇습니다.

• 수강생 김민준: 메뉴가 홈, 내 강의, 과제 제출 3개만 보이고, 내 강의에는 자기가 등록한 2개만 나옵니다.
• 강사 이인영: 메뉴가 홈, 강의 관리, 과제 검토로 바뀌고, 수강생 전용인 과제 제출 페이지에 들어가면 "Permission denied"가 뜹니다.

권한 구조 자체는 AI가 처음부터 제대로 만들어 줬습니다. 문제는 그다음에 하나씩 눌러 보면서 나왔습니다.

Step 5. AI가 만든 앱에서 나온 버그 6개와 고친 방법

미리보기에서 수강생과 강사로 모든 버튼을 한 번씩 눌러 봤습니다. 나온 문제와 해결 방법을 정리하면 이렇습니다.

증상	원인	해결
강의 카드를 누르면 "Record details can no longer be found."	카드는 수강등록 레코드인데, 강의 상세 페이지에 수강등록 ID를 넘김	강의 ID로 여는 URL을 만들어 카드 클릭 동작을 Open URL로 바꿈(아래 설명)
강의 상세의 과제 탭에 다른 강의 과제까지 섞여 나옴	과제 목록에 강의 필터가 없음	과제 테이블에 강의 ID를 끌어오고 {URL_PARAM:recordId} 필터 추가
과제 제출 폼의 "과제 선택" 드롭다운이 비어 있음	필드 옵션의 "Sync all available options"가 꺼져 있음	직접 켬. AI는 두 번이나 "켰다"고 답했지만 실제로는 꺼져 있었음
강사가 "피드백 입력"을 누르면 입력창 없이 저장되고, 상태에 {SELECTED_RECORD:FIELD:상태}라는 글자가 들어감	버튼이 즉시 업데이트(One-click update)로 만들어지고 값이 잘못 연결됨	레코드 수정 모달로 바꿔서 피드백과 상태를 직접 입력하게 함. 망가진 레코드와 잘못 생긴 선택지는 따로 복구
새로 제출한 과제의 상태가 비어 있음	폼에 상태 값이 없음	폼에 상태 필드를 숨김으로 넣고 값을 "제출됨"으로 고정
수강생 홈에 "미답변 질문 3"이 보임	전체 강의 기준 숫자	제목을 "답변 대기 중인 내 질문"으로 바꾸고 수강생 = 로그인한 사용자 필터 추가

이 밖에 강의 상세의 탭 이름이 Sessions, Assignments, Qna처럼 영어로 나와서 회차, 과제, Q&A로 바꿨습니다.

첫 번째 버그를 고친 방법: 강의 ID로 상세 페이지 열기

가장 흔하게 마주칠 문제라 자세히 적습니다. 홈의 "내 강의" 카드는 수강등록 테이블을 보여 줍니다. 한 사람이 한 강의에 등록한 기록이 카드 하나라서, 진도율을 함께 보여 줄 수 있습니다. 그런데 카드를 누르면 강의 상세 페이지가 그 수강등록 ID를 강의 ID인 줄 알고 찾다가 실패합니다.

1. 강의 테이블에 Record ID 유형 필드 "강의 ID"를 추가합니다. 레코드마다 고유 ID가 자동으로 들어갑니다.
2. 수강등록 테이블에 Lookup 필드 "강의 ID"를 추가합니다. 연결 필드는 "강의", 가져올 필드는 1번의 "강의 ID"입니다.
3. 수강등록 테이블에 Formula 필드 "강의 상세 URL"을 추가하고 수식을 넣습니다.

"/course-details?recordId=" & {강의 ID}

4. 홈과 내 강의 페이지의 카드 목록 블록을 선택하고 Actions 탭 아래 ITEM ON CLICK을 "Open URL"로 바꾼 다음, URL 필드로 "강의 상세 URL"을 고릅니다.

URL을 https://...로 시작하는 전체 주소 대신 /course-details... 같은 상대 경로로 적어야 미리보기 주소와 실제 공개 주소에서 모두 동작합니다. 두 번째 버그(과제 탭 필터)도 같은 방식입니다. 과제는 회차에, 회차는 강의에 연결돼 있으니 회차 테이블에 "강의 ID" Lookup을, 과제 테이블에 다시 회차를 거친 "강의 ID" Lookup을 만들고, 과제 탭 목록에 "강의 ID가 {URL_PARAM:recordId}와 같을 때" 필터를 걸면 됩니다.

세 번째 버그를 고친 방법: 드롭다운 옵션 동기화

과제 제출 폼의 "과제 선택"은 과제 테이블과 연결된 필드인데 선택지가 하나도 없었습니다. 폼 블록을 선택하고 Steps 탭에서 "과제 선택" 필드를 누르면 설정 창이 열립니다. 여기서 OPTIONS 옆에 노란 점이 있었고, 들어가 보니 "At least 1 option is needed" 경고와 함께 "Sync all available options"가 꺼져 있었습니다. 이걸 켜자마자 과제 11개가 선택지로 들어왔습니다.

제출하기를 누른 뒤 데이터베이스를 열어 보면 제출 레코드에 과제, 수강생(로그인한 사람으로 자동 연결), 상태 "제출됨"이 들어가 있습니다. 강사 화면의 과제 검토 표에도 바로 올라옵니다.

강사가 행 오른쪽 메뉴에서 피드백 입력을 누르면 이제 입력창이 뜹니다. 피드백을 쓰고 상태를 "피드백완료"로 바꿔 저장하면 위의 "피드백 완료 수"가 5에서 6으로 올라갑니다.

Step 6. AI co-builder를 쓸 때 지킨 규칙 3가지

버그를 고치면서 co-builder도 많이 썼습니다. 써 보니 지켜야 할 규칙이 생겼습니다.

1. 요청 하나에 변경 하나만. 버그 두 개를 한 메시지에 담았더니 "The request took too long to reason about"이라며 실패했습니다. 하나씩 나눠 보내자 바로 처리됐습니다.
2. "고쳤습니다"는 확인 전까지 믿지 않기. 드롭다운 옵션은 두 번 "켰다"는 답을 받았는데 설정 창을 열어 보니 꺼져 있었습니다. 고쳤다는 답을 받으면 미리보기에서 그 버튼을 직접 눌러 보고, 데이터베이스까지 열어서 값이 제대로 들어갔는지 확인했습니다.
3. 원인을 알면 원인까지 적어 주기. "카드를 누르면 레코드를 못 찾는다"보다 "수강등록 ID가 넘어가서 못 찾는다, 연결된 강의 ID로 열어 줘"라고 쓰니 결과가 정확해졌습니다.

요청 한 번에 AI 크레딧이 0.1~0.2 정도 들었습니다. 요금제 페이지 기준으로 월 AI 크레딧은 Free 5, Basic 10, Pro 50, Business 100입니다.

Step 7. 공개하기

오른쪽 위 Publish를 누르면 공개 설정 창이 나옵니다. 기본 주소가 marshall64045.softr.app처럼 알아보기 어렵게 나오니, Edit를 눌러 원하는 이름으로 바꿉니다. 저는 datapopcorn-portal.softr.app으로 바꾸고 Publish를 눌렀습니다. 공개 주소로 들어가면 로그인 화면부터 나오고, 초대받은 사람만 들어갈 수 있습니다.

두 가지를 주의하세요.

• 서브도메인을 바꾸면 미리보기 주소도 같이 바뀝니다. 예전 미리보기 탭은 "Can't find the application"이 뜨니, Studio에서 Preview를 다시 눌러 새로 엽니다.
• 공개한 뒤에 고친 내용은 Publish 창의 "Publish updates"를 눌러야 실제 주소에 반영됩니다.

요금은 어느 플랜이 필요할까

Softr 요금제 페이지 기준(2026년 10월)으로 정리하면 이렇습니다.

플랜	가격	이 포털 기준으로 본 차이
Free	0원	앱 사용자 5명, 레코드 5천 개. 연습용
Basic	월 $19	커스텀 도메인
Pro	월 $99	Softr 로고 제거, Google 로그인과 OTP, 세부 권한 설정
Business	월 $329	더 큰 사용량과 복잡한 권한

실제 수강생에게 내놓을 거라면 Softr 로고를 빼고 Google 로그인을 쓸 수 있는 Pro부터 검토하게 됩니다. 교육 기관과 비영리 단체는 50% 할인 신청 양식이 따로 있습니다.

Softr와 비슷한 서비스 비교

같은 포털을 다른 도구로 만든다면 어떤 차이가 있는지 각 서비스의 요금제 페이지(2026년 10월 28일 확인)를 기준으로 정리했습니다. 가격은 유료 첫 플랜의 시작가입니다.

서비스	잘 맞는 용도	유료 시작가	이 포털 기준으로 본 차이
Softr	고객 포털, 사내툴, CRM	월 $19	자체 DB와 구글 시트, Airtable, HubSpot 등 여러 데이터 연결. 로고 제거와 Google 로그인은 Pro(월 $99)부터
Noloco	외부 사용자가 많은 고객 포털	월 $65(연간 결제)	Build 플랜에 외부 사용자 1,000명, 팀원 10명 포함. 수강생 수가 많으면 유리
GlideOS	시트 기반 사내 앱, 모바일	월 $25	Basic은 앱 2개, 팀원 2명. 외부에 공개하는 앱은 Plus(월 $50)부터
Retool	개발자가 만드는 사내툴	빌더당 월 $10 + 사용자당 월 $5	무료는 5명까지. 외부 사용자용 앱은 Business 플랜부터라 수강생 포털에는 비쌈
Bubble	판매할 웹·모바일 제품	무료로 개발 시작	자유도는 가장 높지만 포털 하나 만들기에는 배울 게 많음
Airtable Interface	이미 Airtable을 쓰는 팀의 내부 화면	Airtable 요금제에 포함	팀 내부용 화면에 적합. 외부 고객 포털 용도로는 약함

수강생이 수십 명인 교육 포털이라면 Softr로 충분하고, 수백 명 이상 외부 사용자에게 열어야 한다면 Noloco를 같이 견적 내 보는 걸 권합니다. Bubble과 Airtable Interface 내용은 Softr가 쓴 비교 글을 참고했고, 나머지는 각 서비스 요금제 페이지 기준입니다.

막힐 때

증상	확인할 곳
편집 화면에서 다른 사람 데이터까지 다 보임	정상입니다. 편집 모드는 사용자 필터를 적용하지 않습니다. Preview as로 확인하세요
상세 페이지가 "Record details can no longer be found."	목록이 어떤 테이블인지, 상세 페이지가 어떤 테이블을 기대하는지 비교하세요. 다르면 Step 5의 강의 ID 방식으로 엽니다
폼 드롭다운이 비어 있음	필드 설정의 OPTIONS에서 "Sync all available options"를 켭니다
co-builder가 "took too long" 또는 "ran into issues"	요청을 더 작게 나눕니다
co-builder가 샘플 데이터를 못 지움	표에서 체크해 지우거나 Database API의 DELETE를 씁니다
새로 만든 필드가 블록 설정 목록에 안 보임	Studio 페이지를 새로고침합니다

다음에 해 볼 것

지금 "과제 선택" 드롭다운에는 과제 11개가 모두 나옵니다. 수강생이 듣는 강의의 과제만 보이게 하려면 Softr 문서의 Options Filters 기능으로 조건을 걸면 됩니다. 이건 아직 적용하지 않았습니다. 제출이 들어오면 강사에게 알림을 보내는 것도 Softr Workflows나 n8n으로 붙여 볼 생각입니다.

정리

• Softr AI co-builder는 테이블 구조, 연결, 역할별 권한, 페이지 뼈대까지 10분 안에 만들어 줍니다. 요구사항에 테이블과 역할을 미리 적어 주면 결과가 더 정확합니다.
• 다만 만들어진 앱을 그대로 쓰면 안 됩니다. 제 경우 카드 클릭, 목록 필터, 폼 드롭다운, 피드백 버튼, 제출 상태, 홈 지표까지 6곳을 고쳐야 했습니다.
• 확인은 편집 화면이 아니라 Preview as로, 버튼을 직접 누르고 데이터베이스 값까지 열어 보면서 합니다. AI가 "고쳤다"고 해도 직접 확인하기 전까지는 고쳐진 게 아닙니다.
• AI가 만든 샘플 문장도 사실인지 읽어 보고 고칩니다.

참고 자료

• Softr 요금제
• Softr Database API 개요, API 토큰 발급
• Conditional Forms
• URL 파라미터로 목록 필터링하기
• Formula Glossary(RECORD_ID 등)
• 비교표 출처: Noloco 요금제, Glide 요금제, Retool 요금제, Softr가 정리한 대안 비교