impoer .js 삭제

client/src/apis/subject.api.js

 import axios from "axios";
-import baseUrl from "../utils/baseUrl.js";
+import baseUrl from "../utils/baseUrl";
 
 const addsubject = async (info, userId) => {
   const url = `${baseUrl}/api/subject/addsubject`;

client/src/components/Buttons/AddBtn.js

-import TodoModal from "../Modal/TodoModal.js";
+import TodoModal from "../Modal/TodoModal";
 import styles from "./buttons.module.scss";
 
 const AddBtn = () => {

client/src/components/Calendar/AdminMonthly.js

 import { useState, useEffect, useRef } from "react";
-import CalendarBtn from "../Buttons/CalendarBtn.js";
-import DatePickerModal from "../Modal/DatePickerModal.js";
-import ScheduleModal from "../Modal/ScheduleModal.js";
+import CalendarBtn from "../Buttons/CalendarBtn";
+import DatePickerModal from "../Modal/DatePickerModal";
+import ScheduleModal from "../Modal/ScheduleModal";
 import scheduleApi from "../../apis/schedule.api";
-import catchErrors from "../../utils/catchErrors.js";
+import catchErrors from "../../utils/catchErrors";
 import moment from 'moment';
 import FullCalendar from '@fullcalendar/react';
 import dayGridPlugin from '@fullcalendar/daygrid';

client/src/components/Calendar/CustomView.js

-import ScheduleCarousel from "../Schedule/ScheduleCarousel.js";
-import ScheduleList from "../Schedule/ScheduleList.js";
+import ScheduleCarousel from "../Schedule/ScheduleCarousel";
+import ScheduleList from "../Schedule/ScheduleList";
 import { createPlugin } from '@fullcalendar/react';
 
 const CustomDateView = () => {

client/src/components/Calendar/DateView.js

@@ -2,7 +2,7 @@ import { useEffect, useRef } from "react";
 import { useHistory, useParams } from "react-router-dom";
 import moment from 'moment';
 import FullCalendar from '@fullcalendar/react';
-import customViewPlugin from "./CustomView.js";
+import customViewPlugin from "./CustomView";
 import bootstrapPlugin from '@fullcalendar/bootstrap';
 import '@fortawesome/fontawesome-free/css/all.css';
 

client/src/components/Calendar/Weekly.js

 import { useState, useEffect, useRef } from "react";
 import { useHistory, useParams } from "react-router-dom";
-import Date from "./DateSet.js";
+import Date from "./DateSet";
 import moment from 'moment';
 import FullCalendar, { createPlugin } from '@fullcalendar/react';
 import interactionPlugin from "@fullcalendar/interaction";

client/src/components/Footer.js

-import EditBtn from "./Buttons/EditBtn.js";
-import AddBtn from "./Buttons/AddBtn.js";
+import EditBtn from "./Buttons/EditBtn";
+import AddBtn from "./Buttons/AddBtn";
 
 const Footer = ({ pathname="todo" }) => {
     return (

client/src/components/Form/LoginForm.js

 import { useState } from 'react';
 import { Redirect, Link } from "react-router-dom";
 import { Formik } from 'formik';
-import { useAuth } from "../../utils/context.js";
+import { useAuth } from "../../utils/context";
 import * as Yup from 'yup';
-import catchErrors from "../../utils/catchErrors.js";
+import catchErrors from "../../utils/catchErrors";
 import styles from "./form.module.scss";
 
 const LoginForm = () => {

client/src/components/Form/ScheduleForm.js

 import { useState, useEffect } from "react";
 import { Redirect, useParams } from "react-router-dom";
-import BtnGroup from "../Buttons/BtnGroup.js";
+import BtnGroup from "../Buttons/BtnGroup";
 import scheduleApi from "../../apis/schedule.api";
-import { useAuth } from "../../utils/context.js";
-import catchErrors from "../../utils/catchErrors.js";
+import { useAuth } from "../../utils/context";
+import catchErrors from "../../utils/catchErrors";
 import styles from "./form.module.scss";
 
 const ScheduleForm = () => {

client/src/components/Form/SignupForm.js

@@ -3,7 +3,7 @@ import { Redirect } from "react-router-dom";
 import { Formik } from 'formik';
 import * as Yup from 'yup';
 import authApi from '../../apis/auth.api';
-import catchErrors from "../../utils/catchErrors.js";
+import catchErrors from "../../utils/catchErrors";
 import styles from "./form.module.scss";
 
 const SignupForm = () => {

client/src/components/Form/StudyPlanEditForm.js

 import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
-import { useAuth } from "../../utils/context.js";
+import { useAuth } from "../../utils/context";
 import BtnGroup from "../Buttons/BtnGroup";
-import subjectApi from '../../apis/subject.api.js';
-import planApi from '../../apis/plan.api.js';
+import subjectApi from '../../apis/subject.api';
+import planApi from '../../apis/plan.api';
+import catchErrors from '../../utils/catchErrors';
 import styles from "./form.module.scss";
-import catchErrors from '../../utils/catchErrors.js';
 
 const StudyPlanEditForm = () => {
     const { user } = useAuth();

client/src/components/Form/SubjectForm.js

 import { useState, useEffect } from 'react';
 import { Redirect, useParams } from 'react-router-dom';
-import { useAuth } from '../../utils/context.js';
+import { useAuth } from '../../utils/context';
 import BtnGroup from "../Buttons/BtnGroup";
 import subjectApi from '../../apis/subject.api';
-import catchErrors from '../../utils/catchErrors.js';
+import catchErrors from '../../utils/catchErrors';
 import styles from "./form.module.scss";
 
 const SubjectForm = () => {

client/src/components/PrivateRoute.js

 import { Redirect, Route } from "react-router-dom";
-import { useAuth } from "../utils/context.js"
+import { useAuth } from "../utils/context";
 import ErrorPage from "../pages/ErrorPage";
 
 const PrivateRoute = ({ component: Component, ...rest }) => {

client/src/components/Schedule/ScheduleCarousel.js

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import KU from "./KUSchedule.js";
 import scheduleApi from "../../apis/schedule.api";
-import catchErrors from "../../utils/catchErrors.js";
+import catchErrors from "../../utils/catchErrors";
 
 const ScheduleCarousel = () => {
     const [scheduleList, setScheduleList] = useState([])

client/src/components/Schedule/ScheduleList.js

 import { useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
-import Item from "./ScheduleItem.js";
+import Item from "./ScheduleItem";
 import scheduleApi from "../../apis/schedule.api";
-import { useAuth } from "../../utils/context.js";
-import catchErrors from "../../utils/catchErrors.js";
+import { useAuth } from "../../utils/context";
+import catchErrors from "../../utils/catchErrors";
 import styles from "./schedule.module.scss";
 
 const ScheduleList = () => {

client/src/components/StudyPlan/AddplanList.js

-import PlanItem from "./PlanItem.js";
+import PlanItem from "./PlanItem";
 import styles from "./studyplan.module.scss";
 
 const AddplanList = () => {

client/src/components/StudyPlan/PlanItem.js

 import { useState } from "react";
 import { Link } from "react-router-dom";
-import catchErrors from "../../utils/catchErrors.js";
+import catchErrors from "../../utils/catchErrors";
 import styles from "../Schedule/schedule.module.scss";
 import styles2 from "./studyplan.module.scss";
 

client/src/components/StudyPlanList.js

 import { useState, useEffect } from 'react';
-import { useAuth } from "../utils/context.js"
+import { useAuth } from "../utils/context";
 import { Link } from "react-router-dom";
-import StudyPlanCard from "./Card/StudyPlanCard.js";
-import subjectApi from '../apis/subject.api.js';
+import StudyPlanCard from "./Card/StudyPlanCard";
+import subjectApi from '../apis/subject.api';
 
 const StudyPlanList = () => {
   const { user } = useAuth();

client/src/components/TodoList.js

-import TodoModal from "../components/Modal/TodoModal.js";
-import TodoPostModal from "../components/Modal/TodoPostModal.js";
+import TodoModal from "../components/Modal/TodoModal";
+import TodoPostModal from "../components/Modal/TodoPostModal";
 import styles from "../components/Form/form.module.scss";
 
 const TodoList = () => {

client/src/pages/Admin/AdminPage.js

-import Monthly from "../../components/Calendar/AdminMonthly.js";
-import Footer from "../../components/Footer.js";
-import { useAuth } from "../../utils/context.js";
+import Monthly from "../../components/Calendar/AdminMonthly";
+import Footer from "../../components/Footer";
+import { useAuth } from "../../utils/context";
 import styles from "./admin.module.scss";
 
 const AdminPage = () => {