From 6056262ba203d90ef3ca2bf7d9ce836a049dad50 Mon Sep 17 00:00:00 2001 From: Donghun <2dh2@naver.com> Date: Wed, 20 Mar 2024 20:21:26 +0900 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=EC=9E=90=EA=B8=B0=EC=86=8C?= =?UTF-8?q?=EA=B0=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 7602152..4f59d1c 100644 --- a/index.html +++ b/index.html @@ -6,23 +6,23 @@ - BCSDLab Web 과제 + [이동훈] BCSDLab Web 과제
-

안녕하세요, 최준호입니다!

+

반갑습니다!! 저는 이동훈입니다.

기본 정보

-

이름: 최준호

-

학번: 2019136135

+

이름: 이동훈

+

학번: 20211360091

전공: 컴퓨터공학부

-

이메일: junho5336@gmail.com

+

이메일: dhun2906@gmail.com

- Github 주소

+ Github 주소

From e203c7b9f0edeb3a1d84a9603cdc89c3c17d24ce Mon Sep 17 00:00:00 2001 From: Donghun <2dh2@naver.com> Date: Wed, 20 Mar 2024 20:33:12 +0900 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=EC=9D=B8=EC=82=BF=EB=A7=90=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 4f59d1c..6dc0f54 100644 --- a/index.html +++ b/index.html @@ -29,10 +29,12 @@

인사말

- 안녕하세요! 공유를 좋아하는 개발자 최준호입니다.
- 저의 취미는 도전입니다. 새로운 일에 도전하는것을 항상 즐깁니다.
- 최근에는 클라이밍에 흥미를 가져봤는데 꽤나 괜찮은 취미활동이라고 생각합니다
- 검은 화면에 흰 글씨가 나오는 모습이 멋있어보여서 백엔드 트랙에 지원했습니다.
+ 안녕하세요! 배우고 성장하고 싶어서 BCSD에 지원한 이동훈입니다!!
+ 항상 공부를 할 때 내가 가고 있는 길이 맞는지, 잘 하고 있는지 확신을 못하고 있었습니다.
+ 그런데, BCSD 라는 동아리를 알게되고 저의 방향성을 잡아줄 수 있겠다는 생각에 지원하게 되었습니다.
+ 아직 부족한 점이 많지만 활동을 통해 점점 채워 나가려고 하고 있습니다. 잘 부탁 드립니다!!
+ +

From 074c21c84d3d195fcd11405552984122fc4af698 Mon Sep 17 00:00:00 2001 From: Donghun <2dh2@naver.com> Date: Wed, 20 Mar 2024 22:21:11 +0900 Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=ED=80=B4=EC=A6=88=20=EC=9E=91?= =?UTF-8?q?=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 15 ++++++++- index.html | 89 +++++++++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 96 insertions(+), 8 deletions(-) diff --git a/css/style.css b/css/style.css index b42eb2e..c197a9a 100644 --- a/css/style.css +++ b/css/style.css @@ -38,11 +38,14 @@ ol { padding: 0; } + + li { display: flex; justify-content: flex-start; align-items: center; - margin-bottom: 20px; + margin-bottom: 5px; + margin-top: 20px; } li img { @@ -71,4 +74,14 @@ a:hover { footer { text-align: center; color: #888; +} + +table, tr, td { + border: 1px solid; + border-collapse: collapse; + padding: 10px; +} + +.box { + text-align: left; } \ No newline at end of file diff --git a/index.html b/index.html index 6dc0f54..c06caeb 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@

반갑습니다!! 저는 이동훈입니다.

기본 정보

이름: 이동훈

-

학번: 20211360091

+

학번: 2021136091

전공: 컴퓨터공학부

이메일: dhun2906@gmail.com

@@ -46,8 +46,44 @@

HTTP Method 종류를 아는대로 설명해주세요.

- {위 질문에 대한 답변을 자유롭게 작성해주세요}
- HTML 태그를 적극 활용해도 좋습니다. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
메소드기능
GET서버로부터 리소스 정보를 요청합니다.
HEADGET과 기능은 같지만 응답 리소스에 Body가 없다.
+ 주로 서버의 상태를 확인하기 위해 사용한다.
POST서버에게 리소스를 전송합니다.
DELETE지정된 리소스를 삭제합니다.
PUT리소스를 업데이트하기 위해 서버에게 리소스를 전송합니다.
+ 이미 있는 리소스라면 전송된 리소스로 덮어쓰기 됩니다.
PATCH리소스를 수정합니다.
+ PUT 메소드와는 다르게, PATCH 메소드는 원하는 리소스만 수정됩니다.
TRACE일종의 루프백 메소드로 통신 상 어느 지점에서 오류가 발생했는지 확인할 수 있다.
  • @@ -55,8 +91,15 @@

    인터넷과 웹의 차이에 대해 설명해주세요.

    - {위 질문에 대한 답변을 자유롭게 작성해주세요}
    - HTML 태그를 적극 활용해도 좋습니다. +

    인터넷

    + 인터넷은 여러 통신망을 하나로 연결했다는 뜻으로
    + 전 세계의 컴퓨터를 하나로 연결하는 거대한 통신망을 의미한다. + +

    웹

    + 웹은 인터넷으로 서로 연결된 컴퓨터를 통해 공유할 수 있는 문서를 의미한다.
    + 여러 웹사이트들도 문서로 이루어져 있다고 볼 수 있는 것이다.

    + +
    즉, 인터넷을 이용해 웹사이트를 방문할 수 있으므로 인터넷의 범위가 웹보다 더 크다고 할 수 있다.
  • @@ -64,8 +107,40 @@

    www.naver.com을 치면 무슨 일이 일어날까요?

    - {위 질문에 대한 답변을 자유롭게 작성해주세요}
    - HTML 태그를 적극 활용해도 좋습니다. +
      +
    1. 1. URL 입력
      2. +
      + 웹사이트에 접속하기 위해서는 IP주소가 사실 필요하지만 웹사이트에 접속하려고 IP주소를 적어야 한다면 불편할 것이다.
      + 이런 문제를 해결하기 위해 나온 것이 DNS(Domain Name System)이다. DNS는 URL주소를 통해서 IP주소를 불러와준다.
      + 그렇지만 바로 DNS로 가는 것이 아니라 캐시 계층을 먼저 확인하게 된다. +
      + +
    2. 2. DNS 조회
      3. +
      + 캐시 계층에서 IP주소를 찾을 수 없다면 DNS 쿼리를 보내서 원하는 IP주소를 찾을 때까지 여러 DNS 서버를 검색하게된다.
      + 이러한 검색을 재귀 검색이라고 하며, IP주소를 찾을 수 없다는 응답이 반환될 때까지 검색한다. +
      + +
    3. 3. TCP 연결
      4. +
      + 브라우저가 IP주소를 찾았다면 여러 인터넷 프로토콜 중 하나인 TCP를 사용해 서버와 연결을 한다. +
      + +
    4. 4. 서버에 HTTP 요청 전송
      5. +
      + 서버와 연결도 했으니 브라우저는 웹사이트에 GET 메소드를 통해 웹페이지를 요청한다. +
      + +
    5. 5. 서버에서 요청 처리 후 응답 반환
      6. +
      + 서버는 브라우저로부터 요청을 받고 요청 핸들러에게 전달하여 응답을 생성한다.
      + 요청 핸들러는 여러 정보를 브라우저에게 특정 형식(ex: JSON, XML, HTML)으로 반환하며 응답한다. +
      + +
    6. 6. 서버가 HTTP로 응답 반환
      7. + +
    7. 7. 브라우저에 HTML 콘텐츠 표시
      8. +