오늘은 html과 css 작업을 했다.

박스 사이즈를 조절할 때의 크기 조절을 고민했었는데,

box-sizing: border-box;

을 사용하면 너비와 높이를 균일하게 유지해준다.

4일동안 토이 프로젝트라 로그인, 회원가입을 할지말지를 고민하다, 하지 않기로 했다.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>


<title>로그인 페이지</title>
<style>
    * {
        font-family: 'Jua', sans-serif;
    }

    #wrap {
        text-align: center;
        max-width: 700px;
        align-content: center;
        margin: auto;
    }

    h1 {
        margin-top: 100px;
    }

    #login_id {
        box-sizing: border-box;

    }


</style>

여기서는 css가 안보여서 조금 그렇지만, 그래도 디자인은 괜찮다고 생각하니까 올려본다.
css쪽으로 조금 헤맸지만, 그래도 내가 원하는 대로 나와줘서 다행이다.

오늘의 코딩테스트?

def twoSum(nums, target):
n = len(nums)
for i in range(n):
for j in range(i+1, n):
if nums[i] + nums[j] == target:
return True
return False
print(twoSum(nums = [2,1,5,7], target=14))

https://leetcode.com/problems/two-sum/