7. [React] React로 FullCalendar 사용3 - bootstrap 연동 시 글자 색(파란색)

Notice

Recent Posts

Tags more

Archives

관리 메뉴

개발하는 고양이 오이

React/FullCalendar

Cucum 2022. 10. 18. 08:55

★ FullCalendar 목차

'React/FullCalendar' 카테고리의 글 목록

고양이 오이와 함께 살고있는 초보 개발자입니다.

dhdl-it.tistory.com

안녕하세요. 지난번에 React로 FullCalendar를 화면에 띄우는 부분까지 했다면,

5. [React] React로 FullCalendar 사용2 - 주말 색상 변경

안녕하세요. 지난번에 React로 FullCalendar를 화면에 띄우는 부분까지 했다면, 오늘은 주말 색상 변경하는 방법에 대해 공유하고자 합니다. 2. [React] React로 FullCalendar 사용1 부분에는 본인" data-og-host=.

dhdl-it.tistory.com

FullCalendar에서 bootstrap 이용시 FullCalendar 글자 색이 파란색으로 변경되는 부분에 대해 해결하는 방법에 대해 공유하고자 합니다.

3. [React] BootStrap Button 이용

안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 프로젝트 생성과 동일합니다. (<프로젝트 이름>

dhdl-it.tistory.com

기존에 존재하던 FullCalendar 화면에서 오른쪽 상단의 '추가' 버튼을 bootstrap button으로 만들었더니,

아래와 같이 글자 색상이 파란색으로 변경되었습니다.

public/index.html - 아래 코드 추가

<!-- fullCalendar bootstrap 적용-->
<link href='https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.css' rel='stylesheet'>

위의 코드만 추가해주면,

글자색이 파란색으로 변하는 문제가 해결됩니다.

9. [React] React로 FullCalendar 사용5 - Events 별로 다른 색상 주기 (1)	2022.10.28
8. [React] React로 FullCalendar 사용4 - mssql 데이터 값 calendar에 보이기 (Fullcalendar에 Events 띄우기) (1)	2022.10.27
5. [React] React로 FullCalendar 사용2 - 주말 색상 변경 (0)	2022.10.12
2. [React] React로 FullCalendar 사용1 - 기본 (0)	2022.09.16

'React/FullCalendar' Related Articles