[TIL] 23.03.22

bpark14·2023년 3월 22일

TIL 멋쟁이사자처럼 블록체인 스쿨 3기

WEEK 2

목록 보기

3/4

오전수업

1교시

코인 거래 방식
hash값이 변하는 방식

2교시 ~ 3교시

기초 암호학

기초 암호학

암호화, 복호화

암호화는 평문에서 암호문으로, 복호화는 암호문에서 평문으로 변환한다.

단방향성, 양방향성

단방향 암호화는 암호문에서 평문으로 복호화 할 수 없는 방법이다.
양방향 암호화는 암호화한 것을 복호화 할 수 있는 방법이다. 양방향 암호화에는 대칭키와 비대칭키 방법이 있다.
- 대칭키 방법은 비공개키라고도 불리우며, 암호화와 복호화에 같은 키를 사용하는 암호화 방식이다.
- 비대칭키 방법은 공개키라고도 불리우며, 암호화와 복호화에 다른 키를 사용하는 암호화 방식이다.

비트코인과 타원곡선 (Bitcoin and Elliptic Curve)

양방향성

hash값 역산 해주는 사이트(저장되어있는 단순한 값)
https://crackstation.net/

암호화, 복호화 과정 테스트 사이트
대칭키형식: https://encode-decode.com/des-encrypt-online/
비대칭키형식: https://www.devglan.com/online-tools/rsa-encryption-decryption

오후수업

4교시

JavaScript
함수 (Function)

간단한 계산기 만들기

function add(a, b) {
  console.log(a + b);
}
function subtract(a, b) {
  console.log(a - b);
}
function multiply(a, b) {
  console.log(a * b);
}
function divide(a, b) {
  console.log(a / b);
}
let num1 = 5,
  num2 = 10;
add(num1, num2);				// 15
subtract(num1, num2);			// -5
multiply(num1, num2);			// 50
divide(num1, num2);				// 0.5

5교시

비교 연산자
if문

| == : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환함.
| === : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환함.
| != : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환함.
| !== : 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환함.
| > : 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함.
| >= : 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함.
| < : 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 참을 반환함.
| <= : 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환함.

6교시

for문

7교시

홈페이지 시작화면 만들기
화면에 영상 추가하는 방법

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>
    <main>
      <div class="time">Time</div>
    </main>
    <video
      class="bgVideo"
      src="images/background.mp4"
      autoplay
      muted
      loop
    ></video>
    <script src="main.js"></script>
  </body>
</html>

8교시

JavaScript를 통해서 화면에 디지털시계 만들기

main.js

function getTime() {
  const time = document.querySelector(".time");

  const newDate = new Date();

  // const hours = newDate.getHours();
  // const minutes = newDate.getMinutes();
  // const seconds = newDate.getSeconds();
  const hours = String(newDate.getHours()).padStart(2, "0");
  const minutes = String(newDate.getMinutes()).padStart(2, "0");
  const seconds = String(newDate.getSeconds()).padStart(2, "0");

  // time.innerText = hours + ":" + minutes + ":" + seconds;
  time.innerText = `${hours}:${minutes}:${seconds}`;
}

getTime();
setInterval(getTime, 1000);