브리의 성장기

[TIL] 221213 본문

종종 올리는 요즘 근황

[TIL] 221213

브리(BRIE) 2022. 12. 13. 21:53
728x90

😀 TIL #221213

 

- 스파르타 코딩클럽 웹개발 종합반 1주차

너무 오랜만인 TIL ! 

회사 조직개편, 모바일 페이지 리뉴얼 프로젝트, 사업계획서 작성 등등.. 거기다 일상적인 수시 업무까지 .. 피곤하기도 했고(ㅎㅎ..)

무엇보다  뉴(New!) 학습 방향을 설정하는것에 고민이 많아 꾸준히 하던 공부를 잠시 멈췄었다.! 오늘부터 다시 가보자구 !! 브리 !! 🙌

 

1주차 1회~7회 강의 수강

* PyCharm, AWS 회원가입

* HTML / CSS 로그인 페이지 만들기 실습

* 로그인 페이지 실습

* 주석처리 : 드래그 + Command + /

* 패딩 : 안쪽 여백 / 마진 : 바깥 여백

* 구글 폰트에서 폰트 불러오기

 
 
생활코딩 좀 들어서 그런가 쉽네 .. ^^

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap" rel="stylesheet">
    <style>
        .mytitle{
            background-color: green;
            width: 300px;
            height: 200px;
            color: white;
            text-align: center;
            background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
            background-size: cover;
            background-position:center;
            border-radius: 10px;
            padding-top : 40px;
        }
        .wrap {
            width: 300px;
            margin: auto;
        }
        * {
            font-family: 'Noto Sans KR', sans-serif;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="mytitle">
            <h1>로그인 페이지</h1>
            <h5>아이디, 비밀번호를 입력해주세요</h5>
        </div>
        <p>ID : <input type="text"/></p>
        <p>PW : <input type="text"/></p>
        <p><button> 로그인하기</button></p>
    </div>
</body>
</html>

 

노션 강의 교재가 잘 만들어져 있어, 따라가기 수월하다.

목표는 12월 31일 안으로 빠르게 완강하기 !

 

brie can do it ! 😎

728x90

'종종 올리는 요즘 근황' 카테고리의 다른 글

[TIL] 221215  (0) 2022.12.15
[TIL] 221214  (0) 2022.12.14
[TIL] 221203  (0) 2022.12.03
[TIL] 221129  (0) 2022.11.29
[TIL] 221127  (0) 2022.11.27
'종종 올리는 요즘 근황' Related Articles more
Comments