출강실시간 화상

누구나 만드는 웹 개발 과정 — 개발부터 테스트·배포까지

작은 웹 서비스를 AI와 함께 만들고, 테스트로 확인하고, 배포까지 해 보는 과정

이런 팀에

특히 AI 코딩 교육에서는 도구가 코드를 얼마나 빠르게 만들어 주는지만 보여주고 싶지 않습니다. AI가 만든 코드에 오류가 있다면 왜 잘못됐는지 함께 살펴보고, 어떻게 수정하고 검증할 수 있는지까지 가르치고 싶습니다.

실제 개발에서는 요구사항을 이해하고, 기존 시스템을 분석하고, 테스트하고, 운영하는 과정이 모두 중요합니다. 이 과정은 그 흐름을 작은 웹 서비스 하나로 처음부터 끝까지 해 봅니다.

실습 프로젝트 — 사내 예약·신청 관리 웹 서비스

React · Spring Boot · JUnit · Playwright

회의실 예약이나 교육 신청처럼 목록·등록·수정·권한이 있는 작은 서비스를 처음부터 만듭니다.

화면에서 시작한 요청이 서버와 DB까지 제대로 처리되는지 테스트로 확인합니다.

개발 경험이 없는 반은 서버를 직접 만드는 대신 관리형 서비스를 써서 범위를 줄입니다.

예시 구성입니다. 시간과 범위는 회사 일정과 수강생 수준에 맞춥니다.

1일차요구사항부터 동작하는 첫 기능까지

1일차 시간표
시간	내용	결과물
1시간이론	이론요구사항·완료 조건 정리, 작업 계획→ 기능 목록과 완료 조건	기능 목록과 완료 조건
1시간실습	실습개발 환경 점검, Claude Code 연결, 프로젝트 뼈대→ 실행되는 뼈대	실행되는 뼈대
2시간실습	실습목록·등록 화면과 API 만들기→ 첫 기능	첫 기능
2시간실습	실습AI가 만든 코드 읽기, 테스트 작성, 잘못된 제안 고치기→ 통과하는 테스트	통과하는 테스트

2일차권한·테스트·배포

2일차 시간표
시간	내용	결과물
2시간실습	실습수정·삭제·권한 검사, 오류 처리→ 핵심 기능	핵심 기능
1.5시간실습	실습화면에서 서버까지 흐름 테스트→ 통과하는 흐름 테스트	통과하는 흐름 테스트
1.5시간실습	실습배포, 환경 변수·비밀 정보 다루기, 배포 뒤 확인→ 배포한 서비스 주소	배포한 서비스 주소
1시간발표	발표만든 서비스 시연과 질의응답→ 결과물 발표	결과물 발표

개발 경험이 없어도 되나요?

범위를 줄여서 진행합니다. 개발자 반은 React와 Spring Boot로, 처음인 반은 더 단순한 웹 기술과 관리형 서비스로 같은 흐름을 해 봅니다.

회사 서버에 배포하나요?

기본은 실습용 배포 환경을 씁니다. 회사 서버나 클라우드에 배포하려면 보안 담당자와 먼저 협의합니다.

누구나 만드는 웹 개발 과정 — 개발부터 테스트·배포까지

시간과 범위는 상담 뒤 회사에 맞춰 정합니다.