나만의 리듬 그리드

색의 순서와 크기의 변화로 반복에 방향 만들기

형식

목표 달성형 개인 실습, 최대 50분

완료

자동 검사 PASS와 두 파일 제출

제출

.ipynb + .png

1. 준비노트북 사본과 파일명
2. 기준수정 전 4행 × 5열 확인
3. 팔레트RGB 색상 두 개 이상 변경
4. 리듬6열과 크기 변화 설정
5. 검증PNG 저장과 자동 검사 PASS
6. 귀가두 파일 제출 확인 후 종료

귀가 조건: 제출 전에 여덟 가지 확인

1. 노트북 파일명week04_학번_이름.ipynb 형식으로 변경했습니다.
2. 제출 정보학번, 이름 또는 별명, 리듬의 의도, PNG 파일명을 작성했습니다.
3. 색상 리스트4~6개의 RGB 색을 유지하고 서로 다른 색을 최소 세 개 사용했습니다.
4. 팔레트 수정시작 팔레트의 색상 리스트에서 RGB 색상을 최소 두 개 변경했습니다.
5. 격자 수columns = 6이며 rows * columns가 20 이상입니다.
6. 두 속성 변화행에 따라 색이 바뀌고, 열에 따라 크기가 4~10픽셀씩 커집니다.
7. 전체 재실행새 세션에서 모두 실행했을 때 완료 문구와 최신 PNG가 확인됩니다.
8. 두 파일 제출실행 결과가 포함된 .ipynb와 최종 .png를 제출했습니다.

50분 진행 기준

위 시간은 마감 구간이 아니라 길을 잃지 않기 위한 기준입니다. 28분에 모든 조건을 달성했다면 28분에 검사를 통과하고 제출한 뒤 귀가할 수 있습니다. 시간이 더 필요한 학생은 최대 50분까지 자신의 속도로 진행합니다.

실습 노트북 준비

위의 시작 버튼으로 연 템플릿에는 팔레트 미리보기, 중첩 반복, PNG 저장, 자동 검사 셀이 이미 준비되어 있습니다. 빈 노트북에서 코드를 다시 작성하지 않고 EDIT로 표시된 값만 수정합니다.

1. 템플릿을 직접 열었거나 업로드했다면 파일 → Drive에 사본 저장을 선택합니다.
2. 상단 파일명을 눌러 week04_학번_이름.ipynb로 바꿉니다.
3. EDIT 표시가 있는 셀의 값만 수정하고 DO NOT EDIT 영역과 FINAL CHECK는 그대로 둡니다.

기준 격자 실행

처음에는 값을 바꾸지 않고 노트북을 위에서 아래로 기준 격자 셀까지 실행합니다. 4행 × 5열, 원 20개, 크기 변화 0픽셀이 출력되면 출발점이 정상입니다. 모든 원의 크기가 같아도 아직은 오류가 아닙니다.

제출 정보 작성

제출 정보 코드 셀에서 = 오른쪽의 따옴표 안 내용만 자신의 정보로 바꿉니다. 변수 이름, 등호, 따옴표는 삭제하지 않습니다.

student_id = "20260000"
student_name = "김민지"
rhythm_intent = "파란색에서 주황색으로 행이 바뀌고, 오른쪽으로 갈수록 원이 커진다."
output_filename = "week04_20260000_김민지.png"

팔레트 수정

팔레트 셀에는 네 개의 RGB 튜플이 대괄호 안에 들어 있습니다. 먼저 두 줄만 선택해 숫자를 바꾸고 팔레트 미리보기를 확인합니다. 한 색을 이루는 숫자 세 개는 모두 0~255 범위의 정수여야 합니다.

# EDIT: RGB 튜플 두 개 이상을 수정합니다.
palette = [
    (42, 71, 92),
    (126, 155, 133),
    (211, 155, 42),
    (201, 111, 93),
]

• 리스트에는 RGB 색상을 4개 이상 6개 이하로 둡니다.
• 서로 다른 색을 최소 세 개 사용하고, 도형 색은 배경색과 구분합니다.
• 시작 팔레트와 비교해 최소 두 색이 달라야 합니다.
• 색상 하나를 바꾼 뒤 셀을 다시 실행해 미리보기에서 차이를 확인합니다.

