모바일 대응과 최적화

05 운영과 배포 모바일 대응과 최적화 남해고등학교 AI 실무 연수 · 2일차(3,4차시) 22 / 25 반응형 Responsive 화면 폭에 맞춰 배치를 바꾸는 설계 최적화 Optimization 동작을 유지하며 속도·용량 등을 개선하는 일 이미지 압축 필요한 화질을 유지하며 파일 용량 줄이기 지연 로딩 Lazy loading 바로 필요하지 않은 자원을 나중에 불러오기 AI에게 이렇게 부탁합니다 “휴대폰에서 메뉴와 동아리 목록이 잘 보이게 해 줘.” “사진 용량과 첫 화면 로딩을 측정하고 최적화해 줘.” “수정 전후의 차이와 유지한 기능을 알려 줘.” 확인: 같은 조건에서 개선을 확인하고 화면·동작을 유지했는가? 교육용 예시 · 눌러서 직접 확인 ↗ 실제 사례 · NAMGO 360의 최대 4096px 사진 변환 ↗