TIL_DAY_2

R A·2023년 6월 22일
0

TIL_

목록 보기
2/4

velog는 왜 접기가 안될까?
마크다운 다 되는줄알았는데 안되는게 조금 있는거 같다.

블록체인 이론

채굴

  • SHA-256을 사용하여 블록의 유효성을 검증하고, 논스 값을 조정하여 일정한 기준을 충족하는 해시 값을 찾는 작업을 수행 = 채굴, 보상은 비트코인+수수료 ( POW )
  • 게임이론
    상호 의존적인 의사 결정에 관련된 이론. 게임 이론은 효용 극대화를 추구하는 행위자들이 일정한 전략을 가지고 보상을 최대한 많이 얻기 위해서 벌이는 행위
  • 대표적인 합의 알고리즘
    • 작업 증명(PoW, Proof of Word)
    • 지분 증명(PoS, Proof of Stake)
    • 위임 지분 증명(DPoS, Delegated Proof of Stake)

블록체인의 특성

  • 블록체인의 특징
    • anonymous (익명성)
    • traceability (추적 가능성)
    • trustless (신뢰성)
    • distributed ledger (분산 원장)
    • decentralized (탈중앙화)
    • consensus algorithm (합의 알고리즘)
    • immutability (불변성)

프론트

HTML, CSS FlexBox을 사용하고 멋쟁이 사자처럼 페이지 상단 만들기

  • FlexBox : 레이아웃을 설정하는 CSS속성. 1차원적인 요소
    • grid : 비슷한 요소인데 2차원(행렬) 요소
  • justify-content : 그냥 정렬용인거 같다. flexbox에 적용되며 start앞정렬 , end 끝정렬
  • 미디어 쿼리 : 조건에 따라 옵션을 부여할 수 있다. ex) 웹사이즈, 앱사이즈 등등

코드

index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <div class="menu">
        <img src="techit_logo.svg" alt="logo" />
        <button class="firstBtn">테킷 스쿨</button>
        <button>스타트업 스테이션</button>
        <button>VOD 클래스</button>
        <button>기업교육</button>
        <button>이벤트</button>
      </div>
      <div class="loginBox">
        <button class="login">로그인</button>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          fill="none"
          viewBox="0 0 24 24"
          stroke="currentColor"
          class="ellipsis"
        >
          <path
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            d="M4 6h16M4 12h16M4 18h16"
          ></path>
        </svg>
      </div>
    </header>
  </body>
</html>
style.css
body {
  margin: 0;
}

header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: auto;
}

img {
  width: 108px;
}

button {
  background-color: white;
  border: 0;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}

.login {
  display: inline-block;
  border: 1px solid rgb(232, 232, 232);
  border-radius: 9999px;
  font-size: 14px;
  padding: 8px /*상하*/ 16px /*좌우*/;
}

.firstBtn {
  margin-left: 80px;
}

.loginBox {
  display: flex;
}

.ellipsis {
  width: 24px;
  margin-left: 16px;
}

@media (min-width: 1024px) {
  button {
    display: inline-block;
  }

  .ellipsis {
    display: none;
  }

  .login {
    color: #737373;
    font-size: 16px;
    border: 0;
    padding: 0;
  }
}
profile
복숭아가 좋아요

0개의 댓글

관련 채용 정보