예상하고,
직접 바꿔 보기

이 활동 코딩·온라인 제출 ↗

W01-A · 실행 전에 예상하기

console.log(10 + 20);과 console.log("10 + 20");의 결과를 각각 적고 차이를 설명하세요.

이 활동 코딩·온라인 제출 ↗

W01-B · 나의 첫 출력

내 업무를 소개하는 문장 한 줄과, 월별 요청 12건+8건의 합계를 console.log로 출력하세요.

목표 결과: 소개 문장과 숫자 20

이 활동 코딩·온라인 제출 ↗

W01-C · 업무를 명령으로 바꾸기

반복 업무 한 가지를 고르고 입력·처리·출력·검증을 각각 한 문장으로 적으세요. ‘알아서 정리’처럼 기준이 없는 말은 구체화하세요.

이 활동 코딩·온라인 제출 ↗

W02-A · 변수의 값을 따라가기

아래 코드의 최종 출력과 let을 사용한 이유를 적으세요.

let spent = 40;
spent = spent + 10;
console.log(spent);

이 활동 코딩·온라인 제출 ↗

W02-B · 집행률 25% 만들기

예산 400만원, 지출 100만원의 집행률을 계산하도록 빈칸을 채우세요. 숫자에 따옴표를 붙이지 마세요.

목표 결과: 25

이 활동 코딩·온라인 제출 ↗

W02-C · 목표 달성률로 바꾸기

목표 250건, 실적 200건의 달성률을 계산하세요. 목표와 실적에 어울리는 변수 이름을 쓰고, 계산식의 분모를 설명하세요.

목표 결과: 80

이 활동 코딩·온라인 제출 ↗

W03-A · 경계값 분류표

집행률 80% 미만 정상, 80% 이상 100% 미만 주의, 100% 이상 초과입니다. 79, 80, 99, 100, 120을 분류하세요.

이 활동 코딩·온라인 제출 ↗

W03-B · 조건의 순서 고치기

rate=100이 초과로 나와야 합니다. 아래 코드의 순서와 조건을 고치세요.

목표 결과: 초과

이 활동 코딩·온라인 제출 ↗

W03-C · 업무 요청을 분류하기

요청이 긴급이고 영향 인원이 100명 이상이면 ‘즉시 검토’, 나머지는 ‘일반 검토’입니다. urgent=true, people=120으로 코드를 쓰고, people=99도 시험하세요.

목표 결과: 120명은 즉시 검토, 99명으로 수정하면 일반 검토

이 활동 코딩·온라인 제출 ↗

W04-A · 목록의 위치와 개수

const months = ["1월", "2월", "3월"];에서 months[0], months[2], months.length를 쓰세요.

이 활동 코딩·온라인 제출 ↗

W04-B · 누적 합계 완성

지출 15, 25, 10의 합계가 50이 되도록 빈칸을 채우세요. total을 어디에서 0으로 시작하는지 확인하세요.

목표 결과: 50

이 활동 코딩·온라인 제출 ↗

W04-C · 기준을 넘은 달 세기

실적 [70, 90, 100, 60]에서 80 이상인 달의 개수를 세세요. 합계와 개수의 차이를 설명하세요.

목표 결과: 2

이 활동 코딩·온라인 제출 ↗

W05-A · 반환과 출력 구분

getRate(200, 100)의 반환값은 무엇인가요? 함수 안에 console.log만 쓰고 return을 빼면 호출 결과는 어떻게 되나요?

이 활동 코딩·온라인 제출 ↗

W05-B · 0으로 나누기 전에 멈추기

예산이 0 이하이면 안내 문장을 반환하고, 나머지는 집행률을 반환하세요. 입력은 이미 숫자라고 가정합니다.

목표 결과: 예산은 0보다 커야 합니다 25

이 활동 코딩·온라인 제출 ↗

W05-C · 빈칸과 0 구분하기

문자열 raw를 받아 빈칸은 ‘입력 필요’, 숫자가 아니거나 음수이면 ‘입력 오류’, 나머지는 숫자로 반환하는 함수를 만드세요. 이번 활동은 소수도 허용합니다.

목표 결과: 입력 필요 0

이 활동 코딩·온라인 제출 ↗

W06-A · 표의 한 행 읽기

const team = { name: "전략", budget: 300, spent: 160 };에서 부서명과 지출을 읽는 식, 각 결과를 적으세요.

이 활동 코딩·온라인 제출 ↗

W06-B · 전체 집행률 계산

아래 두 부서의 예산 합계와 지출 합계, 전체 집행률을 계산하세요. 모든 값은 유효한 숫자입니다.

목표 결과: 예산 합계400, 지출 합계240, 출력60

이 활동 코딩·온라인 제출 ↗

W06-C · 집계 결과가 이상할 때

부서별 집행률 80%와 약53.33%의 평균은 약66.67%인데 전체 집행률은 60%입니다. 왜 다른지 설명하고, 보고서에 어떤 수치를 쓸지 기준을 정하세요.

이 활동 코딩·온라인 제출 ↗

W07-A · 화면과 코드 연결하기

querySelector, value, addEventListener, textContent를 ‘요소 찾기, 입력 읽기, 클릭 시 실행 등록, 결과 쓰기’와 연결하세요.

이 활동 코딩·온라인 제출 ↗

W07-B · 버튼이 바꾸는 문장

교재의 화면 실습에서 입력창에 ‘전략팀’을 적고 버튼을 누르세요. 버튼을 누를 때마다 바뀌는 결과 문장을 적고, 이름을 공백으로 바꿨을 때도 확인하세요.

이 활동 코딩·온라인 제출 ↗

W07-C · 요소를 못 찾는 문제 설명

id="result"인 요소를 querySelector("#reslut")로 찾았더니 null이 나왔습니다. 원인, 고칠 코드, 다시 확인할 방법을 적으세요.

이 활동 코딩·온라인 제출 ↗

W08-A · 계산기의 세 줄 완성

starter.html을 열고 ‘작성한 규칙 시험하기’를 누르세요. 집행률 식, 초과 조건, 주의 조건을 완성하고 100·80과 100·100을 시험하세요. 파일로 저장할 수 있으면 HTML의 TODO도 같은 값으로 고치세요.

이 활동 코딩·온라인 제출 ↗

W08-B · 예상과 실제를 비교

검증표의 지정 6개(일반50%, 80% 경계, 100% 경계, 예산0, 지출 빈칸, 지출abc)를 계산기에 입력하고 실제 결과와 통과 여부를 기록하세요. 틀렸다면 입력·규칙·출력을 나누어 원인을 적으세요.

이 활동 코딩·온라인 제출 ↗

W08-C · 개발자에게 인계하기

내 업무 계산기를 개발자에게 요청한다고 생각하고 입력 단위·범위, 계산식, 구간, 오류 문구, 검증 사례를 적으세요. AI에 코드를 요청할 때도 같은 기준을 사용하세요.