sparcs-kaist / new-ara-web

KAIST Community Ara Renewal Project
https://ara.kaist.ac.kr
MIT License
21 stars 3 forks source link

Make calendar #406

Open injoonH opened 1 year ago

injoonH commented 1 year ago

Calendar

Progress

  1. 첫 회의 결과 라이브러리를 사용하지 않고 만들기로 결정
  2. 라이브러리를 사용하지 않으니 시간이 너무 오래 걸림
  3. Slack: [캘린더 라이브러리 사용 vs. 구현] 스레드 논의 결과 FullCalendar 사용하기로 결정
injoonH commented 1 year ago

달력 기본틀 제작 및 이벤트 추가 확인

class Calendar extends Component {
  render() {
    return (
      <div className="App">
        <FullCalendar
          defaultView="dayGridMonth"
          plugins={[dayGridPlugin]}
          events={[
            { title: "event 1", date: "2023-09-14", color: "#E6E6FA" },
            {
              title: "KaPo",
              start: "2023-09-22",
              end: "2023-09-24",
              allday: true,
              color: "#E0FFFF",
            },
            { title: "qwerty", date: "2023-09-25", color: "#FFF0F5" },
          ]}
          eventTextColor="black"
        />
      </div>
    );
  }
}
calendar-01
injoonH commented 1 year ago
calendar-02
injoonH commented 1 year ago
calendar-03