WBS/Gantt 사용 가이드

설치 없이 브라우저에서 바로 쓰는 무료 WBS·간트차트 도구

📌 이 가이드는 도구 사용법에 집중합니다. 일정 관리 방법(WBS 작성·영업일 추정·진행율 추적 같은 개념)이 궁금하면 프로젝트 일정 관리 방법 글을 함께 보세요.

소개

프로젝트 일정 관리, 노션도 써보고 지라도 써봤지만 결국엔 늘 엑셀이었습니다.
그런데 셀 하나 건드리면 간트 막대가 어긋나고, 폴더에는 일정_최종_진짜최종.xlsx만 수두룩….
일정보다 일정표를 고치는 시간이 더 길어지는 데 지쳐서 직접 만들었습니다.

WBS/Gantt는 프로젝트 일정을 WBS(작업분류체계) 표와 간트차트로 관리하는 웹 도구입니다. 회원가입, 설치, 서버 없이 링크를 열면 바로 시작됩니다. 날짜를 입력하면 영업일이 계산되고 막대가 그려지며, 필요하면 버튼 하나로 엑셀로 내보낼 수 있습니다.

최대 4단계 계층 구조
주말·공휴일을 제외한 영업일 기준 업무량 자동 계산
진행율(직접 입력)과 기간진행율(날짜 기준 자동 계산) 이중 추적
상태(완료·진행중·지연·예정) 자동 판정과 통계 대시보드
엑셀(.xlsx) 다운로드, JSON 저장/불러오기, 인쇄 지원

지금 바로 사용하기

사용법

1. 과제 입력하기

상단 툴바의 ＋ 행 추가 버튼(그룹화 오른쪽)을 누르면 1레벨 행이 표 맨 아래에 추가됩니다.
행의 No 칸에 마우스를 올리거나, 행을 클릭(터치 기기는 탭)해 선택하면 편집 버튼(추가·삭제·이동·들여쓰기)이 나타납니다. 이 버튼으로 선택한 행 바로 아래에 같은 레벨로 추가할 수도 있습니다.
과제명, 시작일, 종료일, 진행율(%), 담당자, 비고를 입력합니다. Enter로 아래 행 같은 칸으로 이동합니다.
들여쓰기(→)로 레벨을 내리면 상위 행이 자동으로 그룹이 되고, 그룹의 기간·진행율은 하위 작업에서 자동 집계됩니다.
행을 삭제하면 화면 하단에 실행취소 알림이 잠시 표시됩니다. 잘못 지웠다면 바로 누르거나 Ctrl+Z(Mac은 ⌘+Z)로 되돌릴 수 있습니다. 되돌린 것을 다시 적용하려면 Ctrl+Y 또는 Ctrl+Shift+Z이며, 최근 50단계까지 기억합니다. 과제명처럼 글자를 입력하는 칸 안에서는 이 단축키가 그 칸의 글자 되돌리기로 동작합니다.

담당자가 여러 명이면 쉼표로 구분해 입력하세요 (예: 홍길동, 김철수). 화면에는 "홍길동 외 1명"으로 축약 표시됩니다.

2. 간트차트 보기

Gantt 보기 버튼으로 표를 접고 차트를 크게 볼 수 있습니다.
보기 단위는 일 / 주 / 월 / 분기 / 반기 / 년 중 선택합니다.
그룹화(1~4) 버튼으로 원하는 레벨까지만 접어서 큰 그림을 볼 수 있습니다.
오늘로 가기로 현재 날짜 위치로 이동하고, 현재 날짜선·진행율·기간진행율 표시를 켜고 끌 수 있습니다.
간트 막대를 좌우로 드래그하면 일정이 이동하고, 막대의 양 끝을 끌면 기간이 늘어나거나 줄어듭니다. 드래그는 달력일 단위로 움직이므로 시작일이 주말로 옮겨질 수 있습니다. 영업일 수는 자동으로 다시 계산되지만, 뒤에 이어지는 작업은 따라 움직이지 않으니 필요하면 함께 옮기세요.
⚠ 지연만 버튼으로 지연된 작업만 모아 볼 수 있습니다.
No 칸을 드래그하면 행 순서를 바꿀 수 있습니다.

3. 공휴일 관리

툴바 오른쪽 끝 ⋯(더보기) 메뉴의 📅 공휴일 관리를 누르면 달력과 목록이 함께 열립니다. 달력에서 날짜를 클릭하면 입력란에 자동으로 채워지고, 공휴일 이름까지 적어 추가하면 업무량(영업일) 계산에서 자동 제외됩니다. 회사 휴무일도 같은 방식으로 추가하세요.

법정 공휴일은 미리 들어 있지 않습니다. 새 일정을 시작할 때 그해 공휴일과 대체공휴일을 먼저 등록해야 영업일이 정확해집니다. 대체공휴일 규칙과 연말·명절 주간 처리는 영업일 계산법을 참고하세요.

4. 저장과 공유

