diff --git a/image1.png b/image1.png new file mode 100644 index 0000000..a4db467 Binary files /dev/null and b/image1.png differ diff --git a/image2.png b/image2.png new file mode 100644 index 0000000..d20b1b5 Binary files /dev/null and b/image2.png differ diff --git a/image3.png b/image3.png new file mode 100644 index 0000000..353b3f4 Binary files /dev/null and b/image3.png differ diff --git a/index.html b/index.html index 7602152..9f63c4a 100644 --- a/index.html +++ b/index.html @@ -12,27 +12,27 @@
-

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

+

기본 정보

-

이름: 최준호

-

학번: 2019136135

-

전공: 컴퓨터공학부

-

이메일: junho5336@gmail.com

+

이름: 이관우

+

학번: 2021136089

+

전공: 컴퓨터공학부

+

이메일: janoogwan39@gmail.com

- Github 주소

+ Github 주소

인사말

- 안녕하세요! 공유를 좋아하는 개발자 최준호입니다.
- 저의 취미는 도전입니다. 새로운 일에 도전하는것을 항상 즐깁니다.
- 최근에는 클라이밍에 흥미를 가져봤는데 꽤나 괜찮은 취미활동이라고 생각합니다
- 검은 화면에 흰 글씨가 나오는 모습이 멋있어보여서 백엔드 트랙에 지원했습니다.
+ 안녕하세요! 유능한 프로그래머가 되고 싶은 이관우입니다.
+ "안 되면 될 때까지 한다" 라는 것이 저의 좌우명입니다.
+ 프로그래밍에 대한 많은 경험과, 서버에 대한 이해를 키우고 싶어서 백엔드 트랙에 지원했습니다.
+ Beginner 트랙을 잘 이수하여 BCSD에 꼭 필요한 인력이 되겠습니다!

@@ -43,9 +43,44 @@

Web 퀴즈!

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

-
- {위 질문에 대한 답변을 자유롭게 작성해주세요}
- HTML 태그를 적극 활용해도 좋습니다. +
+
GET
+- 웹 서버의 자원(리소스)을 요청, 파라미터를 넘겨서 해당 본문을 받아옴
+- 성공 시 html, xml, json 등과 함께 200(ok)등의 http 응답 반환
+- 실패 시 404(not found)에러나 400(bad request)에러 발생
+- 데이터를 읽을 때만 사용 수정 시에는 사용하지 않음
+-> url에 파라미터들이 포함됨

+ +POST
+- 데이터를 전송하기 위한 메소드
+- 일반적으로 새로운 리소스를 생성할 때 사용
+- 성공 시 200이나 201(created) http 응답 반환
+- 같은 post요청 반복 시 같은 결과물 보장 X

+ +PUT
+- 수정할 정보를 서버를 제출하여 갱신 -> 덮어쓰기

+ +PATCH
+- 리소스의 일부만 수정
+- 만약 홍길동의 학번과 주소만 변경하려면 해당 부분만 변경

+ +DELETE
+- 웹 리소스를 제거할 때 사용

+ +HEAD
+- GET과 동일하지만 서버에서 Body를 리턴하지 않음
+- 응답의 상태 코드만 확인할 때와 같이 Resource를 받지 않고 오직 찾기만 원할 때 사용

+ +TRACE
+- HEAD와 같이 일종의 검사용 메소드
+- 서버에 도달 했을 때의 최종 패킷의 요청 패킷 내용을 응답 받을 수 있음.
+- 요청의 최종 수신자는 반드시 송신자에게 응답의 내용으로 수신한 메시지를 반송해야 함.
+- 최초 Client의 요청에는 Body가 포함될 수 없음.

+ +OPTION
+- 예비 요청(본 요청을 하기 전에 안전한지 미리 검사하는 것)에 사용되는 HTTP 메소드
+- 서버의 지원 가능한 HTTP 메소드와 출처를 응답 받아 'CORS 정책'이라는 것을 검사하기 위한 요청

+
  • @@ -53,18 +88,67 @@

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

    - {위 질문에 대한 답변을 자유롭게 작성해주세요}
    - HTML 태그를 적극 활용해도 좋습니다. + + + + + + + +
    인터넷TCP/IP 기반의 네트워크가 세계적으로 확대되어 연결된 네트워크들의 네트워크 +
    웹간단히 말해 WWW(World Wide Web). HTML이라는 문서 형태와 HTTP라는 문서 전송 프로토콜, URL로 문서의 위치를 표시하는 시스템
    웹은 인터넷의 일부라고 볼 수 있다. +

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

    -
    - {위 질문에 대한 답변을 자유롭게 작성해주세요}
    - HTML 태그를 적극 활용해도 좋습니다. -
    +
    +image1
    +크게 위와 같은 과정이 이루어지게 된다.


    + +[ 과정 ]

    + +1. 사용자 입력
    +우리가 주소창에 www.naver.com 이라고 입력하게 되면, 해당 주소는 URL 형식을 띄고 있기 때문에 브라우저는 웹페이지 URL이라 인식하여 이 도메인 이름에 해당하는 IP주소를 요청하게 된다.
    +이 때, 우리가 protocol 부분을 따로 입력하면 https나 http로 요청하지만, 만약 www.naver.com 에서 ‘www.’ 부분을 생략하고 naver.com 이라고 입력하게 된다면, 프로토콜 부분을 생략하고 바로 도메인부분을 입력하면 기본적으로 http로 요청한다.

    + +2. 도메인 네임
    +Server로 도메인 네임(naver.com)을 보내면 이걸 IP주소로 바꿔주는데, 이러한 시스템을 DNS라고 부른다.
    +DNS Server는 도메인들의 IP주소를 가지고 있는 데이터 서버인데, 우리는 naver.com이라는 도메인을 가지고 있는 IP주소를 DNS Server에 물어보게 된다.

    + +3. IP주소
    +2번과 같은 과정을 거치면 DNS Server로 부터 IP주소를 얻게 된다.

    + +4. HTTP 요청 메시지
    +위와 같은 과정을 통해 얻은 IP주소로 해당 페이지를 요청을 보냄.

    + +5. HTTP 요청메시지 전달
    +HTTP 요청 메시지가 TCP 통신을 통해서 네이버 서버에 요청하게 됨.

    + +웹 페이지 URL
    +네이버 서버는 개인PC로부터 HTTP 요청 메시지를 받게 됨. HTTP 요청 메시지 안에는 메소드 종류(GET), 경로, 문서 종류, 형식 종류, 헤더, 언어, 인코딩 스타일, 요청하는 컴퓨터의 브라우저 버전, 요청하는 문자의 길이 등의 정보를 담고 있다.

    + +7. 웹 페이지 데이터 전송
    +요청에 대해 네이버 서버는 응답 페이지를 보내줌.
    HTTP 요청 메시지로 위에서 요청 했듯이, 서버도 응답 페이지와 함께 HTTP 응답 메시지로 보내주게 됨.

    + +8. HTTP 응답 메시지
    +http 응답 메시지도 요청 메시지와 비슷한 스타일로 돌아오게 됨.

    + +9. 웹 페이지 데이터
    +그 후 받아온 응답페이지 html문서를 받아서 브라우저에 넣어줌.

    + +10. 사용자 출력
    +브라우저가 반환받은 html데이터를 처리함.

    + +image2
    +위와 같은 과정을 거치게 되면,

    + +image3

    +최종적으로 위와 같은 화면을 출력하게 된다.
    + +