8000 GitHub - wjdgkals23/excel-clone
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

wjdgkals23/excel-clone

Repository files navigation

Clone Excel Features

영역 기능 설명 구현 여부 기억남는 점
리본 (Ribbon) 도구 그룹 각 탭 내에서 기능별로 그룹화된 버튼(예: 글꼴, 정렬, 스타일 등)을 통해 다양한 작업을 손쉽게 수행할 수 있습니다.
명령어 추가/삭제 사용자가 자주 사용하는 명령어를 빠른 실행 도구 모음에 추가하거나 제거할 수 있습니다.
642A 워크시트 (Worksheet) 셀(Cell) 데이터를 입력하고 관리하는 기본 단위로, 행과 열의 교차점에 위치합니다. DONE - JS: main.js type=module
- JS: fetch HTML로 내부 컴포넌트처럼 활용
- CSS: #grid td[contenteditable="true"]:focus
행과 열 행은 숫자(1, 2, 3…), 열은 문자(A, B, C…)로 식별되며, 셀 주소는 이를 조합하여 표시됩니다(예: A1, B2). DONE - HTML: data-x를 통한 데이터 접근
- CSS: box-sizing, border-box
- JS: createDocumentFragment 활용
키보드 이동 화살표 키, Ctrl + 화살표 등 키보드 단축키를 사용하여 셀 간 빠르게 이동할 수 있습니다. 기본 키보드 이동 DONE - ScrollLeft(현재 스크롤 위치), OffsetLeft(부모로부터 떨어진 거리) 활용
- Sticky 요소와 OffsetWidth 계산 방식 확인
- clientWidth,clientHeight 속성 활용한 키보드 기본 이동 진짜 done!
블록 영역 지정 Shift 키와 화살표 키를 사용하여 연속된 셀 범위를 선택하거나, Ctrl + 클릭으로 비연속 선택이 가능합니다.
드래그를 통한 셀 사이즈 조정 셀의 경계를 드래그하여 행 높이나 열 너비를 손쉽게 조정할 수 있습니다.
셀 병합 및 분할 여러 셀을 하나로 병합하거나 병합된 셀을 다시 분할할 수 있습니다.
Freeze Panes (창 고정) 특정 행이나 열을 고정하여 스크롤해도 항상 보이도록 설정할 수 있습니다.
Undo/Redo (실행 취소/다시 실행) 최근 작업을 취소하거나 다시 실행할 수 있어 실수를 쉽게 복구할 수 있습니다.
퍼포먼스 향상 10000개의 데이터를 한 번에 불러오지 않고, 보이는 영역만 가져와 렌더링하며 보이지 않는 컴포넌트는 제거하여 퍼포먼스를 향상시킵니다.
시트 탭 및 탐색 창 시트 추가/삭제/이름 변경 워크북 내에서 새로운 시트를 추가하거나 기존 시트를 삭제, 이름을 변경할 수 있습니다.
탐색 기능 복잡한 워크북에서 시트를 빠르게 찾고 전환할 수 있도록 도와줍니다.
상태 표시줄 (Status Bar) 실시간 정보 표시 선택된 셀의 합계, 평균, 개수 등 간단한 통계 정보를 실시간으로 표시합니다.
필터 및 정렬 기능 데이터 정렬 오름차순, 내림차순 등 다양한 기준으로 데이터를 정렬할 수 있습니다.
필터 설정 특정 조건에 맞는 데이터만 표시하거나 숨길 수 있어 대량의 데이터를 효율적으로 관리할 수 있습니다.
키보드 단축키 기본 단축키 Ctrl + C (복사), Ctrl + V (붙여넣기), Ctrl + Z (실행 취소) 등 생산성을 높여주는 다양한 단축키를 제공합니다.
탐색 및 선택 단축키 Ctrl + 화살표 (빠른 이동), Shift + 화살표 (셀 범위 선택), Ctrl + Shift + 화살표 (데이터 범위 전체 선택) 등 효율적인 데이터 탐색을 위한 단축키가 포함됩니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0