모든 변경은 브라우저(localStorage)에 자동 저장됩니다.
💾 저장: 현재 데이터를 JSON 파일로 내려받습니다. 백업과 공유에 사용하세요.
📂 불러오기: 저장한 JSON 파일을 열어 복원합니다.
🔗 공유: 현재 일정을 링크 하나로 만들어 복사합니다. 받은 사람은 링크를 열기만 하면 됩니다. 받은 사람의 브라우저에 이미 다른 일정이 있으면 교체할지 먼저 묻습니다.
📥 엑셀 다운로드(⋯ 메뉴): 일정표(GanttChart 시트)와 공휴일 목록(공휴일 시트)이 담긴 .xlsx 파일을 만듭니다. 엑셀 라이브러리를 이때 처음 내려받으므로 인터넷 연결이 필요합니다.

5. 대시보드

📊 대시보드에서 프로젝트 기간, 총 업무량, 전체 진행율, 상태 통계(완료·진행중·지연·예정 비율), 단계별 진척 현황을 한눈에 확인합니다. 화면 우측 상단의 상태 요약을 클릭해도 열립니다.

6. 이 도구에 없는 기능

처음 쓰는 분들이 자주 찾는데 없는 기능을 미리 적어 둡니다. 대신 쓰는 방법도 함께 적었습니다.

의존 관계(선후행 화살표) — 작업을 서로 연결해 앞 작업이 밀리면 뒤 작업이 따라 밀리게 하는 기능은 없습니다. 비고 칸에 "선행: 2.1"처럼 적어 두고 날짜를 직접 옮깁니다. 어떤 작업이 전체 마감을 좌우하는지는 크리티컬 패스 계산법으로 따로 확인하세요.
마일스톤 기호(◆) — 전용 표시는 없습니다. 시작일과 종료일을 같은 날로 둔 1일짜리 행에 "◆ 베타 배포"처럼 이름을 붙이는 방식을 권합니다. 요령은 마일스톤 정하는 법에 있습니다.
엑셀 파일 불러오기 — 엑셀로 내보내기만 되고, 불러오기는 이 도구의 JSON 저장 파일만 됩니다. 기존 엑셀 일정을 옮기는 방법은 간트차트 엑셀로 만드는 법에 정리했습니다.
기준선(원래 계획) 보관 — 계획 변경 전에 💾 저장으로 JSON을 받아 두면 파일 이름에 날짜가 붙어 기준선 사본 역할을 합니다.
여러 사람의 동시 편집 — 데이터가 각자의 브라우저에 저장되므로 원본은 한 사람이 관리하고, 팀에는 공유 링크나 엑셀로 배포합니다.

FAQ — 자주 묻는 질문

Q. 데이터는 어디에 저장되나요? 서버로 전송되나요?

A. 모든 데이터는 사용 중인 브라우저의 localStorage에만 저장됩니다. 서버로 전송되지 않아 외부에 노출될 염려가 없습니다. 다만 브라우저 데이터를 삭제하면 사라지므로 중요한 일정은 💾 저장으로 JSON 백업을 권장합니다.

Q. 다른 사람과 일정을 공유하려면?

A. 🔗 공유 버튼을 누르면 현재 일정이 담긴 링크가 복사됩니다. 받은 사람은 링크를 열기만 하면 일정을 그대로 볼 수 있습니다. 일정 데이터는 링크 자체에 담겨 있어 서버를 거치지 않습니다. 링크는 누른 시점의 사본이므로 받은 사람이 고친 내용은 원본에 반영되지 않고, 실시간 동시 편집도 지원하지 않습니다. 작업이 많아 링크가 너무 길어지면 링크 대신 💾 저장으로 JSON 파일을 전달하세요.

Q. 진행율과 기간진행율의 차이는 뭔가요?

A. 진행율은 실제 진척도를 직접 입력하는 값이고, 기간진행율은 오늘 날짜 기준으로 경과한 영업일 비율을 자동 계산한 값입니다. 기간진행율보다 진행율이 낮으면 일정 대비 진척이 늦다는 신호입니다.

Q. 일수가 달력 날짜와 다르게 계산돼요.

A. 의도된 동작입니다. 일수(업무량)는 주말과 등록된 공휴일을 제외한 영업일 기준으로 계산됩니다.

Q. 다른 컴퓨터에서 이어서 작업할 수 있나요?

A. 자동 저장은 브라우저 단위라 다른 PC에는 연동되지 않습니다. JSON 저장 → 다른 PC에서 불러오기로 옮기세요.

Q. 인쇄하면 버튼이나 메뉴도 같이 나오나요?

A. 아니요. 🖨 인쇄 시 툴바와 푸터는 자동으로 제외되고 표와 차트만 출력됩니다.

Q. 상태(완료·진행중·지연·예정)는 어떻게 정해지나요?

A. 자동 판정됩니다. 진행율 100%면 완료, 시작일이 안 됐으면 예정, 종료일이 지났는데 100%가 아니면 지연, 그 사이면 진행중입니다.

Q. 모바일에서도 쓸 수 있나요?

A. 행을 탭하면 편집 버튼이 나타나 모바일에서도 기본 편집은 가능합니다. 다만 표가 넓어 PC 화면에 최적화되어 있어, 본격적인 일정 입력·편집은 PC 사용을 권장합니다.

Q. 무료인가요?

문의 · 기능 제안

쓰다가 불편한 점이나 "이런 기능 있었으면" 싶은 게 있다면 편하게 보내주세요.

💬 문의·기능 제안 보내기