리듬 그리드 완성

격자 설정 셀에서는 두 숫자만 수정합니다. columns를 6으로 바꾸면 각 행에 원이 하나씩 늘어납니다. size_step을 4~10으로 바꾸면 열이 오른쪽으로 이동할 때마다 원의 지름이 그만큼 커집니다.

# EDIT: 오른쪽 숫자만 수정합니다.
columns = 6
size_step = 6

# 행 수는 팔레트의 색상 수에서 자동으로 정합니다.
rows = len(palette)

팔레트가 네 색이면 rows는 4이고, 열은 6이므로 rows * columns = 4 * 6 = 24입니다. 따라서 도형 20개 이상이라는 조건을 충족합니다. 학생은 아래 중첩 반복 코드를 고치지 않고, 위의 두 매개변수가 결과를 어떻게 바꾸는지 확인합니다.

for row in range(rows):
    color = palette[row]

    for column in range(columns):
        x = start_x + column * gap_x
        y = start_y + row * gap_y
        size = base_size + column * size_step
        draw.ellipse((x, y, x + size, y + size), fill=color)

PNG 저장

팔레트와 크기 변화를 마지막으로 확인한 뒤 저장 셀을 실행합니다. 저장 코드는 수정하지 않습니다.

image.save(output_filename)

output_filename에는 제출 정보 셀에서 작성한 week04_학번_이름.png가 저장되어 있습니다. 저장 셀은 파일을 다시 열어 보여 주므로, 바로 위의 최종 이미지와 저장된 PNG가 같은지 확인할 수 있습니다.

자동 검사 PASS

1. 런타임 → 세션 다시 시작을 선택합니다.
2. 런타임 → 모두 실행을 한 번 선택합니다.
3. 마지막 FINAL CHECK 셀까지 오류 없이 실행되는지 기다립니다.
4. 아래 완료 문구가 모두 보이는지 확인합니다.

두 파일 제출과 귀가

1. 마지막 셀에 WEEK 04 RHYTHM GRID COMPLETE가 보이는지 확인합니다.
2. 파일 → 다운로드 → .ipynb 다운로드로 실행 결과가 포함된 노트북을 받습니다.
3. Colab 왼쪽 파일 목록에서 week04_학번_이름.png를 찾아 다운로드합니다.
4. 제출함에 .ipynb와 .png 두 파일을 모두 업로드합니다.
5. 제출 완료 상태를 확인하면 남은 시간과 관계없이 바로 귀가합니다.

선택 확장: 완료 후 더 실험하고 싶은 경우만

아래 활동은 귀가 조건이 아니며 추가 점수도 없습니다. 필수 미션을 완료한 학생은 선택 확장을 하지 않고 제출 후 귀가해도 됩니다. 확장을 시도할 때에는 먼저 통과한 파일을 보존합니다.

• 팔레트에 한두 색을 추가해 5행 또는 6행의 리듬을 비교합니다.
• size_step을 4, 7, 10으로 각각 바꾸고 크기 변화의 강도를 비교합니다.
• 팔레트의 순서만 바꾸어 위에서 아래로 느껴지는 무게 중심을 비교합니다.
• 다른 팔레트로 두 번째 이미지를 만들되 제출용 파일은 최종 선택한 한 장으로 유지합니다.

공식 도움말

• Google Colab 공식 입문 노트북코드 셀 실행, 노트북 저장, 런타임 사용법을 확인할 수 있는 공식 자료
• Python 공식 튜토리얼: Lists대괄호, 순서, 0부터 시작하는 인덱스에 관한 공식 설명
• Python 공식 튜토리얼: for Statements리스트와 정수 범위를 순서대로 반복하는 문장의 공식 설명
• Pillow 공식 문서: ImageDraw타원의 좌표, 채우기 색상, 윤곽선을 지정하는 공식 사용법
• Pillow 공식 문서: Image.save()완성 이미지를 파일로 저장하는 메서드의 공식 설명