무료 온라인 화이트보드
화이트보드 단축키
Home : 원점으로 돌아가기 (100%)
F : 선택한 그림을 화면 중앙으로 이동
Delete / Backspace : 선택한 그림 삭제 (여러 개 동시 삭제 가능)
Ctrl + C : 선택한 그림 복사
Ctrl + V : 복사한 그림 붙여넣기
Ctrl + Z : 실행 취소
Ctrl + Y / Ctrl + Shift + Z : 다시 실행
Ctrl + A : 모든 그림 선택
Enter : 텍스트 편집 완료
Shift + Enter : 텍스트 편집 중 줄바꿈
Esc : 선택 해제 / 열린 메뉴 닫기
※ Mac에서는 Ctrl 대신 Command(⌘) 키를 사용합니다. 단축키 일부는 텍스트 입력 중에는 작동하지 않습니다.
온라인 화이트보드란?
온라인 화이트보드는 웹브라우저에서 그림을 그리고, 도형을 만들고, 아이디어를 시각적으로 정리할 수 있는 무료 웹 도구입니다.
넓은 작업 공간에서 펜으로 자유롭게 그림을 그리거나 선, 화살표, 사각형, 원형 등 다양한 도형을 활용할 수 있습니다.
텍스트와 스티커 메모, 이미지도 추가할 수 있어 간단한 스케치부터 업무 회의, 학습 자료 제작, 프로젝트 기획까지 폭넓게 활용할 수 있습니다.
특히 무한 화이트보드 방식의 자유로운 화면 이동과 확대·축소 기능을 지원해 정해진 종이 크기에 얽매이지 않고 작업할 수 있습니다.
온라인 화이트보드의 주요 특징
-
웹에서 실행 : 별도의 유료 프로그램 없이 웹브라우저에서 바로 이용할 수 있습니다.
-
자유로운 그림 그리기: 펜과 다양한 도형을 사용해 원하는 내용을 표현할 수 있습니다.
-
무한 캔버스: 화면을 이동하고 확대·축소하면서 넓은 작업 공간을 활용할 수 있습니다.
-
객체 편집: 작성한 도형과 텍스트를 선택해 이동하거나 크기와 색상을 변경할 수 있습니다.
-
파일 저장: 완성한 작업을 이미지 또는 SVG 파일로 저장할 수 있습니다.
화이트보드 기본 사용법
이동툴
작성한 그림이나 도형의 위치와 크기를 변경하고 회전하는등의 변형기능을 지원합니다.
펜툴
마우스나 터치 조작을 이용해 캔버스에 직접 선을 그릴 수 있는 기본 그리기 도구입니다.
펜의 색상과 굵기, 투명도를 조절할 수 있어 간단한 손그림부터 필기, 강조 표시, 아이디어 스케치까지 다양한 작업에 활용할 수 있습니다.
잘못 그린 부분은 지우개 도구나 실행 취소 기능을 이용해 수정할 수 있습니다.
선과 도형 그리기
직선, 화살표, 사각형, 원형, 마름모, 별 등 다양한 도형을 캔버스에 추가할 수 있습니다.
작성한 도형은 선택 도구로 다시 클릭하여 위치, 크기, 회전, 선 색상, 채우기 색상 등을 수정할 수 있습니다.
선과 도형을 조합하면 업무 프로세스, 조직도, 마인드맵, 순서도 등 다양한 시각 자료를 쉽게 제작할 수 있습니다.
배경채우기 – 화이트보드 배경색 변경하기
배경채우기 기능은 화이트보드 캔버스의 배경색을 원하는 색상으로 변경하는 도구입니다.
상단 툴바에서 배경 채우기 아이콘을 선택한 다음 색상 선택 메뉴에서 원하는 색상을 지정하면 작업 공간의 배경색을 변경할 수 있습니다.
텍스트 입력
텍스트 입력 기능을 이용하면 화이트보드의 원하는 위치에 제목, 설명, 숫자, 메모 등을 자유롭게 작성할 수 있습니다.
작성한 텍스트는 글자 크기, 서체, 색상, 굵게, 기울임, 정렬 방식 등을 조절할 수 있어 다양한 스타일로 꾸밀 수 있습니다.
텍스트와 도형을 함께 활용하면 단순한 그림을 정보 전달에 적합한 시각 자료로 만들 수 있습니다.
스티커 메모
스티커 메모 기능은 실제 포스트잇처럼 화이트보드에 간단한 메모를 추가하고 배치할 수 있는 도구입니다.
상단의 스티커 메모 아이콘을 선택하면 캔버스에 메모를 추가할 수 있으며, 작성한 메모는 원하는 위치로 이동하거나 내용을 수정할 수 있습니다.
여러 개의 스티커 메모를 활용하면 복잡한 아이디어를 항목별로 나누어 정리하기 편리합니다.
스티커 메모 활용 방법
-
브레인스토밍 중 떠오르는 아이디어 기록하기
-
회의에서 나온 의견을 주제별로 분류하기
-
해야 할 일과 작업 계획 정리하기
-
프로젝트의 주요 요구 사항 메모하기
-
공부할 내용을 핵심 키워드 중심으로 정리하기
이미지 삽입
이미지 삽입 기능을 이용하면 컴퓨터에 저장된 사진이나 그림 파일을 온라인 화이트보드에 불러올 수 있습니다.
상단 툴바에서 이미지 아이콘을 클릭한 후 원하는 파일을 선택하면 캔버스에 이미지가 추가됩니다.
삽입한 이미지는 다른 도형과 함께 배치할 수 있으며, 이미지 주변에 화살표와 텍스트를 추가해 설명 자료를 제작할 수도 있습니다.
이미지 기능 활용 방법
-
사진에 화살표와 설명 문구 추가하기
-
웹사이트 디자인 시안에 수정 사항 표시하기
-
참고 이미지와 아이디어를 한 화면에 배치하기
-
제품 이미지에 특징이나 사용 방법 설명하기
-
학습용 그림에 주요 부분 표시하기
레이어 기능
레이어 기능은 화이트보드에 추가한 여러 객체를 관리하고, 도형이나 이미지가 겹치는 순서를 조절할 때 유용한 기능입니다.
상단 툴바에서 레이어 아이콘을 선택하면 캔버스에 배치된 객체를 확인하고 관리할 수 있습니다.
또한 선택한 객체를 맨 앞으로 가져오거나 맨 뒤로 보내는 기능을 이용하면 원하는 순서대로 도형과 이미지를 배치할 수 있습니다.
레이어 활용 방법
-
배경 도형 위에 텍스트 배치하기
-
이미지 위에 화살표나 강조 도형 올리기
-
겹쳐 있는 객체의 앞뒤 순서 변경하기
-
여러 개의 그림과 도형을 체계적으로 관리하기
원점으로 돌아가기
원점으로 돌아가기 기능은 화면을 여러 방향으로 이동하거나 확대·축소한 후 기본 작업 위치로 빠르게 돌아갈 수 있는 기능입니다.
상단 툴바에서 집 모양 아이콘을 클릭하면 화이트보드의 원점으로 이동하며 확대율이 100%로 설정됩니다.
이 기능은 작업 화면을 많이 이동했거나 확대율을 변경해 현재 위치를 파악하기 어려울 때 유용합니다.
전체그림 보기 기능
전체그림 보기 기능은 화이트보드에 작성한 그림과 도형을 한눈에 확인할 수 있도록 화면을 조정하는 기능입니다.
전체 그림 보기 아이콘을 클릭하면 현재 작업한 그림이 화면에 잘 들어오도록 표시 위치와 확대율이 조정됩니다.
넓은 캔버스에서 여러 영역에 걸쳐 작업했을 때 전체적인 배치와 구성을 확인하기 편리합니다.
다크모드와 라이트모드
이 화이트보드는 밝은 배경의 라이트모드와 어두운 배경의 다크모드를 지원합니다.
상단 툴바의 테마 전환 버튼을 이용하면 작업 환경과 개인 취향에 따라 화면 모드를 변경할 수 있습니다.
다크모드로 어두운 실내나 야간 작업 시 밝은 화면이 부담스럽게 느껴지는 경우 활용하기 좋습니다.
격자 설정
격자 설정 기능은 화이트보드 배경에 일정한 간격의 줄이나 점을 표시해 도형과 그림을 배치할 때 참고할 수 있도록 도와줍니다.
1) 줄 격자
가로와 세로 방향의 격자선을 표시하는 방식으로, 사각형이나 도형을 일정한 간격으로 배치할 때 유용합니다.
2) 점 격자
작은 점을 일정한 간격으로 표시하는 방식으로, 배경이 복잡해 보이지 않으면서도 도형의 위치와 간격을 파악하기 좋습니다.
레이어 활용 방법
-
다이어그램의 도형 간격 정리하기
-
웹사이트와 앱의 화면 레이아웃 스케치하기
-
구조도와 순서도를 일정한 간격으로 배치하기
-
손그림이나 아이디어 스케치의 위치 참고하기
PNG 및 SVG로 내보내기
화이트보드에서 작성한 그림과 도형은 PNG 이미지 또는 SVG 벡터 파일로 내보낼 수 있습니다.
1) PNG 이미지로 저장하기
PNG는 그림과 텍스트를 이미지 형태로 저장하는 파일 형식입니다.
2) SVG 벡터 파일로 저장하기
SVG는 선과 도형을 벡터 형식으로 저장하는 이미지 파일입니다.
크기를 확대하거나 축소해도 선명한 형태를 유지할 수 있어 다이어그램, 도식, 아이콘 형태의 그림 등을 저장할 때 유용합니다.
화이트보드 저장 및 불러오기 (프로젝트 저장/불러오기)
프로젝트 저장 및 불러오기 기능은 현재 작업 중인 내용을 보관하고 나중에 다시 편집할 수 있도록 도와주는 기능입니다.
프로젝트 파일로 저장후 프로젝트 불러오기 기능을 이용해 저장한 파일을 다시 열면 기존 그림과 도형, 텍스트 등을 이어서 편집할 수 있습니다.
화이트보드 활용
업무 회의와 아이디어 브레인스토밍
아이디어를 스티커 메모로 작성하고, 비슷한 주제끼리 묶어 정리할 수 있습니다.
화살표와 도형을 활용하면 아이디어 간의 관계를 시각적으로 표현할 수 있어 복잡한 내용을 이해하기 쉬워집니다.
순서도와 업무 프로세스 제작
사각형과 마름모, 화살표를 조합하면 업무 흐름도나 간단한 프로세스 다이어그램을 만들 수 있습니다.
예를 들어 '시작 → 작업 진행 → 조건 확인 → 완료'와 같은 과정을 도형으로 연결하면 전체 흐름을 한눈에 확인할 수 있습니다.
공부와 온라인 학습
수학 풀이, 과학 개념 정리, 역사 연표, 마인드맵 작성 등 다양한 학습 활동에 활용할 수 있습니다.
웹사이트 및 앱 화면 기획
웹사이트나 모바일 앱을 제작하기 전, 필요한 화면 구성을 간단한 도형으로 스케치할 수 있습니다.
복잡한 디자인 프로그램을 실행하지 않고도 초기 아이디어를 빠르게 정리할 수 있습니다.
블로그와 프레젠테이션 자료 제작
정보를 설명하는 도식, 간단한 안내 그림, 비교 이미지 등을 제작할 때도 유용합니다.
완성한 결과물을 PNG 또는 SVG로 저장해 블로그 게시물이나 발표 자료에 활용할 수 있습니다.
함께 쓰면 좋은 도구
-
색상피커
-
그라데이션 템플릿