간트 차트 테스트 (테이블 테스트)
간트 차트는 블로그 포스팅에 도움을 주기 위한 웹 툴로서 제작되었습니다. Github 블로그 운영을 하다보면 지킬에서 지원되는 kramdown으로는 번거롭고 길이 조정을 눈으로 보면서 하기 불편하기 때문에 만들게 되었습니다.
현재 만들어진 상태는 단순히 테이블을 조작하는 몇 가지의 툴이 있으며, 기본적으로 사용되는
테이블 전체 혹은 행, 열, 단일 테두리,폰트,배경 색상,폰트 색상,폰트 크기,행, 열 자리바꿈,행, 열 추가,스타일 복사,내용 복사,내용 입력,길이와 높이 조정,폰트 정렬,행, 열 삭제,되돌리기, 앞으로 돌리기기능이 구현되어 있습니다.
- 한 번 클릭 : 해당 셀이 선택됩니다.
- 두 번 클릭 : 내용 수정 모드가 됩니다.
- 드래그 : 셀렉트 박스가 생성되면서 박스 안에 걸치는 모든 셀을 선택합니다.
- esc :
셀수정 취소 |선택취소 - tab :
셀다음 셀 수정모드 (마지막 컬럼에서는 자동으로 아래 줄 첫 셀로 이동합니다.) - ctrl + enter :
셀현재 수정 내용으로 저장합니다. - ctrl + a :
셀전체 선택 - ctrl + delete :
셀전체 삭제 - ctrl + z :
공통이전으로 되돌리기 - ctrl + y :
공통이후로 돌리기 - ctrl + c :
셀선택된 셀 속성, 텍스트 복사 - ctrl + v :
셀선택된 셀 속성, 텍스트 복사- 우클릭 후 속성 또는 텍스트 선택적으로 지워서 붙여넣기 가능
- shift + 셀 호버 : 로우 혹은 컬럼 추가 버튼이 표시 됩니다.
필요에 의해서 번거로운 작업을 최소화 하기 위해 만들었습니다. 테스트를 거듭하면서 셀을 합치는 기능 또한 연구 중에 있습니다.
사용하시면서 불편한 사항이나 버그가 발생하는 등의 의견이 있으시면 이슈로 남겨주시기 바랍니다.
현재 준비 중인 일이 많아 눈에 띄는 발전은 없습니다만 꾸준히 포기하지 않고 지속해나아갈 것이기에 많은 관심 부탁드립니다 🙇♂️
현재 개발자를 준비하고 있는 취준생입니다. 코드는 어지럽게 작성 된 점 양해바라며, 어느 기능을 사용할 때면 먼저 관련된 라이브러리를 사용하기 보다 하드코딩이 되더라도 직접 구현해보고 원리를 이해하는데 초점을 맞추어 공부 중 입니다.
아직 미약한 웹 툴이지만 그래프 생성기나 도식화 툴, SVG 그리기 툴 등 여러 기능을 복합해서 블로그 포스팅에 도움이 되는 웹 툴을 만들고자 합니다.
조금이라도 테이블 생성에 도움이 되었으면 하는 바람입니다 😀