[입문] 인터넷 핵심기술

📌 개발자 도구

개발자 도구(Developer Tools)는 웹 브라우저에 내장되어 있는 도구로,
개발자들이 웹 페이지를 디버깅하고, 분석하고, 최적화하는데 사용

1. 요소 검사(Inspect Element): 웹 페이지의 HTML과 CSS를 실시간으로 확인하고 수정할 수 있습니다. 이는 디자인 변경을 미리보거나, 문제를 찾아 해결하는데 유용합니다.

2. 콘솔(Console): 자바스크립트 코드를 실행하고, 에러와 경고를 확인할 수 있습니다. 또한, 페이지에서 발생하는 로그를 확인하거나, 디버깅 정보를 출력할 수 있습니다.

3. 네트워크(Network): 웹 페이지가 서버와 어떻게 통신하는지 분석하고, 로드 시간을 최적화하거나, 네트워크 요청을 모니터링할 수 있습니다.

4. 소스(Source): 웹 페이지의 소스 코드를 확인하고, 디버깅할 수 있습니다. 또한, 브레이크포인트를 설정하여 코드의 실행 흐름을 제어할 수 있습니다.

5. 퍼포먼스(Performance): 페이지의 렌더링 성능과 실행 성능을 프로파일링하고, 최적화할 수 있습니다.

6. 메모리(Memory): 메모리 누수를 찾거나, 메모리 사용량을 분석할 수 있습니다.

7. 어플리케이션(Application): 웹 스토리지, 쿠키, 웹 워커, 서비스 워커 등을 관리하고 검사할 수 있습니다.
   
   

   📌 인터넷 프로토콜

    
   

   📌 프레임워크와 라이브러리

    
   

   📌 API와 서비스

    
   

   📌 IDE

    
   

   참고자료

   • VScode 단축키
   • 웹 개발을 위한 익스텐션 추천