14주차 3교시: 30% 프로젝트 프로토타입 미션

한 질문, 한 입력, 한 규칙, 한 시각화, 한 파일을 끝까지 연결하기

1. STEP 0준비사본·파일명·판정
2. STEP 1카드질문·독자·출처
3. STEP 2입력경로·모드·원본 보존
4. STEP 3처리집계·빈도·RMS·매개변수
5. STEP 4표현막대·선·도형
6. STEP 5해석관찰·한계·다음 행동
7. STEP 6저장PNG 또는 HTML
8. STEP 7검증·제출새 런타임 PASS

먼저 내려받을 노트북과 결과 경로

원본 크기로 보기 ↗

귀가 조건: 제출 전에 열다섯 가지 확인

체크 상태는 이 브라우저에 저장됩니다. 체크 표시는 확인을 돕는 기록이며, 자동 검사와 교수 확인을 대신하지 않습니다.

50분 진행 기준

• 0-5분미션 계약

  귀가 조건, 네 경로, 제출 파일과 면담 큐를 확인합니다.

• 5-12분사본·카드

  파일명을 바꾸고 STEP 1의 판정·메타데이터를 기록합니다.

• 12-22분입력·처리

  원본을 보존하고 한 가지 처리 결과를 확인합니다.

• 22-32분핵심 시각화

  처리 값을 막대·선·도형의 시각 요소에 연결합니다.

• 32-38분저장·육안 점검

  PNG 또는 HTML을 직접 열어 잘림을 확인합니다.

• 38-44분증거 점검

  기술 검사와 관찰·한계·행동 문장을 준비합니다.

• 44-48분마지막 확인·최종 실행

  12분부터 병행한 확인을 마치고 모두 실행합니다.

• 48-50분제출·귀가

  필수 파일을 제출하고 완료 확인 뒤 귀가합니다.

시간은 순서를 놓치지 않기 위한 기준입니다. 앞 단계가 빨리 끝나면 즉시 다음 단계로 이동합니다. 오류가 생기면 아래 문제 해결 항목에서 현재 STEP을 찾고, 그래도 해결되지 않으면 오류 문장 전체와 해당 STEP 번호를 교수에게 보여 줍니다.

STEP 0 · 노트북 사본과 제출 파일명 만들기

1. 실습 노트북을 내려받아 Google Colab에서 엽니다.
2. 파일 → Drive에 사본 저장을 선택합니다.
3. 노트북 이름을 week14_학번_이름_prototype.ipynb로 바꿉니다.
4. 입력 판정은 approval_status와 approval_note에, 코드 판정은 reuse_status와 reuse_note에 따로 옮깁니다.
5. 처음에는 STEP 0부터 STEP 7까지 한 번 실행해 제공 경로의 구조를 봅니다. EDIT: 문장 때문에 최종 검사가 실패하는 것은 정상입니다.

STEP 1 · 프로젝트 카드와 경로 선택

STEP 1은 오늘 수정하는 첫 번째 코드 셀입니다. 학번·이름, 입력 판정, 코드 재사용 판정, 경로·입력·출력 형식, 질문과 자료 메타데이터를 편집합니다. 따옴표, 변수 이름, 등호는 지우지 않고 따옴표 안의 값만 바꿉니다. 입력 판정과 코드 판정을 하나로 합치지 않으며, teacher_gate는 교수가 최종 의미 확인을 마치기 전까지 "pending"으로 둡니다.

student_id = "20261234"
student_name = "김프로토"

project_track = "data"
input_mode = "provided"
own_source_filename = ""
output_format = "png"

approval_status = "provided"
approval_note = "수업 제공 데이터의 범주별 합계와 막대 경로로 범위를 확정했다"
reuse_status = "guided"
reuse_note = "공통 STEP 3·4 코드를 수정하지 않고 그대로 사용한다"
teacher_gate = "pending"

project_question = "세 공간의 기록 합계는 어떻게 다른가?"
intended_audience = "학과 공간을 처음 이용하는 학생"
project_source = "Contents Programming Practice Week 14 교수자 제공 가상 자료"
usage_rights = "수업 실습과 제출을 위해 제공된 가상 자료"
reference_date = "2026-08-18 수업용 제작 자료"
privacy_check = "실제 개인을 포함하지 않은 교수자 창작 가상 자료임을 확인했다"
observation_unit = "한 행은 한 공간에서 한 번 집계된 기록값을 뜻한다"
value_unit = "기록 합계"
scope_decision = "이번 주에는 지도와 인터랙티브 필터를 구현하지 않는다"
processing_rule = "category가 같은 행의 value를 합산한다"
visual_rule = "공간 범주를 세로 위치에, 기록 합계를 막대 길이에 연결한다"

자신의 자료가 2교시 면담에서 승인되었다면 업로드하기 전에 복사본의 이름을 week14_학번_이름_source.확장자로 바꿉니다. input_mode = "own"으로 바꾸고 own_source_filename에도 그 표준 파일명을 정확히 적은 뒤 STEP 1부터 다시 실행합니다. 실행 뒤에 파일명만 따로 바꾸지 않습니다. 승인이 없거나 형식이 다르면 provided를 유지합니다.

