web-introduction/index.html at main · jabell0310/web-introduction · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <title>BCSDLab Web 과제</title>
</head>

<body>

<header>
    <h1></h1>
</header>

<section class="card">
    <h2>기본 정보</h2>
    <p><strong>이름: 김민준</strong></p>
    <p><strong>학번: 2023100136</strong></p>
    <p><strong>전공: 컴퓨터 공학부</strong></p>
    <p><strong>이메일: jabell030310@gmail.com</strong></p>
    <h3>
        <a href="https://github.com/jabell0310">Github 주소</a></p>
    </h3>
</section>

<section class="card">
    <h2>인사말</h2>
    <p>
        안녕하세요! 발전을 거듭하는 비기너 김민준입니다.<br>
        저의 취미는 탁구입니다. 치면 칠 수록 발전되는 서브 실력을 보고 자신감을 얻습니다.<br>
        최근에는 goty 게임도 플레이하고 있는데 취미가 많을수록 의욕도 오르는 것 같습니다.<br>
        데이터 베이스에 관해 공부해보고 싶어서 백엔드 트랙에 지원하게 되었습니다.<br>
    </p>
</section>

<section class="card">
    <h2>Web 퀴즈!</h2>
    <ol>
        <li class="card">
            <h3>
                HTTP Method 종류를 아는대로 설명해주세요.
            </h3>
            <div>
                -get: 데이터 조회<br>
                -post: 데이터 등록, 요청 데이터 처리<br>
                -put: 데이터 전체 변경<br>
                -patch: 데이터 부분 변경<br>
                -delete: 데이터 삭제<br>
                <br>
                <br>
                -head: get에서 body만 제외한 메시지 반환(상태, 헤더)<br>
                -options: 대상 데이터에 대한 통신 가능 옵션을 설명
            </div>
        </li>
        <li class="card">
            <h3>
                인터넷과 웹의 차이에 대해 설명해주세요.
            </h3>
            <div>
                -인터넷: 컴퓨터의 네트워크와 네트워크를 연결하여 TCP/IP라는 통신 프로토콜을 이용해 HTML과 전자우편 등의 정보를 주고 받는 정보 자원 서비스<br>
                -웹: 인터넷에 연결된 사용자들이 서로의 정보를 공유하는 공간<br>
                *Web1.0: 읽기 전용- 컨텐츠를 제작한 사람만 정보의 권한을 가짐<br>
                *Web2.0: 참여형- 쓰기 기능이 추가되어 사용자와 정보 간 상호 작용 가능<br>
                *Web3.0: 탈중앙화, 맞춤형-정보를 분산하여 저장, 사용자에게 맞춤형 정보 제공<br>
                쉽게 말해서 인터넷 안에 웹이 있는 것이다.<br>
            </div>
        </li>
        <li class="card">
            <h3>
                www.naver.com을 치면 무슨 일이 일어날까요?
            </h3>
            <div>
                네이버 홈 화면이 나온다.<br>
                원리:
                    1.사용자의 도메인 네임 입력
                    2.도메인 네임 부분을 DNS 서버에 검색하여 IP주소를 찾아 URL정보와 함께 전달
                    3.전달된 IP주소는 HTTP 요청 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 해당 IP주소 컴퓨터에 전달
                    4.도착한 HTTP 요청 메시지가 HTTP 프로토콜에 의해 URL 정보로 변환하여 데이터 검색
                    5.검색된 데이터는 HTTP 프로토콜에 의해 응답 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 원래 컴퓨터에 전달
                    6.도착한 HTTP 응답 메시지가 HTTP 프로토콜에 의해 웹 페이지 데이터로 변환, 웹 브라우저에 출력
            </div>
        </li>
    </ol>
</section>

<footer>
    <p>감사합니다 :)</p>
</footer>

</body>

</html>