팀을 나누어 각 탭(Elements, Console, Source, Network, Application)에 대해 조사하고 각자 흩어져서 새로운 팀에서 설명을 하는 방식으로 진행됐다.
처음에는 팀별로 발표하는줄 알고 각자 파트를 나누어서 공부하고 있었는데 거의 막바지에 한사람이 모든 내용을 다 숙지하고 있어야되는 것을 알았다..ㅎㅎ 그래서 각자 흩어져서 다른 분들께 설명을 해야하는데 우리조 분들에게는 network 탭에 대해 제대로 설명을 못해드려서 죄송했다..ㅎ_ㅜ 그래도 멘토님이 각 탭별로 다시 설명해주셔서 다행이었다.
개발자도구 단축키: ctrl + shift + i
ELEMENT:
html과 css를 확인할 수 있다
styles: css 내용을 보여준다.
style에서 각각 나눠진 이유: selector의 우선순위(inline > id > class > tag....)
user agent sheet: 브라우저의 종류에 따라 default 속성값이 다름. 속성 값을 나타내는 구간
CONSOLE: 브라우저에서 js를 바로 실행가능
NETWORK: API(큰틀)와 endpoint(API내의 구체적인것들)의 차이는?
https://api.kurly.com/v2/categories?ver=1
?전까지 --> category API
?이후 --> endpoint
APPLICATION:
local starage: 반영구적. 삭제하지 않는한 유지된다.(자동로그인, 최근설정저장)
session storage: 창을 닫으면 지워지는 정보들을 저장한다. 주로 민감한 정보들을 저장하는데 사용한다.
cookies: local storage, sessions storage보다 더 오래된 저장 방식, 로딩 속도가 빠르다.