학교 축제 · 2회차 코딩 실습

지금 할 수 있는 실습부터 골라보세요

입문 1개 → 자기 조의 기본 1개 → 여유가 있으면 도전 1개. 아홉 개를 모두 할 필요는 없습니다.

설치 없이 바로 실습합니다

아래에서 실습을 선택하고, 논리를 적은 다음 작성 칸에 코드를 붙여 넣으세요. 코드 적용·실행을 누른 뒤 여러 상황으로 직접 확인합니다.

작성 내용은 이 기기의 브라우저에만 남습니다. 완성한 logic.js와 지도 배치 JSON을 다운로드해 보관하세요. 통합 화면에서 세 조의 파일을 불러오면 바로 함께 확인할 수 있습니다. 다른 기기에 전달할 때는 통합 보관 파일을 내려받습니다. ZIP은 오프라인 실습이나 직접 파일을 편집할 때 사용합니다.

어떤 순서로 진행하나요?

목표·예시입력과 예상 결과를 보고 내 규칙을 적습니다.
코드 채우기표시된 작성 칸에만 코드를 넣습니다. LLM 요청도 여기서 복사합니다.
실행·확인적용하고 여러 입력으로 예상과 같은지 비교합니다.
파일 보관확인한 logic.js를 다운로드합니다.

완성 화면과 입력·테스트는 제공되어 있습니다. 학생은 안내·조건·계산 함수를 완성합니다. 모든 입력은 가상 데이터입니다.

입문

처음이라면 여기서 시작

문장을 돌려주고 간단한 조건을 나눠봅니다.

10–15분작성 1곳

운영 안내 한 문장

운영 중인지에 따라 서로 다른 안내를 보여줍니다.

조건과 return

common/logic.js

이 실습 시작

10–15분작성 1곳

부스 이름으로 환영하기

같은 함수로 여러 부스의 환영 문구를 만듭니다.

문자열 연결

greeting/logic.js

이 실습 시작

15–20분작성 1곳

대기와 호출 구분하기

대기 중인지 호출됐는지에 따라 안내를 바꿉니다.

두 조건과 기본값

queue-basic/logic.js

이 실습 시작

기본

우리 조의 기능 완성하기

지도·구매 내역·대기표 중 조의 기능 하나를 선택합니다.

25–35분작성 1곳

지도와 부스 위치 안내

부스를 고르면 위치를 안내하고, 위치가 없을 때도 설명을 보여줍니다.

객체·빈 값·공백

map/logic.js

이 실습 시작

30–40분작성 2곳

구매 내역과 취소 표시

빈 내역과 불러오기 실패를 구분하고 취소 거래도 내역에 남깁니다.

배열·상태·두 함수

history/logic.js

이 실습 시작

25–35분작성 1곳

대기표의 다섯 가지 안내

대기·호출·완료·취소와 알 수 없는 상태를 모두 안내합니다.

여러 조건과 예외

queue/logic.js

이 실습 시작

도전

기본을 마쳤다면 한 단계 더

숫자를 검증하고 면적·합계·예상 시간을 계산합니다.

25–35분작성 1곳

부스 크기와 면적 계산

가로·세로 칸 수를 받아 크기와 전체 면적을 안내합니다.

숫자 검증과 계산

map-area/logic.js

이 실습 시작

35–45분작성 1곳

취소를 뺀 사용 포인트 합계

여러 거래를 살펴보고 완료된 결제 금액만 더합니다.

반복·합계·검증

history-total/logic.js

이 실습 시작

25–35분작성 1곳

앞선 팀 수로 대기 시간 계산

앞에 기다리는 팀 수에 따라 예상 시간을 계산합니다.

입력 검증·분기·곱셈

queue-position/logic.js

이 실습 시작

마지막에는 세 조의 결과를 연결합니다

통합 화면에서 지도·구매 내역·대기표의 기본 logic.js를 각 조의 칸에 불러옵니다. 파일은 바로 반영되며 16가지 입력으로 함께 시험할 수 있습니다. 입문·도전 파일은 넣지 않습니다.

세 조의 파일 불러오기·통합 화면

지도 배치 JSON도 불러오고 통합 결과를 보관 파일로 내려받을 수 있습니다. 파일은 현재 브라우저에서만 실행되며 실제 축제 운영 서버와는 연결되지 않습니다.