프로젝트 배경
1) 문제점 - 코드 실행 환경을 별도로 준비해야 하면 초등 학습자가 실습을 시작하기 전부터 부담을 느낌 - 학습 자료·코드 작성·실행 결과가 분리되면 문제 이해와 실습 흐름이 끊김 - 오류나 연결 중단이 발생했을 때 원인과 다음 행동을 이해하기 어려움 2) 프로젝트 목표 - 학습 자료·코드 편집·실행 결과·미리보기를 연결하는 웹 실습 환경 구성 - 오류를 이해하고 수정한 뒤 다시 시도할 수 있
프로젝트 성과
실습 화면 통합
학습 자료·코드 편집·실행 결과·미리보기를 한 화면에 배치해 학습과 실습을 연결했습니다.
오류 피드백 구조 정리
입력 요청과 실행 오류를 구분하고 수정할 위치와 내용을 찾도록 구성했습니다.
중단·복구 안내 마련
연결 중단과 환경 준비 등 상태별로 안내와 다음 행동을 제시하는 화면을 설계했습니다.
핵심 기능
진행 단계
기획
2026.09.
초등 학습자의 실습 흐름, 편집기 정보 구조와 오류·중단·복구 시나리오를 정의했습니다.
프로젝트 상세
1) 포트폴리오 소개 초등 학습자가 브라우저에서 Python 코드를 작성하고 결과를 확인하는 코딩 학습 웹 IDE 서비스입니다. 학습 자료와 코드 편집, 실행 결과를 한 화면에 연결해 실습 흐름을 유지하도록 구성했습니다. 오류 발생 시 수정할 지점을 찾도록 돕고, 연결 중단이나 환경 준비 상황에서도 다음 행동을 이해할 수 있도록 상태 안내를 설계했습니다. 2) 작업 범위 - 기획: 학습·실습 정보 구







