'공부' 카테고리의 글 목록

'공부'에 해당되는 글 3건

2019.09.18 정규 표현식으로 class="class-list" 가져오기
2019.06.18 PHP에서 웹페이지 접속 시 인증창 띄우기
2019.01.30 CSS 중앙정렬

정규 표현식으로 class="class-list" 가져오기

공부 2019. 9. 18. 15:00

class[ \t]*=[ \t]*"[^"]+"

'공부' 카테고리의 다른 글

PHP에서 웹페이지 접속 시 인증창 띄우기 (0)	2019.06.18
CSS 중앙정렬 (0)	2019.01.30

Posted by mokong

PHP에서 웹페이지 접속 시 인증창 띄우기

공부 2019. 6. 18. 10:39

.htaccess, .htpasswd 에 auth를 사용할 수 없는 경우

.htaccess에 추가

SetEnvIf Authorization .+ HTTP_AUTHORIZATION=$0

index.php에 추가

if ((isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW'])) || isset($_SERVER['HTTP_AUTHORIZATION'])) {

    if ($_SERVER['PHP_AUTH_USER'] != 'ckci' || $_SERVER['PHP_AUTH_PW'] != 'aaa123') {

        header('WWW-Authenticate: Basic realm="Protected area"');
        header('HTTP/1.0 401 Unauthorized');

        die('Login failed!');
    }
} else {
    header('WWW-Authenticate: Basic realm="Protected area"');
    exit();
}

'공부' 카테고리의 다른 글

정규 표현식으로 class="class-list" 가져오기 (0)	2019.09.18
CSS 중앙정렬 (0)	2019.01.30

Posted by mokong

CSS 중앙정렬

공부 2019. 1. 30. 11:13

<!DOCTYPE html>
<head>
    <meta charset="utf-8">

    <title>TEST</title>
    <style>
        .outer{
            position:relative;
            margin:20px 0;
            width:100%;
            height:100px;
            background-color:hsla(0, 0%, 0%, .4)
        }
        .inner{
            width:30px;
            height:30px;
            background-color:hsla(300, 100%, 50%, .5)
        }
        .flex-center{
            display:flex;
            align-items:center;
            justify-content:center
        }
        .margin-center{
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
}
        .transform-center{
            position:absolute;
            top:50%;
            left:50%;
            transform:translateY(-50%) translateX(-50%)
        }
    </style>
</head>
<body>
    <h3>flex</h3>
    <div class="outer flex-center">
        <div class="inner"></div>
    </div>

    <h3>margin</h3>
    <div class="outer">
        <div class="inner margin-center"></div>
    </div>

    <h3>transform</h3>
    <div class="outer">
        <div class="inner transform-center"></div>
    </div>
</body></html>