첫 웹앱 실습실박권 · TechKwon · 호원중학교강의 자료 ↓

2026. 09. 14. 월 · 19:00–21:00 KST

처음 만든 웹앱,
내 수업의 도구로.

설명 하나, 클릭 하나, 결과 확인 하나.
DB에 활동 기록을 저장하고, 같은 주소로 개선까지 함께 갑니다.

교사 입문120분 · 휴식 10분 포함Git 설치·인증부터 함께
01Codex만들고 수정하기
02GitHub코드와 변경 기록
03Vercel웹 주소로 배포하기
120분 진행표 내 진도를 편하게 확인하세요

      직접 눌러 보는 기록 앱

      가상 활동 기록 · 브라우저 DB 체험

      버튼을 누르면 실제 IndexedDB에 저장하고 목록을 다시 읽습니다. 새로고침해도 이 브라우저에 유지됩니다. Supabase 클라우드 DB·로그인 권한 검증은 아닙니다. 본 실습에서는 본인 프로젝트에 연결한 앱을 사용하세요. 개인정보 입력 없이 정해진 가상 예시만 저장합니다.

        Supabase SQL 원문

        개인별 새 실습 프로젝트 SQL Editor에서 한 번 실행합니다. 복사 버튼은 SQL을 실행하지 않습니다.

        세 질문으로 확인하기

        작은 용어 사전

        낯선 단어는 펼쳐서 읽기

        TROUBLESHOOTING

        막혔다면, 이 순서로

        수업을 마친 뒤에도

        강의 자료와 공식 안내

        슬라이드 파일이 게시된 경우에만 다운로드 버튼이 나타납니다.

        상세 원고 Markdown ↓ · DB 실습 복구 앱 ZIP ↓ · DB SQL ↓

        슬라이드 PPTX · 준비 중강의 PDF · 준비 중

        서비스 화면·메뉴·요금·사용량과 기관 정책은 달라질 수 있습니다. 무료·무제한을 보장하지 않습니다. 이 실습 안내 사이트의 호스팅과 강의 실습 대상인 Vercel 배포는 별개입니다.

        확인 기록을 초기화할까요?

        이 브라우저의 단계별 체크만 지웁니다.
        앱 파일·GitHub·배포에는 영향을 주지 않습니다.