STEP 2 · 승인된 입력을 불러오고 원본 보존하기

STEP 2는 선택한 경로와 입력 모드에 따라 입력을 불러옵니다. 제공 자료는 코드 안에서 만들어지며, 자신의 자료는 같은 세션에 업로드한 파일을 읽습니다. 이 셀은 원본 사본과 SHA-256 지문을 남깁니다. 지문은 파일 내용이 바뀌면 달라지는 긴 문자열로, 실행 중 원본이 그대로였는지 확인하는 표식입니다.

데이터 경로는 raw_data, 텍스트 경로는 raw_text, 사운드 경로는 raw_signal, 규칙 이미지 경로는 raw_image_params를 만들고 각각 raw_snapshot을 남깁니다. 뒤 셀에서 원본을 직접 바꾸면 최종 검사가 실패합니다.

STEP 3 · 처리 규칙 하나와 전후 수량 확인하기

STEP 3은 경로별로 하나의 안전한 시작 규칙을 실행합니다. reuse_status = "guided"이면 수정하지 않습니다. 2교시 면담에서 이전 주차의 개인 처리 규칙을 승인받아 approved 또는 scoped를 기록한 학생만 APPROVED REUSE ZONE의 자기 경로를 교체하고, 마지막에 processed_values라는 1차원 수치 증거를 남깁니다. 입력은 제공 자료여도 됩니다. 콘솔에는 입력 수량과 처리 결과 수량이 함께 출력되어야 합니다.

STEP 4 · 처리 값을 막대·선·도형의 시각 요소에 연결하기

STEP 4는 데이터와 텍스트 경로에서 processed_values를 막대 길이에, 사운드 경로에서 시간과 RMS를 선의 가로·세로 위치에, 규칙 이미지 경로에서 좌표·크기·색을 원의 위치·면적·색에 연결합니다. 기본 화면은 장식이 아니라 처리 규칙이 실제로 보이는지 확인하는 증거입니다.

# 데이터·텍스트 경로
visual_artists = axis.barh(
    processed_labels,
    processed_values,
)

# 사운드 경로
(visual_artist,) = axis.plot(
    processed_times,
    processed_values,
)

# 규칙 이미지 경로
visual_artist = axis.scatter(
    processed_x,
    processed_y,
    s=processed_values ** 2 / 3,
    c=processed_colors,
)

STEP 5 · 관찰, 한계, 15주차 행동 두 가지 작성하기

STEP 5는 오늘 수정하는 두 번째 코드 셀입니다. 먼저 화면에서 직접 가리킬 observation_evidence를 적고, 그 표현을 관찰 문장에 그대로 포함합니다. 한계에는 현재 단정할 수 없는 내용을 쓰고, 두 다음 행동에는 서로 다른 수정 대상과 동사를 넣습니다. 교수 확인 뒤 받은 피드백도 같은 셀에 기록합니다.

observation_evidence = "Archive 84"
main_observation = (
    "Archive의 기록 합계는 84로 세 범주 가운데 가장 크다."
)
limitation_statement = (
    "가상 기록에는 이용 인원과 공간 크기가 없어 이용률을 판단할 수 없다."
)
next_step_1 = "축 이름을 한국어로 바꾸고 기록 단위를 제목 아래에 추가한다."
next_step_2 = "세 막대의 색 대비를 확인하고 출처 영역을 별도로 배치한다."
teacher_feedback = "관찰 근거는 유지하고 기간 한계를 출처 가까이에 표시한다."

STEP 6 · PNG 또는 HTML을 저장하고 직접 열기

STEP 6은 학번과 이름을 안전한 파일명 조각으로 바꾸고 output_format에 따라 week14_학번_이름_preview.png 또는 week14_학번_이름_preview.html을 저장합니다. HTML은 외부 이미지 없이 열리도록 1600 × 1000 PNG와 질문·관찰·한계·출처를 한 문서에 포함하며, 화면 폭에 맞춰 이미지 크기가 줄어듭니다. 셀 출력만 보지 말고 왼쪽 파일 패널에서 결과를 직접 엽니다.

1. 파일명이 week14_학번_이름_preview.png 또는 .html 형식인지 확인합니다.
2. 결과가 빈 화면이 아니고 막대·선·도형 가운데 선택한 표현이 보이는지 확인합니다.
3. 긴 범주·단어 레이블과 관찰·한계 문장이 잘리지 않는지 확인합니다.
4. 막대 끝 숫자, 사운드 축 단위 또는 규칙 이미지의 도형 경계가 읽히는지 확인합니다.
5. 다운로드한 PNG는 이미지 뷰어, HTML은 브라우저에서 네트워크 없이 열리는지 확인합니다.

STEP 7 · 기술 증거 점검, 교수 확인, 최종 모두 실행

