핵심 용어

용어	역할	대시보드에서의 예
HTML	화면의 내용과 구조	제목, 연도 선택 메뉴, 분개 표
CSS	화면의 모양과 배치	KPI 카드 색과 모바일에서의 표 배치
JavaScript	사용자의 동작에 따른 화면 변경	연도 선택 시 차트와 합계를 함께 갱신
브라우저	웹 파일을 읽어 화면을 표시하는 프로그램	Edge에서 index.html 열기
로컬	내 컴퓨터에서만 접근하는 환경	바탕화면의 실습 폴더
Git	파일 변경 이력을 내 컴퓨터에 기록	제목 수정 전후를 커밋으로 구분
GitHub 저장소	코드를 GitHub에 보관하는 공간	공개용 index.html 보관
GitHub Pages	저장소의 정적 웹 파일을 인터넷에 게시	대시보드 공개 주소
서버	브라우저의 요청을 받아 처리하는 프로그램	검토 메모 저장 요청 처리
API	화면과 서버가 주고받는 요청·응답의 규칙	POST /memos에 메모 전달
데이터베이스	여러 기록을 저장하고 다시 찾는 곳	저장된 검토 메모 조회
CSV	쉼표로 열을 구분한 표 형식	원본 분개장 추출 파일

index.html을 더블클릭해 열면 파일이 내 PC에서 실행됩니다. GitHub Pages에 올리면 같은 화면을 다른 사람도 주소로 열 수 있지만 서버 프로그램이나 데이터베이스가 자동으로 생기지는 않습니다. 화면과 저장의 차이는 웹 개발 기초의 흐름도를 참고하세요.