Hello, World

개굴·2023년 3월 15일
0

dev

목록 보기
2/3

2023.03.15 techit의 블록체인 스쿨의 본격적인 수업이 시작되었다.
오전에는 블록체인 오후에는 HTML 기본을 수업으로 들었다.

1.블록체인

경제의 관련 이야기를 먼저 수업했다. 2018년 미국 버블에 관한 정보를 알려주었는데 경제에 무지한 나는 어려웠다. 아무래도 블록체인이 경제와 땔수 없어 기본 지식 부터 알려주신 것 같다. 추천 영화는 빅쇼트 ,투빅투페일 ,마진콜 ,라스트홈으로 빅쇼트를 보면 이해하기가 편할 것이라고 했다. 아쉽게도 코인 종목 추천은 안해주신다고 했다.




2.HTML ...

강사님이 이야기 해주신 코딩이란 무엇인가 이야기이다.

L - 수학을 잘하는 사람이 누구일꺼 같니?
H - 머리가 좋아야 수학을 잘하는거 아닌가요?
L - 머리 좋은 놈이 젤 먼저 나가 떨어진다.
H - 그럼 혹시 그 노력?
L - 노력하는 놈이 두번째로 나자빠지고
H - 그럼 수학 잘하는 비결이 뭔가요?
L - 용기!
문제가 안 풀릴 때
화를 내고 포기하는 것이 아니라
"뭐가 이렇게 어렴담~
내일 다시 풀어봐야지"
하는 용기가 필요한거야.
문제가 안 풀린다고
머리 싸매지 말고
내일 다시 풀어봐야겠다고
생각하는게 수학적 용기다.
용기를 내라
- 영화, 이상한 나라의 수학자

결국 용기 있는 자가 코딩을 지배한다는 이야기이었다. 코딩은 오류의 싸움이니 오류라는 보스에게서 프로그램이라는 공주를 구하는 용사인가 싶기도 하다.

기본 중의 기본인 HTML, CSS, JS

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>
    <style>
      h2 {
        background-color: aqua;
      }
    </style>
    <link rel="stylesheet" href="style.css" />
    <!--Select/  link:css -->
<script>
  alert("hello, js");
  //   팝업 (인터넷 브라우저 기능으로  브라우저에 영향을 받음, 요즘은 자체적으로 만들어 사용함)
</script>

<script src="main.js"></script>
<!--Select/ script:src -->

hello HTML!

hello, css

hello, javascript

hello hello hello

style.css

h1 {
  background-color: aqua;
}

style(css)을 표현하기 위한 방법은 3가지가 있다.

1.테그에 바로 삽입하는 방법

<h1 style="background-color: yellow">hello HTML!</h1>

2.HTML의 페이지의 안에

<head>
    <style>
      h2 {
        background-color: aqua;
      }
    </style>
</head>  

3.css파일을 따로 생성하는 것 (style.css)
따로 css 파일을 생성하여 HTML파일과 연결하는 것. 연결 코드는 아래와 같다.

<link rel="stylesheet" href="style.css" />

main.js

alert("bye");

java script을 표현 하는 방식은 2가지가 있다.

1.HTML의 < script> 테그 안에 작성하는 법 (index.html)

  <script>
      alert("hello, js");
      //팝업 (인터넷 브라우저 기능으로  브라우저에 영향을 받음, 요즘은 자체적으로 만들어 사용함)
  </script>

2.js 파일 따로 생성하는 것 (main.js)
따로 HTML파일 생성하여 연결하는 것. 연결 코드는 아래와 같다.

  <script src="main.js"></script>

2개의 댓글

comment-user-thumbnail
2023년 3월 15일

갬성 한 스푼.. 한 수 배우고 갑니다 ^^

답글 달기
comment-user-thumbnail
2023년 3월 15일

유민님 자주 오겠슴당😉

답글 달기