Debug

2018. 10. 24. 14:25·JavaScript

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


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


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


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


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



반응형

'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
'JavaScript' 카테고리의 다른 글
  • Javascript Event loop
  • JS prototype /create
  • arr 메소드
  • string / number 메소드
vitnal
vitnal
4년차 프론트엔드 개발자 입니다. 이 블로그는 기록하고 싶은 내용을 저장하기 위해 사용하고 있습니다. 정제되지 않은 내용이 있을 수 있는 점 양해 부탁드립니다.
  • vitnal
    vitnal 아카이브
    vitnal
  • 전체
    오늘
    어제
    • 분류 전체보기 (155)
      • What I Read (3)
      • AI (5)
      • WEB (8)
      • React (21)
      • Nextjs (17)
      • JavaScript (16)
      • React Native (5)
      • Git (15)
      • Dev Tools (23)
      • Deploy (12)
      • Tech Memo (22)
      • Retrospect (7)
  • 반응형
  • hELLO· Designed By정상우.v4.10.5
vitnal
Debug
상단으로

티스토리툴바