크롬 개발자 도구

둘러보기

댓글

댓글 본문
작성자
비밀번호
  1. 현재버전으로 강의를 업데이트해주실 계획은 없으신가요ㅠ.ㅠ?
  2. 현재 개발자 도구랑은 구조가 조금 다르네요.. 마지막에 보여주신 유저에 따라 달라지는 기능을 찾아보고 있는데 잘 못 찾겠네요 인터넷 익스플로러 유저로 웹에 접속하는 테스트를 하려고 하거든요.
  3. JustStudy
    2016.07.06수
    고맙습니다.
  4. chaogirl
    화면이 너무 달라서 당황했는데, 4년전 영상이네요.. 그래도 이해하는데 도움이 될거 같아 계속 봅니다~~
  5. GunLoc
    크롬 개발자 도구중 Elements랑 Console이랑 위 아래로 같이 보고 싶은데 탭을 어떻게 이동 시키나요?
  6. tinybit
    감사합니다! 업그레이드 됐다고는 하지만 중요한기능은 그대로이고 많이 안쓰는 기능이 통합되거가 없어진거니 새로운 버전에서 헷갈리는건 조금만 구글에서 찾아보면 알수있는 정도네요. 무엇보다 각각의 텝의 목적과 기능을 확실히 알수있어서 너무 감사합니다. 다른곳에서도 방법은 찾을수 있지만 이고잉님 덕분에 목적과 이유를 확실히 알게되니 능동성이 생기네요.
  7. 정민규
    크롬 몰랐다가 정말 유용했습니다~ 감사드립니다.
  8. 통조림
    UI만 조금 바뀌었지 핵심은 그대로인 것 같아요.
    다만 저도 마지막에 설정이랑 디바이스 버튼이 찾기 어려웠는데
    설정은 개발자도구 우측 상단에 세로로 점 세개 있는 버튼 누르시면 settings 있고,
    디바이스 변경은 좌측 상단에 스마트폰 그림 누르시면 됩니다
    대화보기
    • 뎁온누리
      크롬이 업그레이드가 되서 사용하기 힘듭니다.
      다시 강좌를 찍는것은 어떤요?기
    • 강구임돠
      Elements -> 태그를 열람하고, 수정하고 실시간보기가 가능한 영역
      Resources -> 웹사이트에 사용된 다양한 소스들을 보거나 다운받을 수 있는 영역
      Network -> 이미지나 리소스를 가져오는데 걸리는 시간, 순서, 어떤 요청과 응답이 이루어지는지 보여주는 영역
      Sources -> 웹 페이지 안에 삽입되어있는 자바스크립트를 디버깅하기 위한 영역
      Timeline -> 크롬에서 작동하는 웹페이지의 성능을 측정하기 위한 영역
      Profiles -> html, css, js 등의 상태를 측정 할 수 있는 영역
      Audits -> 웹페이지의 현재 상태를 체크해서 성능에 악영향을 줄 수 있는 부분에 대해 조언해주는 영역
      Console -> 자바스크립트 명령을 실시간으로 입력해 볼 수 있는 영역
    • 호두과자
      싸랑해요~~~
    • 루피아빠
      감사합니다! 파폭 개발자 도구에서 크롬으로 넘어오려구요~^^
    • 믿음의사람
      크롬이 버전업이 되어서 찾기가 애매해졌지만,
      강의 덕분에 많은 도움이 되었습니다. 감사합니다.
    • 요조라
      좋은 강의 항상 감사합니다
    • 글로리아홀
      알려주셔서 감사합니다.
    • 요네츄
      강의 최고에요!!
    • 131009 jhc
    • 콤퇘지
      HTML,CSS,JAVASCRIPT 생산성 극대화. 감사합니다.
    • egoing
      알려주셔서 고맙습니다 ^^
      대화보기
      • Wonjae Kim
        dock to right 기능이 세팅에서 사라지고 콘솔을 윈도우로 분리시키는 버튼에 통합되었습니다.버튼을 누르고 있으면 추가 옵션이 뜹니다.
      • sugarui
        고맙습니다! 레이아웃때문에 한 사이트의 구조를 알아야 했는데 마침 이 강의 생각나서 크롬으로 잘 찾았습니다. 크롬이 예뻐서 좋아요.
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기