Commit @4b7d999c8d93f99ddb78f74eb892ed61744f8ad3

박민혁 2024-02-29

240229 박민혁 로그인 인증번호 발송 기능

@4b7d999c8d93f99ddb78f74eb892ed61744f8ad3

937de24

4b7d999

client/views/pages/login/Login.jsx

--- client/views/pages/login/Login.jsx

+++ client/views/pages/login/Login.jsx

...	...	@@ -1,7 +1,44 @@
1	1	import React from "react";
2	2	import Logo from "../../../resources/img/ajin_logo.png";
	3	+import axios from "axios";
3	4
4	5	function Login() {
	6	+ const [businessNumber, setBusinessNumber] = React.useState("");
	7	+ const [number, setNumber] = React.useState("");
	8	+ const [crtificationNumber, setCrtificationNumber] = React.useState("");
	9	+
	10	+ const authCodeCall = () => {
	11	+ axios.get("http://jhpark.ajinpaper.co.kr/ajin_API/login/call.do", {
	12	+ params: {
	13	+ sabnho: businessNumber,
	14	+ telpno: number
	15	+ }
	16	+ })
	17	+ .then(response => {
	18	+ console.log(response);
	19	+ })
	20	+ .catch(error => {
	21	+ console.log(error);
	22	+ });
	23	+ };
	24	+
	25	+ const authLogin = () => {
	26	+ axios.get("http://example.com/login.do", {
	27	+ params: {
	28	+ sabnho: businessNumber,
	29	+ telpno: number,
	30	+ crtificationNumber: crtificationNumber
	31	+ }
	32	+ })
	33	+ .then(response => {
	34	+ console.log(response);
	35	+ })
	36	+ .catch(error => {
	37	+ console.log(error);
	38	+ });
	39	+ };
	40	+
	41	+
5	42	return (
6	43	<div className="login-page flex-column justify-center align-center">
7	44	<div className="login-wrap">
...	...	@@ -15,6 +52,9 @@
15	52	id="businessNumber"
16	53	placeholder="사번을 입력해주세요"
17	54	className="full-input login-input"
	55	+ value={businessNumber}
	56	+ onChange={e => setBusinessNumber(e.target.value)}
	57	+
18	58	/>
19	59	</div>
20	60	<div className="input-group mb10">
...	...	@@ -25,17 +65,25 @@
25	65	id="number"
26	66	placeholder="전화번호를 입력해주세요"
27	67	className="full-input login-input"
	68	+ value={number}
	69	+ onChange={e => setNumber(e.target.value)}
28	70	/>
29		- <button className="darkg-btn small-btn ">인증번호 발송</button>
	71	+ <button className="darkg-btn small-btn " onClick={authCodeCall}>인증번호 발송</button>
30	72	</div>
31	73	</div>
32	74	<div className="input-group mb10">
33	75	<label htmlFor="crtificationNumber" className="item-title mb5">인증번호</label>
34		- <input type="text" id="crtificationNumber" placeholder="인증번호"
35		- className="full-input login-input" />
	76	+ <input
	77	+ type="text"
	78	+ id="crtificationNumber"
	79	+ placeholder="인증번호"
	80	+ className="full-input login-input"
	81	+ value={crtificationNumber}
	82	+ onChange={e => setCrtificationNumber(e.target.value)}
	83	+ />
36	84	</div>
37	85	<div className="btn-wrap">
38		- <button className="blue-btn large-btn">인증하기</button>
	86	+ <button className="blue-btn large-btn" onClick={authLogin}>인증하기</button>
39	87	</div>
40	88	</div>
41	89	</div>

937de24

4b7d999

node_modules/.package-lock.json

--- node_modules/.package-lock.json

+++ node_modules/.package-lock.json


 {
-  "name": "agin_business_log",
+  "name": "ajin_business_log",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

         "node": ">= 0.6"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
+      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/babel-loader": {
       "version": "8.2.5",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",

       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
       "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
     },
     "node_modules/commander": {
       "version": "4.1.1",

         "robust-predicates": "^3.0.2"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",

       "version": "4.6.13",
       "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
       "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
     },
     "node_modules/forwarded": {
       "version": "0.2.0",

         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",

937de24

4b7d999

package-lock.json

--- package-lock.json

+++ package-lock.json

...	...	@@ -1,5 +1,5 @@
1	1	{
2		- "name": "agin_business_log",
	2	+ "name": "ajin_business_log",
3	3	"lockfileVersion": 2,
4	4	"requires": true,
5	5	"packages": {
...	...	@@ -11,6 +11,7 @@
11	11	"@babel/preset-react": "7.18.6",
12	12	"@mdi/js": "^7.4.47",
13	13	"@mdi/react": "^1.6.1",
	14	+ "axios": "^1.6.7",
14	15	"babel-loader": "^8.2.5",
15	16	"css-loader": "^6.7.1",
16	17	"date-fns": "^3.3.1",
...	...	@@ -1365,6 +1366,21 @@
1365	1366	"node": ">= 0.6"
1366	1367	}
1367	1368	},
	1369	+ "node_modules/asynckit": {
	1370	+ "version": "0.4.0",
	1371	+ "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
	1372	+ "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
	1373	+ },
	1374	+ "node_modules/axios": {
	1375	+ "version": "1.6.7",
	1376	+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
	1377	+ "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
	1378	+ "dependencies": {
	1379	+ "follow-redirects": "^1.15.4",
	1380	+ "form-data": "^4.0.0",
	1381	+ "proxy-from-env": "^1.1.0"
	1382	+ }
	1383	+ },
1368	1384	"node_modules/babel-loader": {
1369	1385	"version": "8.2.5",
1370	1386	"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",
...	...	@@ -1726,6 +1742,17 @@
1726	1742	"version": "2.0.19",
1727	1743	"resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
1728	1744	"integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
	1745	+ },
	1746	+ "node_modules/combined-stream": {
	1747	+ "version": "1.0.8",
	1748	+ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
	1749	+ "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
	1750	+ "dependencies": {
	1751	+ "delayed-stream": "~1.0.0"
	1752	+ },
	1753	+ "engines": {
	1754	+ "node": ">= 0.8"
	1755	+ }
1729	1756	},
1730	1757	"node_modules/commander": {
1731	1758	"version": "4.1.1",
...	...	@@ -2475,6 +2502,14 @@
2475	2502	"robust-predicates": "^3.0.2"
2476	2503	}
2477	2504	},
	2505	+ "node_modules/delayed-stream": {
	2506	+ "version": "1.0.0",
	2507	+ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
	2508	+ "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
	2509	+ "engines": {
	2510	+ "node": ">=0.4.0"
	2511	+ }
	2512	+ },
2478	2513	"node_modules/depd": {
2479	2514	"version": "2.0.0",
2480	2515	"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
...	...	@@ -2983,6 +3018,38 @@
2983	3018	"version": "4.6.13",
2984	3019	"resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
2985	3020	"integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
	3021	+ },
	3022	+ "node_modules/follow-redirects": {
	3023	+ "version": "1.15.5",
	3024	+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
	3025	+ "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
	3026	+ "funding": [
	3027	+ {
	3028	+ "type": "individual",
	3029	+ "url": "https://github.com/sponsors/RubenVerborgh"
	3030	+ }
	3031	+ ],
	3032	+ "engines": {
	3033	+ "node": ">=4.0"
	3034	+ },
	3035	+ "peerDependenciesMeta": {
	3036	+ "debug": {
	3037	+ "optional": true
	3038	+ }
	3039	+ }
	3040	+ },
	3041	+ "node_modules/form-data": {
	3042	+ "version": "4.0.0",
	3043	+ "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
	3044	+ "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
	3045	+ "dependencies": {
	3046	+ "asynckit": "^0.4.0",
	3047	+ "combined-stream": "^1.0.8",
	3048	+ "mime-types": "^2.1.12"
	3049	+ },
	3050	+ "engines": {
	3051	+ "node": ">= 6"
	3052	+ }
2986	3053	},
2987	3054	"node_modules/forwarded": {
2988	3055	"version": "0.2.0",
...	...	@@ -4278,6 +4345,11 @@
4278	4345	"engines": {
4279	4346	"node": ">= 0.10"
4280	4347	}
	4348	+ },
	4349	+ "node_modules/proxy-from-env": {
	4350	+ "version": "1.1.0",
	4351	+ "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
	4352	+ "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
4281	4353	},
4282	4354	"node_modules/punycode": {
4283	4355	"version": "2.1.1",
...	...	@@ -6651,6 +6723,21 @@
6651	6723	"resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.7.8.tgz",
6652	6724	"integrity": "sha512-RIOpVnVlltB6PcBJ5BMLx+H+6JJ/zjDGU0t7f0L6c2M1dqcK92VQopLBlPQ9R80AVXelfqYgjcPLtHtDbNFg0Q=="
6653	6725	},
	6726	+ "asynckit": {
	6727	+ "version": "0.4.0",
	6728	+ "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
	6729	+ "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
	6730	+ },
	6731	+ "axios": {
	6732	+ "version": "1.6.7",
	6733	+ "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
	6734	+ "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
	6735	+ "requires": {
	6736	+ "follow-redirects": "^1.15.4",
	6737	+ "form-data": "^4.0.0",
	6738	+ "proxy-from-env": "^1.1.0"
	6739	+ }
	6740	+ },
6654	6741	"babel-loader": {
6655	6742	"version": "8.2.5",
6656	6743	"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",
...	...	@@ -6917,6 +7004,14 @@
6917	7004	"version": "2.0.19",
6918	7005	"resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
6919	7006	"integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
	7007	+ },
	7008	+ "combined-stream": {
	7009	+ "version": "1.0.8",
	7010	+ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
	7011	+ "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
	7012	+ "requires": {
	7013	+ "delayed-stream": "~1.0.0"
	7014	+ }
6920	7015	},
6921	7016	"commander": {
6922	7017	"version": "4.1.1",
...	...	@@ -7500,6 +7595,11 @@
7500	7595	"robust-predicates": "^3.0.2"
7501	7596	}
7502	7597	},
	7598	+ "delayed-stream": {
	7599	+ "version": "1.0.0",
	7600	+ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
	7601	+ "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
	7602	+ },
7503	7603	"depd": {
7504	7604	"version": "2.0.0",
7505	7605	"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
...	...	@@ -7892,6 +7992,21 @@
7892	7992	"version": "4.6.13",
7893	7993	"resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
7894	7994	"integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
	7995	+ },
	7996	+ "follow-redirects": {
	7997	+ "version": "1.15.5",
	7998	+ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
	7999	+ "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
	8000	+ },
	8001	+ "form-data": {
	8002	+ "version": "4.0.0",
	8003	+ "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
	8004	+ "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
	8005	+ "requires": {
	8006	+ "asynckit": "^0.4.0",
	8007	+ "combined-stream": "^1.0.8",
	8008	+ "mime-types": "^2.1.12"
	8009	+ }
7895	8010	},
7896	8011	"forwarded": {
7897	8012	"version": "0.2.0",
...	...	@@ -8825,6 +8940,11 @@
8825	8940	"ipaddr.js": "1.9.1"
8826	8941	}
8827	8942	},
	8943	+ "proxy-from-env": {
	8944	+ "version": "1.1.0",
	8945	+ "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
	8946	+ "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
	8947	+ },
8828	8948	"punycode": {
8829	8949	"version": "2.1.1",
8830	8950	"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",

937de24

4b7d999

package.json

--- package.json

+++ package.json

...	...	@@ -6,6 +6,7 @@
6	6	"@babel/preset-react": "7.18.6",
7	7	"@mdi/js": "^7.4.47",
8	8	"@mdi/react": "^1.6.1",
	9	+ "axios": "^1.6.7",
9	10	"babel-loader": "^8.2.5",
10	11	"css-loader": "^6.7.1",
11	12	"date-fns": "^3.3.1",

Add a comment

Open 0
Closed 0

List

Delete comment