1. teacher_gate = "pending"인 상태에서 STEP 0-6의 출력, 결과 파일, STEP 5 문장을 먼저 준비합니다.
2. 교수에게 아래 여섯 항목을 확인받고 teacher_feedback을 기록합니다.
3. 확인 지시에 따라 teacher_gate = "confirmed"로 바꿉니다.
4. 작업을 저장한 뒤 런타임 → 세션 다시 시작 → 모두 실행을 선택합니다.
5. STEP 0부터 STEP 7까지 실행되는 동안 중간 셀을 따로 누르지 않습니다.
6. 마지막 완료 문구, 선택 경로, 입력 모드, 출력 파일명을 확인하고 결과를 다시 엽니다.

FINAL CHECK 코드는 수정하지 않습니다. 오류 문장은 어느 조건이 충족되지 않았는지 알려 줍니다. 메시지를 읽고 해당 STEP으로 돌아간 뒤 수정하고, 마지막에는 다시 새 런타임에서 모두 실행합니다.

교수 증거 확인 · 완성 순서대로 30-45초

긴 발표를 다시 하지 않습니다. 열린 PNG 또는 HTML과 STEP 1·5를 같은 화면에 준비하고, 아래 여섯 항목의 위치만 순서대로 가리킵니다. 교수는 확인 또는 한 항목 수정만 기록합니다. 30명 기준 15-22.5분이므로 결과가 준비된 12분 이후부터 제작과 병행합니다.

1. 질문-입력: 현재 입력으로 질문에 답할 수 있는가?
2. 이용 권한: 출처와 분석·변형·제출 근거가 확인되는가?
3. 범위: 승인된 핵심 경로가 작동하고 확장 기능이 분리되었는가?
4. 관찰·한계: 관찰 근거를 화면에서 가리킬 수 있고, 한계가 현재 자료의 범위를 정확히 제한하는가?
5. 다음 행동: 15주차 수정 두 가지의 대상과 동작이 서로 다르고 실행 가능한가?
6. 가독성: 화면의 막대·선·도형, 축·단위, 관찰과 한계가 실제로 읽히는가?

제출 · 필수 파일 확인 후 즉시 귀가

input_mode = "provided"이면 입력이 노트북 안에 있으므로 두 파일만 제출합니다. own이면 STEP 2가 실제로 읽은 week14_학번_이름_source.확장자 파일을 이름을 바꾸지 않고 그대로 함께 제출합니다. 노트북을 내려받기 전에 마지막 완료 출력과 그래프가 저장되어 있는지 확인합니다.

선택 확장 · 같은 입력의 두 번째 표현을 비교하기

필수 결과를 별도 파일로 보존하고 제출까지 마친 학생만 진행합니다. 같은 입력과 처리 결과를 다른 그래프나 시각 규칙으로 표현하되, 새 표현이 기존 결과에서 보이지 않던 무엇을 보여 주는지 비교합니다.

1. 필수 PNG 또는 HTML을 덮어쓰지 않고 노트북 사본과 새 출력 파일을 만듭니다.
2. 질문과 입력, 처리 값은 그대로 유지합니다.
3. 막대 정렬, 점 표현, 색상 또는 두 번째 Axes 가운데 한 가지 표현만 바꿉니다.
4. 두 결과의 장점과 놓치는 정보를 각각 한 문장으로 적습니다.
5. 어느 표현을 15주차에 유지할지 근거 한 문장으로 결정합니다.

단순히 색을 바꾸거나 새 라이브러리를 설치한 것은 확장 완료로 보지 않습니다. 두 번째 표현이 새로운 비교를 가능하게 해야 합니다. 선택 확장은 귀가 조건과 추가 점수에 포함하지 않습니다.

15주차 연결 · 30%에서 70%로

15주차에는 오늘 승인된 질문과 핵심 경로를 유지하고 STEP 5에 기록한 두 수정 행동부터 실행합니다. 입력 전체에서 예외가 없는지 확인하고, 오류 안내, 축·단위·출처, 색상 대비, 정보 위계와 레이아웃을 보완해 70% 프로토타입으로 발전시킵니다.

주제를 다시 고르거나 기능을 무작정 늘리지 않습니다. 자료 이용 문제가 새로 드러나거나 핵심 구현이 불가능하다는 증거가 생긴 경우에만 변경 이유와 대체 범위를 교수와 다시 합의합니다. 오늘 제출한 노트북과 PNG 또는 HTML은 15주차 수정 전 상태를 비교하는 기준점으로 보존합니다.

실습 참고 자료

• Google Colab노트북 업로드, Drive 사본 저장, 런타임 다시 시작과 모두 실행에 사용하는 실습 환경
• Python 공식 문서 : assert최종 검사에서 조건과 오류 메시지가 작동하는 원리
• pandas 공식 문서 : DataFrame.groupby데이터 경로에서 같은 범주의 값을 묶어 합산하는 기준
• Matplotlib 공식 문서 : savefig8 × 5인치 Figure를 200DPI의 1600 × 1000 PNG로 저장하는 방법