🏢 총무팀을 위한 웹 개발 기초

엑셀 데이터가 어떻게 웹 서비스가 되는지 확인해보세요.

💡 설명: HTML은 웹사이트의 '내용'과 '구조'만 담당합니다. 엑셀로 치면 서식 없이 텍스트만 입력한 상태와 같습니다.

비품 관리 대장

현재 보유 중인 사무용품 목록입니다.

품목명 수량 상태
A4 용지 50 충분
모나미 볼펜 5 부족
💡 설명: CSS는 웹사이트의 '스타일'을 담당합니다. 엑셀의 '셀 서식', '조건부 서식', '색상 채우기'와 같은 역할을 하여 가독성을 높여줍니다.

📦 비품 관리 시스템 (Styled)

디자인이 가미되어 훨씬 보기 편해졌습니다.

품목명 수량 상태
A4 용지 50 ✅ 정상
모나미 볼펜 5 ⚠️ 재주문 필요
무선 마우스 12 ✅ 정상
💡 설명: JavaScript는 '동작'을 담당하고, JSON(또는 SharePoint)은 '데이터'를 저장합니다. 이제 검색이 가능하고, 데이터를 외부에서 불러올 수 있습니다.
품목명 수량 위치 상태
📂 가상의 DB 데이터 (JSON 형식):