Search
Duplicate
🌐

[기초 웹 스터디 3주차 과제]

들어가기 앞서

이번 주는 HTTP 통신에 대해 깊이 학습할 수 있는 시간을 가졌습니다!
학습 내용을 조금 수월하게 정리할 수 있도록, WIL을 통해 자신의 학습 상황을 점검할 수 있고, 직접 개발자 도구의 네트워크 탭을 뜯어보면서 스스로 공부할 수 있는 과제를 준비하였습니다.
이번 과제를 통하여, 자주 사용하던 웹 서비스에서 어떻게 HTTP 메소드와 요청이 일어나는지 확인할 수 있으면 좋겠습니다. 또한, URL의 구조를 보며 해당 API 설계는 올바르게 된 편인지 직접 판단해보면 재미있을 거예요

과제 준비물

개발자 도구 켜기!
Window : F12
Mac : command + option + I
마우스 오른쪽 버튼 > 검사 or 개발자 도구 열기

참고하면 좋은 사이트

 HTTP (mdn_web_docs)

과제

목표

HTTP의 역사와 현대의 사용방법에 대해 깊이 이해할 수 있다.
웹에서 사용하고 있는 HTTP 네트워크 통신 메소드와 방법에 익숙해진다.
올바른 API 설계 방법을 여러 가지 사례를 통해 확인할 수 있다.
HTTP 통신의 헤더, 캐시가 무엇인지 그 구성을 예습할 수 있다 (선택)

제출해야할 파일과 파일 경로

Week3/ ├── WIL3.md ├── GET.png //WIL 안에 png 이미지 첨부 ├── POST.png ├── PUT.png ├── PATCH.png └── DELETE.png
JavaScript
복사
예시 파일
naver.com에서 개발자 도구를 통해 메인 화면 GET 요청이 성공한 화면

명세

1.
HTTP 통신 메소드인 GET, POST, PUT, PATCH, DELETE를 직접 체험해보고 그 사용 사례를 정리하여 WIL3.md 파일에 정리한다.
2.
HTTP/1.1, HTTP/2, HTTP/3의 차이점을 학습하고 그 역사를 WIL3.md 파일에 정리한다.

추가 명세

1.
WireShake를 활용하여 HTTP 패킷을 분석한다.
2.
GET, POST 메소드의 헤더를 분석하여 각각의 역할을 정리한다.

마감 기한

2024년 5월 28일 23:59

제출 방법

2024-1-Web-Study 레포지토리에 WeekN 폴더를 생성해 WILN.md 파일을 제출합니다.
이때, commit명은 꼭 WeekN 과제 제출 로 합니다. 더 자세한 사항은 아래 링크를 참조해주세요.