Frontend/Common3 개발자도구 조금 더 잘쓰기( feat. network tab ) 웹 개발자의 필수도구인 F12 혹은 option + cmd + i 키를 누르면 나오는 개발자도구... 정말 잘 쓰는 사람은 드물다고 생각한다 일단 이번에는 network 탭에서의 간단한 정보들에 대한 것들을 포스팅하려고 한다 개발자도구 탭에서는 정말 여러가지 디버깅을 해볼 수 있는데, 이 중 network 탭을 살펴보자 저 위의 단축키를 눌러서 네트워크 탭을 들어가보자 보통 이런 화면을 볼 수 있을 것이다 여기에는 webserver가 내려준 정적 파일(css, ico, images)들과 http method 등 다양한 것들을 볼 수가 있는데, 프론트엔드 개발자의 주된 관심사는 Http method 호출이다(Application Programming Interface->api라고 흔히 부르는) 위의 Sub.. 2023. 9. 25. 선언적 렌더링(Declarative Rendering) vs 명령형 렌더링(Imperative Rendering) Imperative: Give step-by-step instructions on how to reach a certain goal Declarative: Describing the result (the what), without instructing how to do it 예시) Mom wants a kid to tidy up its room. Imperative: “Pick up the toys, then empty the bin, then remove dust and finally vacuum the floor.” Declarative: “Here’s a picture of how your room looks like clean. I want you to get it into that state i.. 2023. 1. 11. Mac Node.js, Npm(Node Package Manager) 버전 LTS로 업데이트 하기 LTS:(Long Term Support) 긴 시간동안 업데이트도 하며 지원하는 버전이다 version 확인 npm -v node -v n 모듈 설치 sudo npm install -g n Node.js LTS 버전으로 업데이트 sudo n lts 다시 버전 확인 NPM 재설치 sudo npm install -g n 결과 Node.js v.16.16.0 → v.18.13.0 NPM v8.11.0 → v.8.19.3 2023. 1. 11. 이전 1 다음
