아무것도 모르고 시작하는 코딩

<오늘의 책> 프로젝트_개발일지_02(cover) | 아무것도 모르고 시작하는 코딩

ZNOS 2020. 8. 21. 01:08
반응형

cover page 완료

 

물론 CSS는 제외다

지금은 작동되는지만 확인하고, 3주가 다 지나서 시간이 남으면 CSS도...할꺼야..할꺼다

현재의 모습은 아래와 같다

현재로서 내가 할 수 있는 수준

 

정말 충격적이지 않은가?

글씨를 페이지 가운데로 옮길수가 없다 ㅜㅜㅜㅜㅜ

가로정렬은 쉬운데 세로정렬이 안된다... 근데 구글을 찾아봐도 잘 모르겠다
(혹시 아시는데 친절히 댓글로 답을 적어주실 분은 천사입니다)

꼭 빨리 끝내서 이 빌어먹을 세로정렬을 하고 말테야...

 

위의 코드는 아래와 같다

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="refresh" content="1;url=main">
    <title>오늘의 책 | TODAY's BOOK</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css"/>
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
    <style type="text/css">
        html {
            background-color: #010048;
        }

        h1,h2 {
            background-color: #010048;
            color: white;
            text-align: center;
            vertical-align: middle;
        }

    </style>
    <script>


    </script>
</head>
<body>
<h1>오늘의 책</h1>
<h2>TODAY's BOOK</h2>
</body>
</html>

 

여기서 <meta http-equiv="refresh" content="1;url=main"> 이 부분이 1초 있다가 페이지를 넘기는 코드이다.

content="1;url=main"    →   1초 뒤에 주소가 main인 페이지로 넘어가라

 

pycharm 화면

 

지금 페이지는 cover.html 이고 main.html로 넘기는 코드다. 

main.html이 아니라 main을 적은 것은 flask를 이용하여

인터넷주소/main 이렇게 '/'뒤에 주소가 있으면 main.html이 불려오게 만들 것이기 때문이다. 
(flask에 대해선 나중에 포스팅 하겠다)

아무튼.. 이 아무것도 아닌것 같은 페이지도 만드는데 (내가 무지하여) 시간이 엄청 걸렸다.

바로 이어서 bookAdd1페이지와 bookAdd2페이지를 하는데, 데드라인을 8/23까지로 잡았는데 가능할지 모르겠다.

후우...복습도 어서 해야 하는데

 

공감 부탁 드려요 :) 

반응형