File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
import Logo from "../../../resources/img/ajin_logo.png";
import axios from "axios";
function Login() {
const [businessNumber, setBusinessNumber] = React.useState("");
const [number, setNumber] = React.useState("");
const [crtificationNumber, setCrtificationNumber] = React.useState("");
const authCodeCall = () => {
axios.get("http://jhpark.ajinpaper.co.kr/ajin_API/login/call.do", {
params: {
sabnho: businessNumber,
telpno: number
}
})
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
};
const authLogin = () => {
axios.get("http://example.com/login.do", {
params: {
sabnho: businessNumber,
telpno: number,
crtificationNumber: crtificationNumber
}
})
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
};
return (
<div className="login-page flex-column justify-center align-center">
<div className="login-wrap">
<div className="logo mb30">
<img src={Logo} alt="" />
</div>
<div className="input-group mb10">
<label htmlFor="businessNumber" className="item-title mb5">사번</label>
<input
type="text"
id="businessNumber"
placeholder="사번을 입력해주세요"
className="full-input login-input"
value={businessNumber}
onChange={e => setBusinessNumber(e.target.value)}
/>
</div>
<div className="input-group mb10">
<label htmlFor="number" className="item-title mb5">전화번호</label>
<div className="certification">
<input
type="text"
id="number"
placeholder="전화번호를 입력해주세요"
className="full-input login-input"
value={number}
onChange={e => setNumber(e.target.value)}
/>
<button className="darkg-btn small-btn " onClick={authCodeCall}>인증번호 발송</button>
</div>
</div>
<div className="input-group mb10">
<label htmlFor="crtificationNumber" className="item-title mb5">인증번호</label>
<input
type="text"
id="crtificationNumber"
placeholder="인증번호"
className="full-input login-input"
value={crtificationNumber}
onChange={e => setCrtificationNumber(e.target.value)}
/>
</div>
<div className="btn-wrap">
<button className="blue-btn large-btn" onClick={authLogin}>인증하기</button>
</div>
</div>
</div>
);
}
export default Login;