Debug

2018. 10. 24. 14:25·WEB/JavaScript

1.크롬 개발자 도구에서 sources 탭에서 확인할 소스파일을 연다


2. 라인넘버를 누르면 breakpoint를 잡을수 있다


3. breakpont를 잡으면 breakpoint 안 scope의 변수들에 접근 할 수 있다


4. 오른쪽 아래 scope에 들어있는 값을 확인 할 수 있다


5. sources탭에서 esc를 누르면 console창이 나오고 변수를 입력하여 값을 확일 할 수도 있다



'WEB > JavaScript' 카테고리의 다른 글

Javascript Event loop  (0) 2019.03.04
JS prototype /create  (0) 2019.02.14
arr 메소드  (0) 2018.10.22
string / number 메소드  (0) 2018.10.22
배열 자료구조 메소드  (0) 2018.10.22
'WEB/JavaScript' 카테고리의 다른 글
  • Javascript Event loop
  • JS prototype /create
  • arr 메소드
  • string / number 메소드
vitnal
vitnal
4년차 프론트엔드 개발자입니다. react를 사용하여 웹 서비스를 개발한 경험이 있습니다. github: https://github.com/jch1223
  • vitnal
    vitnal 아카이브
    vitnal
  • 전체
    오늘
    어제
    • 분류 전체보기 (146)
      • AI (1)
      • WEB (76)
        • React (21)
        • Nextjs (17)
        • JavaScript (16)
        • React Native (5)
        • HTML & CSS (7)
      • CS (3)
      • Git (15)
      • Dev Tools (23)
      • Deploy (12)
      • Tech Memo (8)
      • Retrospect (7)
  • 반응형
  • hELLO· Designed By정상우.v4.10.5
vitnal
Debug
상단으로

티스토리툴바