[Issue#88] 리로드 없이 라이센스 조회 (#89)

* [Feat] 작가 포토폴리오 init

* [Feat] 라이센스 추가 콘솔에 로그

* [Feat] 라이센스 조회

* [Chore] LicenceDialog 컴포넌트로 이동

* [Style] 라이센스 리스트

* [Feat} api init

* [Feat] 라이센스 추가

* [Feat] 라이센스 조회, alert -> sweetAlert

* 등록 후 refresh

* [Fix] 라이센스 조회 무한루프

* [Fix] 라이센스 조회 무한루프

* [Perf] 리로드 없이 라이센스 조회

src/component/license/LicenseDialog.js

@@ -15,7 +15,7 @@ import dayjs from "dayjs";
 import { createLicense } from "../../axios/License";
 import Swal from "sweetalert2";
 
-const LicenseDialog = ({ open, onClose }) => {
+const LicenseDialog = ({ open, onClose, getLicenses }) => {
   const [data, setData] = useState({
     artistName: "",
     artName: "",
@@ -38,7 +38,7 @@ const LicenseDialog = ({ open, onClose }) => {
           title: "라이센스 등록에 성공했습니다!",
           text: `행사 기간은: ${data.startDate} ~ ${data.endDate}까지 입니다`,
           icon: "success",
-        }).then(() => window.location.reload());
+        }).then(() => getLicenses());
       })
       .catch(() => {
         Swal.fire({

src/screen/License.js

@@ -17,10 +17,13 @@ const License = () => {
   const [open, setOpen] = useState(false);
   const [licenses, setLicenses] = useState([]);
   useEffect(() => {
+    getLicenses();
+  }, []);
+  const getLicenses = () => {
     getLicenseList().then((res) => {
       setLicenses(res.data);
     });
-  }, []);
+  };
   const openDialog = () => {
     setOpen(true);
   };
@@ -75,7 +78,13 @@ const License = () => {
                 );
               })}
           </ProductBox>
-          {open && <LicenseDialog open={open} onClose={closeDialog} />}
+          {open && (
+            <LicenseDialog
+              open={open}
+              onClose={closeDialog}
+              getLicenses={getLicenses}
+            />
+          )}
         </Container>
       </Box>
     </MainContainer>