Summary
자바스크립트로 반응형 일정표를 만들기 위해 순수 자바스크립트로 구현할 예정입니다. CSS 변수를 사용하여 스타일을 지정하고, Gantt 차트를 애니메이션으로 표현할 수 있습니다.
Highlights
💻 자바스크립트로 반응형 일정표 구현
🎨 CSS 변수를 사용하여 스타일 지정
📊 Gantt 차트를 애니메이션으로 표현
Bullet Points
📅 시작 날짜와 끝 날짜를 데이터로 지정하여 일정표 구성
🎨 배경색을 데이터로 표현하여 각 태스크에 적용
💻 순수 자바스크립트로 구현하여 CSS에서 스타일을 조작하지 않음
📏 반응형으로 동작하여 다양한 화면 크기에서 사용 가능
💡 Gantt 차트의 밸류 스타일을 가로 배열로 구성
🎯 세로선을 사용하여 각 태스크의 위치를 정확하게 지정
📊 Gantt 차트를 애니메이션으로 표현하여 시각적인 효과 부여
반응형