Commit 48925ca0 authored by 박상호's avatar 박상호 🎼
Browse files

ㅁㄱㅁ

parent af3ab5b2
...@@ -68,10 +68,9 @@ function Signup() { ...@@ -68,10 +68,9 @@ function Signup() {
return ( return (
<div> <div>
<Container className="my-5"> <Container className="my-5">
<Row className="justify-content-center"> <Row className="justify-content-center">
<Col md={6} xs={10} className="border" style={{ background: '#F7F3F3' }}> <Col md={6} xs={10} className="border" style={{ background: '#F7F3F3' }}>
<h2 className="text-center m-5">Sign Up</h2> <h2 className="text-center pt-3 m-4">Sign Up</h2>
{error && <Alert variant='danger'> {error && <Alert variant='danger'>
{error} {error}
</Alert>} </Alert>}
...@@ -79,135 +78,123 @@ function Signup() { ...@@ -79,135 +78,123 @@ function Signup() {
noValidate validated={validated} noValidate validated={validated}
onSubmit={handleSubmit} onSubmit={handleSubmit}
className="p-4"> className="p-4">
<Form.Group as={Col} controlId="formBasicName" className="justify-content-end">
<Form.Row> <Form.Group as={Row} controlId="formBasicName">
<Col sm={4} xs={6} as={Form.Label} for="id"> </Col> <Form.Label column sm="4" for='name'>
<Col sm={8} xs={6} as={Form.Control} </Form.Label>
<Col sm="8">
<Form.Control
required type="text" required type="text"
name="name" name="name"
placeholder="Name" placeholder="Name"
style={{ width: '160px' }}
value={user.name} value={user.name}
onChange={handleChange} /> onChange={handleChange} />
<Form.Control.Feedback type="invalid" >이름을 입력하세요. </Form.Control.Feedback> <Form.Control.Feedback type="invalid" >이름을 입력하세요. </Form.Control.Feedback>
</Form.Row> </Col>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicNumber">
<Form.Row> <Form.Group as={Row} controlId="formBasicNumber">
<Col sm={4} xs={6} as={Form.Label} for="number">주민등록번호</Col> <Form.Label column sm="4" for='number'>
<Col xs={3}> 주민등록번호 </Form.Label>
<Col sm="4" xs='5'>
<Form.Control <Form.Control
className='pr-0'
required type="text" required type="text"
name="number1" name="number1"
maxlength="6" maxlength="6"
className="ml-1 mr-3 p-1" style={{ width: '80px' }} placeholder="생년월일"
value={user.number1} value={user.number1}
onChange={handleChange}> onChange={handleChange} />
</Form.Control> <Form.Control.Feedback type="invalid" >주민등록번호 입력하세요. </Form.Control.Feedback>
</Col>
<Col xs={1}>
<div className='font-weight-bold d-flex align-items-center' style={{ text: 'center' }}>-</div>
</Col> </Col>
<Col xs={2}> <strong className='pt-2 d-flex align-items-flex-start'>-</strong>
<Col md="2" xs='3'>
<Form.Control <Form.Control
className='pr-0'
required type="text" required type="text"
name="number2" name="number2"
maxlength="1" className="mx-3 p-1" maxlength="1"
style={{ width: '30px' }}
value={user.number2} value={user.number2}
onChange={handleChange}> onChange={handleChange} />
</Form.Control>
</Col> </Col>
<div className='font-weight-bold d-flex align-items-center'>* * * * * * </div> <strong className='pt-2 d-flex align-items-flex-start'>* * * * * *</strong>
<Form.Control.Feedback type="invalid">주민등록번호를 입력하세요.</Form.Control.Feedback>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicId">
<Form.Row> <Form.Group as={Row} controlId="formBasicId">
<Col sm={4} xs={6} as={Form.Label} for="id">아이디</Col> <Form.Label column sm="4" for='id'>
<Col sm={8} xs={12} as={Form.Control} 아이디 </Form.Label>
required <Col sm="8">
type="text" <Form.Control
required type="text"
name="id" name="id"
placeholder="ID" placeholder="ID"
style={{ width: '160px' }}
value={user.id} value={user.id}
onChange={handleChange} /> onChange={handleChange} />
<Form.Control.Feedback type="invalid"> 아이디를 입력하세요.</Form.Control.Feedback> <Form.Control.Feedback type="invalid" >아이디를 입력하세요. </Form.Control.Feedback>
</Form.Row> </Col>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicPassword">
<Form.Row> <Form.Group as={Row} controlId="formBasicPassword">
<Col sm={4} xs={6} as={Form.Label} for="password">비밀번호</Col> <Form.Label column sm="4" for='password'>
<Col sm={8} xs={12} as={Form.Control} 비밀번호 </Form.Label>
<Col sm="8">
<Form.Control
type="password" type="password"
name="password" name="password"
placeholder="Password" placeholder="Password"
style={{ width: '160px' }}
value={user.password} value={user.password}
required required
onChange={handleChange} onChange={handleChange} />
/> <Form.Control.Feedback type="invalid" >비밀번호를 입력하세요. </Form.Control.Feedback>
<Form.Control.Feedback className="text-end" type="invalid"> </Col>
비밀번호를 입력하세요.
</Form.Control.Feedback>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicPassword2">
<Form.Row> <Form.Group as={Row} controlId="formBasicPassword2">
<Col sm={4} xs={6} as={Form.Label} for="password">비밀번호 확인</Col> <Form.Label column sm="4" for='password'>
<Col sm={8} xs={12} as={Form.Control} 비밀번호 확인 </Form.Label>
<Col sm="8">
<Form.Control
type="password" type="password"
name="password2" name="password2"
placeholder="Password" placeholder="Password"
style={{ width: '160px' }}
value={user.password2} value={user.password2}
required required
onChange={handleChange} onChange={handleChange} />
/> <Form.Control.Feedback type="invalid" >비밀번호를 한번 입력하세요.</Form.Control.Feedback>
<Form.Control.Feedback type="invalid"> 비밀번호를 한번 입력하세요. </Col>
</Form.Control.Feedback>
</Form.Row>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicEmail">
<Form.Row> <Form.Group as={Row} controlId="formBasicEmail">
<Col sm={4} xs={6} as={Form.Label} for="email">이메일</Col> <Form.Label column sm="4" for='email'>
<Col sm={8} xs={12} as={Form.Control} 이메일 </Form.Label>
<Col sm="8">
<Form.Control
required type="email" required type="email"
name="email" name="email"
placeholder="E-mail" placeholder="E-mail"
style={{ width: '160px' }}
value={user.email} value={user.email}
onChange={handleChange} /> onChange={handleChange} />
<Form.Control.Feedback type="invalid"> 이메일 입력하세요. </Form.Control.Feedback> <Form.Control.Feedback type="invalid" >이메일 입력하세요.</Form.Control.Feedback>
</Form.Row> </Col>
</Form.Group> </Form.Group>
<Form.Group as={Col} controlId="formBasicTel">
<Form.Row> <Form.Group as={Row} controlId="formBasicTel">
<Col sm={4} xs={6} as={Form.Label} for="tel">휴대전화</Col> <Form.Label column sm="4" for='tel'>
<Col sm={8} xs={12} style={{ width: '160px' }} className='p-0'> 휴대전화 </Form.Label>
<Col <Col sm="8">
as={Form.Control} <Form.Control
required type="text" required type="text"
name="tel" name="tel"
placeholder="Telephone" placeholder="Telephone"
className='p-1'
value={user.tel} value={user.tel}
onChange={handleChange}> onChange={handleChange} />
<Form.Control.Feedback type="invalid" >휴대전화를 입력하세요.</Form.Control.Feedback>
</Col> <Row className='text-end pl-3 mt-1'><small >' - ' 함께 입력해주세요^^</small></Row>
<div className='d-flex justify-content-end mt-1'><small >' - ' 함께 입력해주세요^^</small></div>
</Col> </Col>
<Form.Control.Feedback type="invalid"> 휴대전화를 입력하세요. </Form.Control.Feedback> </Form.Group>
</Form.Row>
<Form.Control.Feedback className="text-end" type="invalid">
비밀번호를 입력하세요.
</Form.Control.Feedback>
</Form.Group >
<Button <Button
style={{ background: '#91877F', borderColor: '#91877F' }} type="submit" block style={{ background: '#91877F', borderColor: '#91877F', margin: 'auto' }} type="submit" block
onClick={checkPassword} onClick={checkPassword} >
>
Sign Up Sign Up
</Button> </Button>
</Form> </Form>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment