본문 바로가기 메뉴 바로가기

소파의 공부방

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

소파의 공부방

검색하기 폼
  • 분류 전체보기 (62)
    • 웹 프로그래밍 (28)
      • Javascript (3)
      • React (3)
      • 성능 튜닝 (0)
    • 영상 스트리밍 서비스 (1)
      • HTML5 플레이어 (0)
    • Windows Service Program (0)
    • 알고리즘 (0)
    • 네트워크 (9)
    • 책 (14)
      • 프로그래머, 수학으로 생각하라 (3)
      • 아파치 핵심 가이드 (9)
      • Network 더 쉽게, 더 깊게[제3판] (2)
    • Driver (2)
    • 개인 (0)
  • 방명록

프론트 엔드 (1)
2.크롬 개발자 도구를 사용해보자 - Performance 탭

프론트 엔드 개발을 하기 위해서는 크롬 개발자 도구를 잘 활용해야 한다고 생각한다.. 지금의 나는 크롬 개발자 도구를 얼마나 활용하면서 개발을 했을까? 생각해 봤더니 Elements, Console, Sources, Application 탭 정도만 사용하더라...(이마저도 100%활용하진 못한다.) 그래서 이제부터는 사이트의 최적화를 위해서 중요한 Network, Performance, Audits등의 나머지 탭들에 대해서도 공부를 해야겠다고 다짐했다. 먼저 Performance 탭이다. (한번에 모든 것을 공부할 수가 없어서 차차 수정을 할 예정) 1.측정방법 -측정할 액션이나 페이지 로딩 전 레코딩 버튼을 누르고 원하는 결과물이 나오면 레코딩 stop을 한다.2.결과 분석 -내가 측정할 페이지에서 동..

웹 프로그래밍/Javascript 2019. 1. 26. 21:45
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 게으른꿀개미
TAG
  • 로그인
  • map
  • javascript
  • React.js
  • 크롬
  • reduce
  • 세션
  • 맵
  • 개발자 도구
  • 쿠키
  • 리듀스
  • 리액트
  • React
  • 자바스크립트
  • JWT
  • 프론트 엔드
  • 프론트
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바