TimeNow.js 1.09 KB
Newer Older
Spark's avatar
layout    
Spark committed
1
2
3
import React, { Component } from 'react';
import { Jumbotron, Container, Row, Card } from 'react-bootstrap';
import Clock from 'react-live-clock'
Spark's avatar
layouut    
Spark committed
4
5
import '../App.css'

Spark's avatar
layout    
Spark committed
6
7

function TimeNow() {
8
9
10
11
12
13
14
15
16
17
18
19
    const cardstyled = {
        fontSize: '0.5em',
        margin: 'auto',
        padding: '1em',
        display: 'flex',
        justifyContent: 'center',
        width: '100%',
        borderWidth: '1.5px',
        borderRadius: '20px',
        borderColor: '#04AB70',
        color: 'rgb(110, 189, 142)'
    }
Spark's avatar
layout    
Spark committed
20
21
        return (
                <Row className='text-center w-100 my-2'>
22
                    <Card style={cardstyled}>
Spark's avatar
layouut    
Spark committed
23
                        <Card.Title style={{color:'black'}}>
Spark's avatar
layout    
Spark committed
24
25
26
27
28
29
30
31
32
33
34
35
36
                            현재시각
                        </Card.Title>
                        <Card.Text>
                            <Clock format={'Y년 M월 D일'} />
                            <br/>
                            <Clock format={'HH : mm : ss'} ticking={true} timezone={"KR"} />
                        </Card.Text>
                    </Card>
                </Row>
        )
}

export default TimeNow;