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 7602152..c06caeb 100644 --- a/index.html +++ b/index.html @@ -6,33 +6,35 @@ - BCSDLab Web 과제 + [이동훈] BCSDLab Web 과제
-

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

+

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

기본 정보

-

이름: 최준호

-

학번: 2019136135

+

이름: 이동훈

+

학번: 2021136091

전공: 컴퓨터공학부

-

이메일: junho5336@gmail.com

+

이메일: dhun2906@gmail.com

- Github 주소

+ Github 주소

인사말

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

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

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

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

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

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

    인터넷

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

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

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

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

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