Bootstrap

한뼘코딩.com

생산성

2026. 음악실 자리배치(주차별 자동 배치)

프로그램 소개

학교 교육과정 연간일정 데이터를 기초로,자동으로 매주 자리를 한 칸씩 이동하여 표시해주는 프로그램입니다.

2026. 음악실 자리배치(주차별 자동 배치)

README

개요

2026학년도 음악실 자리배치 — 26석을 주차마다 한 칸씩 옮기는 규칙을 시각화합니다. school-calendar.jsapp.js가 주차·좌석 배치를 맞추며, 마지막 주차 설정은 localStorage에 저장됩니다.

파일 구조

  • index.html — 헤더·주차 입력·좌석 그리드
  • styles.css — 음악실 레이아웃
  • school-calendar.js — 날짜·주차 보조
  • app.js — 좌석 이동·저장

화면·작동 안내

주요 UI 요소

  • 주차 숫자 입력·오늘 주차로 동기화
  • 음악실 좌석 그리드(클릭 시 해당 칸이 1번인 주차로 맞춤)

사용 흐름

  1. index.html을 엽니다.
  2. 주차를 바꾸거나 칸을 눌러 자리 규칙을 확인합니다.

프로젝트 진행 상황

  • [x] 26석·주차 규칙·로컬 저장
  • [ ] 학교별 주차 테이블 커스텀
  • [ ] 인쇄용 CSS

첨부 파일

  • app.js
  • index.html
  • README.md
  • school-calendar.js
  • styles.css
  • preview_capture_20260412134642.jpg

첨부 파일