feat: 반복 일정 단일 수정기능 구현(green)

Author: bebusl

src/App.tsx

@@ -134,11 +134,13 @@ function App() {
       description,
       location,
       category,
-      repeat: {
-        type: isRepeating ? repeatType : 'none',
-        interval: repeatInterval,
-        endDate: repeatEndDate || undefined,
-      },
+      repeat: editingEvent
+        ? { type: 'none', interval: 0, endDate: undefined }
+        : {
+            type: isRepeating ? repeatType : 'none',
+            interval: repeatInterval,
+            endDate: repeatEndDate || undefined,
+          },
       notificationTime,
     };
 
@@ -420,84 +422,87 @@ function App() {
               ))}
             </Select>
           </FormControl>
-
-          <FormControl>
-            <FormControlLabel
-              control={
-                <Checkbox
-                  checked={isRepeating}
-                  onChange={(e) => setIsRepeating(e.target.checked)}
+          {!editingEvent && (
+            <>
+              <FormControl>
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      checked={isRepeating}
+                      onChange={(e) => setIsRepeating(e.target.checked)}
+                    />
+                  }
+                  label="반복 일정"
                 />
-              }
-              label="반복 일정"
-            />
-          </FormControl>
-
-          <FormControl fullWidth>
-            <FormLabel htmlFor="notification">알림 설정</FormLabel>
-            <Select
-              id="notification"
-              size="small"
-              value={notificationTime}
-              onChange={(e) => setNotificationTime(Number(e.target.value))}
-            >
-              {notificationOptions.map((option) => (
-                <MenuItem key={option.value} value={option.value}>
-                  {option.label}
-                </MenuItem>
-              ))}
-            </Select>
-          </FormControl>
+              </FormControl>
 
-          {/* ! 반복은 8주차 과제에 포함됩니다. 구현하고 싶어도 참아주세요~ */}
-          {isRepeating && (
-            <Stack spacing={2}>
               <FormControl fullWidth>
-                <FormLabel id="repeat-type-label">반복 유형</FormLabel>
+                <FormLabel htmlFor="notification">알림 설정</FormLabel>
                 <Select
+                  id="notification"
                   size="small"
-                  value={repeatType}
-                  onChange={(e) => setRepeatType((e.target.value as RepeatType) || '')}
-                  aria-labelledby="repeat-type-label"
-                  aria-label="반복 유형"
+                  value={notificationTime}
+                  onChange={(e) => setNotificationTime(Number(e.target.value))}
                 >
-                  <MenuItem value="daily" aria-label="daily-option">
-                    매일
-                  </MenuItem>
-                  <MenuItem value="weekly" aria-label="weekly-option">
-                    매주
-                  </MenuItem>
-                  <MenuItem value="monthly" aria-label="monthly-option">
-                    매월
-                  </MenuItem>
-                  <MenuItem value="yearly" aria-label="yearly-option">
-                    매년
-                  </MenuItem>
+                  {notificationOptions.map((option) => (
+                    <MenuItem key={option.value} value={option.value}>
+                      {option.label}
+                    </MenuItem>
+                  ))}
                 </Select>
               </FormControl>
-              <Stack direction="row" spacing={2}>
-                <FormControl fullWidth>
-                  <FormLabel>반복 간격</FormLabel>
-                  <TextField
-                    size="small"
-                    type="number"
-                    value={repeatInterval}
-                    onChange={(e) => setRepeatInterval(Number(e.target.value))}
-                    slotProps={{ htmlInput: { min: 1 } }}
-                  />
-                </FormControl>
-                <FormControl fullWidth>
-                  <FormLabel htmlFor="repeat-end-date">반복 종료일</FormLabel>
-                  <TextField
-                    id="repeat-end-date"
-                    size="small"
-                    type="date"
-                    value={repeatEndDate}
-                    onChange={(e) => setRepeatEndDate(e.target.value)}
-                  />
-                </FormControl>
-              </Stack>
-            </Stack>
+
+              {/* ! 반복은 8주차 과제에 포함됩니다. 구현하고 싶어도 참아주세요~ */}
+              {isRepeating && (
+                <Stack spacing={2}>
+                  <FormControl fullWidth>
+                    <FormLabel id="repeat-type-label">반복 유형</FormLabel>
+                    <Select
+                      size="small"
+                      value={repeatType}
+                      onChange={(e) => setRepeatType((e.target.value as RepeatType) || '')}
+                      aria-labelledby="repeat-type-label"
+                      aria-label="반복 유형"
+                    >
+                      <MenuItem value="daily" aria-label="daily-option">
+                        매일
+                      </MenuItem>
+                      <MenuItem value="weekly" aria-label="weekly-option">
+                        매주
+                      </MenuItem>
+                      <MenuItem value="monthly" aria-label="monthly-option">
+                        매월
+                      </MenuItem>
+                      <MenuItem value="yearly" aria-label="yearly-option">
+                        매년
+                      </MenuItem>
+                    </Select>
+                  </FormControl>
+                  <Stack direction="row" spacing={2}>
+                    <FormControl fullWidth>
+                      <FormLabel>반복 간격</FormLabel>
+                      <TextField
+                        size="small"
+                        type="number"
+                        value={repeatInterval}
+                        onChange={(e) => setRepeatInterval(Number(e.target.value))}
+                        slotProps={{ htmlInput: { min: 1 } }}
+                      />
+                    </FormControl>
+                    <FormControl fullWidth>
+                      <FormLabel htmlFor="repeat-end-date">반복 종료일</FormLabel>
+                      <TextField
+                        id="repeat-end-date"
+                        size="small"
+                        type="date"
+                        value={repeatEndDate}
+                        onChange={(e) => setRepeatEndDate(e.target.value)}
+                      />
+                    </FormControl>
+                  </Stack>
+                </Stack>
+              )}
+            </>
           )}
 
           <Button