영역 | 기능 | 설명 | 구현 여부 | 기억남는 점 |
---|---|---|---|---|
리본 (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 + 화살표 (데이터 범위 전체 선택) 등 효율적인 데이터 탐색을 위한 단축키가 포함됩니다. |
-
Notifications
You must be signed in to change notification settings - Fork 0
wjdgkals23/excel-clone
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published