웹 공부01
Fetch api를 이용하면 request나 response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는 것이 가능. XMLHttpRequest 객체를 사용해 서버와 상호작용을 살 수 있습니다. 페이지 전체의 데이터를 새로 받아오지 않고도 특정 URL로부터 데이터를 받아 올 수 있습니다. 이를 이용해 웹페이지는 용자를 방해하지 않고도 페이지의 일부분만을 업데이트 할 수 있습니다.
Fetch vs axios
- fetch api 는 간편하게 사용이 가능하지만 요청 취소가 불가능하다는 점이 있습니다.
GET - 요청받은 URI의 정보를 검색하여 응답 (READ) HEAD - 응답코드와 HEAD만 응답한다. (웹서버 정보확인, 헬스 체크, 버전확인, 최종 수정일자 확인등의 용도) POST - 요청된 자원을 생성한다. (CREAT) PUT - 요청된 자원을 수정한다. (전체 UPDATE) PATCH - 요청된 자원을 수정(일부분 UPDATE) DELETE - 요청된 자원을 삭제할 것을 요청(DELETE)
응답코드 200 - 성공 300 - 리다이렉션 400 - 클라이언트 요청 실패 500 - 서버 에러
Html doctype
- 해당 소스를 읽을 때 웹문서가 html5로 작성되었음을 알려준다. 웹페이지 문서 종류를 알려주는 선언문 웹페이지 제일 처음에 선언되어야하는 것
이벤트 버블링
- 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미
이벤트 캡처
- 버블링과는 반대되는 개념으로 이벤트가 발생했을떄 해당 이벤트가 하위의 화면 요소로 전달되어가는 특성을 의미 (옵션으로 capture: true를 설정) . 이벤트 위임 -이벤트 캡처, 이벤트버블링을 이용한 방법으로 리스트가 동적으로 추가되는 상황에 이벤트를 매번 추가하는 번거로움을 상위 태그에 이벤트를 지정하여 처리하는 것
http
- 인터넷상에서 정보를 주고받기위한 프로토콜
- 클라이언트와 서버사이에 이루어치는 프로토콜 https
- 모든 http 요청과 응답데이터는 네트워크로 보내지기전에 암호화된다.
- https는 http의 하부에 ssl과 같은 보안 계층을 제공함으로써 동작 Ssl 디지털 인증서
- 클라이언트와 서버간의 통신을 제 3자가 보증해주는 전자화된 문서 인증과정
- 클라이언트가 서버에 요청한 직후에 서버는 클라이언트에게 인증서정보를 전달
- 클라이언트는 신뢰할수 있는 서버인지 확인
- 클라이언트 공개키 방식으로 암호화해서 서버에게 전달
- 서버는 비공개키로 복호화하여 서버와 클라이언트가 세션키를 공유
- 데이터 교환