실습을 시작하는 비용 줄이기
별도 개발 환경을 설치하지 않고 반복 문제를 풀 수 있도록 정적 웹 앱으로 구성했습니다.
웹 / 2026 — C# Practice Platform
CodeExam Lab
설치 없이 C# 콘솔 문제를 풀고, 가상 입출력과 자동 테스트로 확인하는 학습 도구.
JavaScriptCodeMirrorPWAC# 에뮬레이터
원본 코드 보기 ↗THE OPENING / 작업의 시작이 작업은
이 작업은
여기서 시작합니다.
시험 준비에 필요한 반복 실습을 브라우저 안으로 가져왔습니다. 문제를 읽고, 코드를 작성하고, 입력과 출력을 확인하는 흐름을 한 화면에 구성했습니다.
WRITE. RUN. TRY AGAIN.CodeExam LabC#
int hp = 100; while (hp > 0) { hp -= damage; }
테스트 입력40 → 30 → 35기대 출력보스 격파 완료!
CODE EDITOR → VIRTUAL CONSOLE → TEST CASES
INSIDE THE WORK / 결과물과 과정
직접 살펴보는 작업.
설명 대신 직접 풀어보세요. 원본 C# 연습 앱을 포트폴리오 안에 가져와 문제 선택, 코드 편집, 실행과 채점을 체험할 수 있습니다.
근거 자료 · 로컬 정적 웹 앱의 실제 실행본
20 STAGES원본 앱의 콘솔 연습 문제
WRITE → RUN → CHECK편집·실행·출력 비교
BROWSERJavaScript 기반 C# 에뮬레이터
실제 앱을 실행해 캡처한 화면 · Hello, CodeExam! 예제의 실행 결과
PLAYABLE / ORIGINAL WEB APP
직접 코드를 실행해보세요.
스테이지를 고르고 코드를 작성한 뒤 실행·채점을 눌러보세요.
20 STAGES / C# CONSOLE읽고. 작성하고. 실행하고.
위의 ‘체험 시작하기’를 누르면 실제 앱을 불러옵니다.
원본 앱 체험 · JavaScript 기반 에뮬레이터의 지원 구문 안에서 실행됩니다. 원본의 외부 UI 라이브러리 로드에 인터넷 연결이 필요합니다.
HOW IT WORKS
한 단계씩, 안쪽으로.
각 단계를 선택해 실제 구조와 연결된 자료를 확인하세요.
01
문제를 고르기
조건문·반복문·배열·입출력 등 20개 스테이지의 문제와 테스트를 제공합니다.
js/problems.js / hints.jsFROM THE SOURCE
실제 코드 한 조각.
runner.jsLINES 1–15
class VirtualConsole {
constructor(inputs) {
this.inputs = inputs;
this.inputIdx = 0;
this.stdout = [];
}
ReadLine() {
if (this.inputIdx < this.inputs.length) {
return this.inputs[this.inputIdx++];
}
return '';
}
WriteLine(msg) {
this.stdout.push(String(msg));
}원본 실행기의 입력 소비와 출력 누적 부분입니다. C# 콘솔의 인터페이스를 JavaScript 객체로 재현합니다. 클래스 앞부분을 발췌했습니다.
WORK & DELIVERABLES구체적으로,
구체적으로,
만든 것들.
- 01
반복문·조건문·배열·콘솔 입출력 등을 다루는 20개 스테이지
- 02
CodeMirror 코드 편집기와 C# 구문을 처리하는 JavaScript 에뮬레이터
- 03
테스트 입력·출력 비교와 단계별 힌트
- 04
진행률 로컬 저장, JSON 백업·복원, URL로 스테이지 공유
- 05
서비스 워커를 활용한 PWA 오프라인 캐시
DECISIONS / NOTES FROM THE PROCESS
선택에는 이유가 있습니다.
에뮬레이터의 한계 명시
브라우저 에뮬레이터이므로 Visual Studio나 dotnet 실행과 완전히 같지는 않습니다. 일반 C# 실행 환경과 구분합니다.
현재 단계와
남은 범위.
저장소 이름은 C-learning이지만 실제 콘텐츠는 C# 시험 대비 플랫폼입니다. 문제·실행기·변환기·저장소 코드에서 구성을 확인했습니다.
이 이야기를
뒷받침하는 자료.
- README.md
- js/problems.js / transpiler.js / runner.js
- storage.js / sw.js / tests
원본 문서·코드의 작업 범위를 기준으로 정리했습니다. 비공개 원본과 개인 정보는 첨부하지 않았습니다.