활용 시나리오
- 수업·과제 배포에서는 워크시트 생성기의 cfg 링크를 만들어 학년·난이도 조건을 고정한 채로 학생들에게 배포할 수 있습니다.
- 블로그나 지식 베이스에서는 그래프 용지나 빠른 차트를 iframe으로 임베드하고, UTM 파라미터로 유입원을 구분할 수 있습니다.
- 학내 포털에서는 자동 높이 스니펫을 붙여 코스 페이지 레이아웃에 맞게 iframe 높이를 자동 조정할 수 있습니다.
이 도구를 효과적으로 사용하는 방법
CalcBE 페이지 URL을 붙여넣거나 프리셋을 고른 뒤, 공유 링크·반응형 iframe·고정 높이 iframe·짧은 cfg= 링크 중 필요한 형식을 선택하세요.
작동 방식
입력한 파라미터를 URL로 직렬화하고, 긴 설정은 base64url JSON(cfg=)으로 묶을 수 있습니다. iframe용 화면이 필요하면 embed=1을 추가하고, 게시 전에 미리보기로 결과를 확인합니다.
언제 사용하나요?
모든 사용자가 같은 초기값으로 도구를 열어야 하거나, LMS·위키·문서 페이지에 CalcBE 도구를 삽입하기 전에 iframe 크기와 자동 높이 동작을 확인해야 할 때 사용합니다.
피해야 할 실수
- 필수 파라미터가 미리보기에 반영됐는지 확인하지 않고 URL을 배포합니다.
- 편집기가 긴 URL을 잘라낼 수 있는데도 cfg= 압축을 사용하지 않습니다.
- 호스트 페이지에 맞는 iframe 제목과 높이를 정하지 않은 채 코드를 붙여넣습니다.
- 자동 높이 스니펫을 실제 게시 환경에서 테스트하지 않습니다.
임베드 체크리스트
대상 URL을 불러오고, 프레임 제목과 반응형/고정 높이 설정을 확인한 뒤, iframe 미리보기와 자동 높이 스니펫을 실제 LMS·CMS·문서 시스템에서 테스트하세요.
함께 보기
자주 묻는 질문
base64url cfg= 는 어떻게 사용하나요?
[base64url JSON(cfg=) 사용]을 켜면 입력한 파라미터를 JSON.stringify → UTF-8 → base64url로 변환해 cfg=에 저장합니다. 이때 +와 /를 -와 _로 바꾸고 끝의 =는 제거하므로, LMS나 노트 앱에 붙여넣어도 URL이 깨지지 않습니다.
iframe 높이와 반응형 동작은 어떻게 조정하나요?
[반응형(aspect-ratio)]를 켜면 aspect-ratio:16/9 래퍼 안에 iframe이 표시됩니다. 고정 높이가 필요하면 높이(px)를 직접 입력하고, 자동 높이를 쓰고 싶다면 [자동 높이 스니펫 복사]로 생성된 스크립트를 임베드 대상 페이지에 붙여넣으세요.