일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 타입스크립트 리액트
- JavaScript
- 리액트
- 리액트 페이지 이동
- 타입스크립트
- 내배캠 프로젝트
- 그리드 정렬
- js
- 리액트 프로젝트
- 리액트 팀 프로젝트
- 코딩테스트
- 내일배움캠프 최종 프로젝트
- 내일배움캠프
- 자바스크립트
- 리액트 훅
- 파이썬 slice
- 파이썬 for
- REACT
- 파이썬 enumerate
- 한글 공부 사이트
- useState
- React Hooks
- 타입스크립트 props
- 파이썬 list
- 파이썬 반복문
- 파이썬 for in
- Next 팀 프로젝트
- 프로그래머스
- 내일배움캠프 프로젝트
- typeScript
- Today
- Total
목록2024/03/20 (5)
aotoyae
💡 events 데이터 타입 에러 해결 supabase 에서 가져온 투두 리스트를 캘린더에 넣었더니 이런 에러가 떴다. fakeData 로는 안뜨더니?! // fakeData { title: '아침 먹기', start: '2024-03-17', end: '2024-03-17', }, //supabaseData { contents: string | null; created_at: string; end: string; file: string | null; likeCount: number | null; liked: boolean | null; nickname: string | null; start: string; title: string; todoId: string; }; 찾아보니 fullcalendar 에서..
💡 어김없이 나타나는 타입오류.. 아래글과 타입 이름만 다른.. database.types.ts title: string | null; start: string | null; end: string | null; supabase 에서 각 column 설정을 Allow Nullable 로 해두고, (초기값이었다.) 타입을 가져왔었는데 아래 같은 오류가 떴다. todos 데이터베이스여서 title, start, end 값은 꼭 필요하니 supabase 에서 null 허용 옵션은 해제하고 ts 파일에서 타입들도 string 으로 변경했다. 🙂
💡 fullcalendar 캘린더를 꾸며보자! 거의 비슷하긴 한데 ^^.. 노력했다. fullcalendar css 변경은 클래스명으로 접근해서 css 파일에 원하는 대로 적거나 fullcalendar 에서 정해둔 root 변수값을 바꿔야 한다. Calendar.tsx import "../style/calendar.css"; Calendar.css .fc-day-sun a { /* 일요일 컬러 */ color: var(--mainColor1); } .fc-day-sat a { /* 토요일 컬러 */ color: var(--subColor1); } .fc .fc-toolbar.fc-header-toolbar { padding: 10px 20px; font-size: 12px; font-weight: 500..
📝 문제 햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부터, 빵 – 야채 – 고기 - 빵)로 쌓인 햄버거만 포장을 합니다. 상수는 손이 굉장히 빠르기 때문에 상수가 포장하는 동안 속 재료가 추가적으로 들어오는 일은 없으며, 재료의 높이는 무시하여 재료가 높이 쌓여서 일이 힘들어지는 경우는 없습니다. 예를 들어, 상수의 앞에 쌓이는 재료의 순서가 [야채, 빵, 빵, 야채, 고기, 빵, 야채, 고기, 빵]일 때, 상수는 여섯 번째 재료가 쌓였을 때, ..
💡 fullcalendar 사용 방법 yarn add npm install @fullcalendar/react @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction 우선 처음엔 이렇게 받고 더 필요한 건 나중에 설치! @fullcalendar/react : React 컴포넌트 제공 @fullcalendar/core : calendar class 제공 @fullcalendar/interaction : dateClick 등 액션 감지하는데 필요 @fullcalendar/daygrid : 월별 및 daygrid 뷰 제공 calendar/page.tsx 'use client'; import FullCalendar from '@fullcalenda..