기초 지식 20 / 21

끌어서 옮기기와 인쇄

카드를 손으로 옮기고, 필요한 부분만 종이에 깔끔하게 뽑아요.

카드를 끌어 다른 칸에 놓는 것도 이벤트예요. '끌기 시작', '놓기' 같은 순간에 할 일을 정해 두면 돼요. 인쇄는 브라우저의 인쇄 창을 열고, 인쇄할 때만 쓰는 꾸미기 규칙으로 버튼 같은 것을 숨겨요.

끌어서 놓기와 인쇄

card.draggable = true;← 이 카드는 끌 수 있어요

column.addEventListener("drop", moveCard);← 칸에 놓으면 카드를 옮겨요

window.print();← 인쇄 창 열기 (PDF로 저장도 여기서)

@media print { .buttons { display: none; } }← 인쇄할 때는 버튼을 숨겨요 (CSS)

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

draggabledropwindow.print@media print

🧩 이 내용이 나오는 따라 만들기